SlideShare une entreprise Scribd logo
1  sur  45
Télécharger pour lire hors ligne
Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 121
Insert Picture Here
Interaktionsdesign
mit Wireframes
Matthias Müller-Prove
User Experience Principal & SW Dev Sr Mgr
18 Jun 2013
http://www.23hq.com/mprove/verplank
Bill Verplank, BayCHI 2008
DerheiligeGrahl
desInteraktionsdesign
Bill Verplank, Interaction 11 (video):
http://vimeo.com/20285615
http://flickr.com/photos/activeside/2184823461/
Site-Maps
http://flickr.com/photos/jimbola/2284119465/
Ski-Was?
http://flickr.com/photos/38451115@N04/5229195968
Ski-Wäs?
Donna Maurer http://slideshare.net/donnam/information-architecture-introduction
Primary Navigation
Content Area
Ads
2nd
Order
Navigation
Schematics
Schemazeichnung
Explosionszeichnung
Blaupause
Wireframes
Drahtmodell
Plan
Wireframes sind digitale Schwarzweiß-Zeichnungen.
Wireframes sind schneller und billiger herzustellen
als Websites.
Wireframes sind abstrakt und detailliert.
Kommunikation zwischen Designer und Kunde
Kommunikation zwischen Designer und Entwickler
S/W,damitderKunde
nichtdieFarbgestaltung
kommentiert
12
http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html
Desktop Virtualization
mit Oracle VDI
13
14
desktop access layer
storage layer
session management layer
virtualization layer
access
storage
sessions
virtualization
Oracle Virtual Desktop Infrastructure 3.5LDAP/AD MySQL
MS Hyper-VVirtualBox
VMware
vCenter/ESX
MS Remote
Desktop
Generic
RDP
Sun Ray
Kiosk
Thin Client
Sun Ray
Laptop
OVDC
iPad
OVDC App
Web
OSGD
RDP Client
Sun ZFS iSCSILocal NFS
Sun Ray Thin-Client Portfolio
Sun Ray 3
Sun Ray 3
Low cost, low power, small footprint
Sun Ray 3i
All-in-one client with 21.5" screen
Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Oracle Virtual Desktop Client App on iPad
Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Desktop Session on Sun Ray Thin-Client
VDI Administration
<Insert Picture Here>
Personal Desktop Assignments
Template
Nina’s
Desktop
Michael
personal assigned
logged in
Nina
personal assigned
logged out
Pool with personal
desktop assignment
Michael’s
Desktop
Personal Desktop Assignments
Flexible Desktop Assignments
http://www.designcomics.org/
Flexible Desktop Assignments
Template
flexible assigned
logged in
Available
Desktop
flexible assigned
logged out
Available
Desktop
Pool with flexible
desktop assignment
Available
Desktop
Desktop
Wireframing mit
OpenOffice.org Impress
via http://www.scaffoldage.com/post/3897615849
»Bei 25 Folien pro Sekunde bewegt sich das Bild.«
Lorenz Engell in Powerpoint, Fischer 2009
http://blogs.oracle.com/mprove/entry/vdi_3_ux_story_wireframes
»intelligentmisuse«
OOoImpressals
HyperCard-Ersatz
VDI 3.0 VDI 3.1
8 Monate 7 Monate
v47 v22
174 Slides 271 Slides
VDI 3.2 VDI 3.3
6 Monate 7 Monate
v18 v8
297 Slides 317 Slides
Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 1237
Oracle VDI 3.6 Wireframes
v3, 11-Jun-2013 Insert Picture Here
Matthias Müller-Prove
User Experience Principal & SW Dev Sr Mgr
Oracle VDI 3.6 Wireframes
v3, 11-Jun-2013
Photo: www.flickr.com/photos/50780708@N02/4734092262/
Wireframes sind Layout ohne Visual Design.
Wireframes können Interaktions-Flows darstellen
→ Storyboards
Wireframes sind Sketches, Mockups, Prototypen oder
Spezifikationen.
Kommunikation zwischen Designer und Kunde
Kommunikation zwischen Designer und Entwicklung
Kommunikation zwischen Designer und Qualität
Kommunikation zwischen Designer und Dokumentation
Wireframes sind Planungs- und Designmedium.
Balsamiq
Axure
Paper53
Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 1242
Insert Picture Here
Vielen Dank!
@mprove
www.mprove.de
blogs.oracle.com/mprove
43
Weblinks
mprove.de
– mprove.de/script/13/fbi/wireframes.html
– @mprove
Virtualisierung bei Oracle
– oracle.com/virtualization
– blogs.oracle.com/mprove/
User Experience in Hamburg
– uxhh.de
44
45

Contenu connexe

En vedette

Understanding audiences and the appetite for evidence
Understanding audiences and the appetite for evidenceUnderstanding audiences and the appetite for evidence
Understanding audiences and the appetite for evidenceCommsConsult Ltd.
 
Colaborative work entrepreneur development
Colaborative work entrepreneur developmentColaborative work entrepreneur development
Colaborative work entrepreneur developmentLorena Tapia
 
Watch live fiji vs new zealand maori
Watch live fiji vs new zealand maoriWatch live fiji vs new zealand maori
Watch live fiji vs new zealand maoriheber_mika
 
Watch live fiji vs new zealand maori stream
Watch live fiji vs new zealand maori streamWatch live fiji vs new zealand maori stream
Watch live fiji vs new zealand maori streamheber_mika
 
Comprendiendo el teorema de pitágoras
Comprendiendo el teorema de pitágorasComprendiendo el teorema de pitágoras
Comprendiendo el teorema de pitágorasgloriacharry
 
How a Presidental Election Works
How a Presidental Election WorksHow a Presidental Election Works
How a Presidental Election WorksBrian Turner
 
Lecture 7-1 weather
Lecture 7-1 weatherLecture 7-1 weather
Lecture 7-1 weatherBrian Turner
 
Lecture 6 3 More Camera Angles
Lecture 6 3 More Camera AnglesLecture 6 3 More Camera Angles
Lecture 6 3 More Camera AnglesBrian Turner
 

En vedette (11)

Infrastructure
InfrastructureInfrastructure
Infrastructure
 
Understanding audiences and the appetite for evidence
Understanding audiences and the appetite for evidenceUnderstanding audiences and the appetite for evidence
Understanding audiences and the appetite for evidence
 
Colaborative work entrepreneur development
Colaborative work entrepreneur developmentColaborative work entrepreneur development
Colaborative work entrepreneur development
 
Watch live fiji vs new zealand maori
Watch live fiji vs new zealand maoriWatch live fiji vs new zealand maori
Watch live fiji vs new zealand maori
 
Watch live fiji vs new zealand maori stream
Watch live fiji vs new zealand maori streamWatch live fiji vs new zealand maori stream
Watch live fiji vs new zealand maori stream
 
Comprendiendo el teorema de pitágoras
Comprendiendo el teorema de pitágorasComprendiendo el teorema de pitágoras
Comprendiendo el teorema de pitágoras
 
How a Presidental Election Works
How a Presidental Election WorksHow a Presidental Election Works
How a Presidental Election Works
 
Economía ii
Economía iiEconomía ii
Economía ii
 
Digital Divide
Digital DivideDigital Divide
Digital Divide
 
Lecture 7-1 weather
Lecture 7-1 weatherLecture 7-1 weather
Lecture 7-1 weather
 
Lecture 6 3 More Camera Angles
Lecture 6 3 More Camera AnglesLecture 6 3 More Camera Angles
Lecture 6 3 More Camera Angles
 

Similaire à Interaktionsdesign mit Wireframes

3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
3D-CAD-Daten – Wertvolle Visualisierung in der KundenkommunikationIntelliact AG
 
Web-Technologien: Überblick und Empfehlungen
Web-Technologien: Überblick und EmpfehlungenWeb-Technologien: Überblick und Empfehlungen
Web-Technologien: Überblick und EmpfehlungenSebastian
 
Enable2Cloud: Risk Management by Cloud Escrow
Enable2Cloud: Risk Management by Cloud EscrowEnable2Cloud: Risk Management by Cloud Escrow
Enable2Cloud: Risk Management by Cloud EscrowCloudOps Summit
 
PLM Open Hours - Cloud PLM und PLM Trends
PLM Open Hours - Cloud PLM und PLM TrendsPLM Open Hours - Cloud PLM und PLM Trends
PLM Open Hours - Cloud PLM und PLM TrendsIntelliact AG
 
Logical Data Warehouse - SQL mit Oracle DB und Hadoop
Logical Data Warehouse - SQL mit Oracle DB und HadoopLogical Data Warehouse - SQL mit Oracle DB und Hadoop
Logical Data Warehouse - SQL mit Oracle DB und HadoopOPITZ CONSULTING Deutschland
 
DWX 2014 - Testmanagement mit Visual Studio 2013
DWX 2014 - Testmanagement mit Visual Studio 2013DWX 2014 - Testmanagement mit Visual Studio 2013
DWX 2014 - Testmanagement mit Visual Studio 2013Nico Orschel
 
Oracle on Azure
Oracle on AzureOracle on Azure
Oracle on AzureTrivadis
 
Sleeping with the enemy Konrad Häfeli
Sleeping with the enemy Konrad HäfeliSleeping with the enemy Konrad Häfeli
Sleeping with the enemy Konrad HäfeliDésirée Pfister
 
Präsentation: Systemhärtung als präventive IT-Security-Maßnahme
Präsentation: Systemhärtung als präventive IT-Security-MaßnahmePräsentation: Systemhärtung als präventive IT-Security-Maßnahme
Präsentation: Systemhärtung als präventive IT-Security-MaßnahmeNoCodeHardening
 
Sicherheitsbetrachtung der Cloudifizierung von Smart- Devices
Sicherheitsbetrachtung der Cloudifizierung von Smart- DevicesSicherheitsbetrachtung der Cloudifizierung von Smart- Devices
Sicherheitsbetrachtung der Cloudifizierung von Smart- DevicesConnected-Blog
 
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok....NET User Group Rhein-Neckar
 
Agilität, Snapshots und Continuous Delivery
Agilität, Snapshots und Continuous DeliveryAgilität, Snapshots und Continuous Delivery
Agilität, Snapshots und Continuous Deliveryadesso AG
 
Die "Rueckseite" des Internets
Die "Rueckseite" des InternetsDie "Rueckseite" des Internets
Die "Rueckseite" des Internetsastelter
 
FH Eisenstadt Cloud Computing Tage
FH Eisenstadt Cloud Computing TageFH Eisenstadt Cloud Computing Tage
FH Eisenstadt Cloud Computing TageJakob Lehner
 
2014 borys neselovskyi_web_logic_server_auf_oda_praesentation
2014 borys neselovskyi_web_logic_server_auf_oda_praesentation2014 borys neselovskyi_web_logic_server_auf_oda_praesentation
2014 borys neselovskyi_web_logic_server_auf_oda_praesentationbneselov
 

Similaire à Interaktionsdesign mit Wireframes (20)

Interaktionsdesign mit Wireframes
Interaktionsdesign mit WireframesInteraktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
 
Wireframes im Interaktionsdesign
Wireframes im InteraktionsdesignWireframes im Interaktionsdesign
Wireframes im Interaktionsdesign
 
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
 
Web-Technologien: Überblick und Empfehlungen
Web-Technologien: Überblick und EmpfehlungenWeb-Technologien: Überblick und Empfehlungen
Web-Technologien: Überblick und Empfehlungen
 
Enable2Cloud: Risk Management by Cloud Escrow
Enable2Cloud: Risk Management by Cloud EscrowEnable2Cloud: Risk Management by Cloud Escrow
Enable2Cloud: Risk Management by Cloud Escrow
 
PLM Open Hours - Cloud PLM und PLM Trends
PLM Open Hours - Cloud PLM und PLM TrendsPLM Open Hours - Cloud PLM und PLM Trends
PLM Open Hours - Cloud PLM und PLM Trends
 
Logical Data Warehouse - SQL mit Oracle DB und Hadoop
Logical Data Warehouse - SQL mit Oracle DB und HadoopLogical Data Warehouse - SQL mit Oracle DB und Hadoop
Logical Data Warehouse - SQL mit Oracle DB und Hadoop
 
PLM-Zukunftsthemen
PLM-ZukunftsthemenPLM-Zukunftsthemen
PLM-Zukunftsthemen
 
DWX 2014 - Testmanagement mit Visual Studio 2013
DWX 2014 - Testmanagement mit Visual Studio 2013DWX 2014 - Testmanagement mit Visual Studio 2013
DWX 2014 - Testmanagement mit Visual Studio 2013
 
Oracle on Azure
Oracle on AzureOracle on Azure
Oracle on Azure
 
Sleeping with the enemy Konrad Häfeli
Sleeping with the enemy Konrad HäfeliSleeping with the enemy Konrad Häfeli
Sleeping with the enemy Konrad Häfeli
 
Präsentation: Systemhärtung als präventive IT-Security-Maßnahme
Präsentation: Systemhärtung als präventive IT-Security-MaßnahmePräsentation: Systemhärtung als präventive IT-Security-Maßnahme
Präsentation: Systemhärtung als präventive IT-Security-Maßnahme
 
VDC Newsletter 2013-07
VDC Newsletter 2013-07VDC Newsletter 2013-07
VDC Newsletter 2013-07
 
Sicherheitsbetrachtung der Cloudifizierung von Smart- Devices
Sicherheitsbetrachtung der Cloudifizierung von Smart- DevicesSicherheitsbetrachtung der Cloudifizierung von Smart- Devices
Sicherheitsbetrachtung der Cloudifizierung von Smart- Devices
 
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
 
Agilität, Snapshots und Continuous Delivery
Agilität, Snapshots und Continuous DeliveryAgilität, Snapshots und Continuous Delivery
Agilität, Snapshots und Continuous Delivery
 
Die "Rueckseite" des Internets
Die "Rueckseite" des InternetsDie "Rueckseite" des Internets
Die "Rueckseite" des Internets
 
FH Eisenstadt Cloud Computing Tage
FH Eisenstadt Cloud Computing TageFH Eisenstadt Cloud Computing Tage
FH Eisenstadt Cloud Computing Tage
 
2014 borys neselovskyi_web_logic_server_auf_oda_praesentation
2014 borys neselovskyi_web_logic_server_auf_oda_praesentation2014 borys neselovskyi_web_logic_server_auf_oda_praesentation
2014 borys neselovskyi_web_logic_server_auf_oda_praesentation
 
Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...
Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...
Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...
 

Plus de Matthias Mueller-Prove

VerA\UX – Ausstellungsdesign und Social Media
VerA\UX – Ausstellungsdesign und Social MediaVerA\UX – Ausstellungsdesign und Social Media
VerA\UX – Ausstellungsdesign und Social MediaMatthias Mueller-Prove
 
Gesellschaft und Informatik – Vom Verstand zum Algorithmus
Gesellschaft und Informatik – Vom Verstand zum AlgorithmusGesellschaft und Informatik – Vom Verstand zum Algorithmus
Gesellschaft und Informatik – Vom Verstand zum AlgorithmusMatthias Mueller-Prove
 
IAK16 An Urania. Blick. Zurück. Nach Vorn.
IAK16 An Urania. Blick. Zurück. Nach Vorn.IAK16 An Urania. Blick. Zurück. Nach Vorn.
IAK16 An Urania. Blick. Zurück. Nach Vorn.Matthias Mueller-Prove
 
Algorithmen zwischen Reeperbahn und Elbe
Algorithmen zwischen Reeperbahn und ElbeAlgorithmen zwischen Reeperbahn und Elbe
Algorithmen zwischen Reeperbahn und ElbeMatthias Mueller-Prove
 
User Experience - Design für die Nutzer
User Experience - Design für die NutzerUser Experience - Design für die Nutzer
User Experience - Design für die NutzerMatthias Mueller-Prove
 
CounterCulture and CoEvolution of the Human-Tool System
CounterCulture and CoEvolution of the Human-Tool SystemCounterCulture and CoEvolution of the Human-Tool System
CounterCulture and CoEvolution of the Human-Tool SystemMatthias Mueller-Prove
 
CounterCulture und CoEvolution des Systems Mensch-Computer
CounterCulture und CoEvolution des Systems Mensch-ComputerCounterCulture und CoEvolution des Systems Mensch-Computer
CounterCulture und CoEvolution des Systems Mensch-ComputerMatthias Mueller-Prove
 
Digitale Mythen – Sinn macht der Zuschauer
Digitale Mythen – Sinn macht der ZuschauerDigitale Mythen – Sinn macht der Zuschauer
Digitale Mythen – Sinn macht der ZuschauerMatthias Mueller-Prove
 
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030 Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030 Matthias Mueller-Prove
 

Plus de Matthias Mueller-Prove (20)

Interface Culture
Interface CultureInterface Culture
Interface Culture
 
ChronoHH Research Lab
ChronoHH Research LabChronoHH Research Lab
ChronoHH Research Lab
 
Chronoscope Hamburg
Chronoscope HamburgChronoscope Hamburg
Chronoscope Hamburg
 
Ahoi User Experience Design
Ahoi User Experience DesignAhoi User Experience Design
Ahoi User Experience Design
 
VerA\UX – Ausstellungsdesign und Social Media
VerA\UX – Ausstellungsdesign und Social MediaVerA\UX – Ausstellungsdesign und Social Media
VerA\UX – Ausstellungsdesign und Social Media
 
Gesellschaft und Informatik – Vom Verstand zum Algorithmus
Gesellschaft und Informatik – Vom Verstand zum AlgorithmusGesellschaft und Informatik – Vom Verstand zum Algorithmus
Gesellschaft und Informatik – Vom Verstand zum Algorithmus
 
IAK16 An Urania. Blick. Zurück. Nach Vorn.
IAK16 An Urania. Blick. Zurück. Nach Vorn.IAK16 An Urania. Blick. Zurück. Nach Vorn.
IAK16 An Urania. Blick. Zurück. Nach Vorn.
 
Anleitung zur Schwerelosigkeit
Anleitung zur SchwerelosigkeitAnleitung zur Schwerelosigkeit
Anleitung zur Schwerelosigkeit
 
Welchem Muster folgt Innovation?
Welchem Muster folgt Innovation?Welchem Muster folgt Innovation?
Welchem Muster folgt Innovation?
 
Algorithmen zwischen Reeperbahn und Elbe
Algorithmen zwischen Reeperbahn und ElbeAlgorithmen zwischen Reeperbahn und Elbe
Algorithmen zwischen Reeperbahn und Elbe
 
Beyond Hyperlocal
Beyond HyperlocalBeyond Hyperlocal
Beyond Hyperlocal
 
User Experience - Design für die Nutzer
User Experience - Design für die NutzerUser Experience - Design für die Nutzer
User Experience - Design für die Nutzer
 
Hyper-Chronoskop
Hyper-ChronoskopHyper-Chronoskop
Hyper-Chronoskop
 
Hyper-Chronoskop 0.9
Hyper-Chronoskop 0.9Hyper-Chronoskop 0.9
Hyper-Chronoskop 0.9
 
CounterCulture and CoEvolution of the Human-Tool System
CounterCulture and CoEvolution of the Human-Tool SystemCounterCulture and CoEvolution of the Human-Tool System
CounterCulture and CoEvolution of the Human-Tool System
 
CounterCulture und CoEvolution des Systems Mensch-Computer
CounterCulture und CoEvolution des Systems Mensch-ComputerCounterCulture und CoEvolution des Systems Mensch-Computer
CounterCulture und CoEvolution des Systems Mensch-Computer
 
Der Ingenieur. Ein Träumer?
Der Ingenieur. Ein Träumer?Der Ingenieur. Ein Träumer?
Der Ingenieur. Ein Träumer?
 
Digitale Mythen – Sinn macht der Zuschauer
Digitale Mythen – Sinn macht der ZuschauerDigitale Mythen – Sinn macht der Zuschauer
Digitale Mythen – Sinn macht der Zuschauer
 
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030 Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
 
Don't Panic! - Opening RSE15
Don't Panic! - Opening RSE15 Don't Panic! - Opening RSE15
Don't Panic! - Opening RSE15
 

Interaktionsdesign mit Wireframes