SlideShare ist ein Scribd-Unternehmen logo
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
Interaktionsdesign mit Wireframes
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
Interaktionsdesign mit Wireframes
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
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
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
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
http://blogs.oracle.com/mprove/entry/vdi_3_ux_story_wireframes
»intelligentmisuse«
OOoImpressals
HyperCard-Ersatz
Interaktionsdesign mit Wireframes
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

Weitere ähnliche Inhalte

PPTX
Xcaret
PPTX
Cuadro resumen filosofia
PPTX
Ewrt 1 b class 2
DOCX
Cgd 218 week 3 dq 1
PDF
Sistemas Estructurales Utilizados en Venezuela
ODP
Atividade 5 Janice Cavion
PPTX
Interview Video
PPTX
Lbcc presentation final
Xcaret
Cuadro resumen filosofia
Ewrt 1 b class 2
Cgd 218 week 3 dq 1
Sistemas Estructurales Utilizados en Venezuela
Atividade 5 Janice Cavion
Interview Video
Lbcc presentation final

Andere mochten auch (11)

PPTX
Infrastructure
PPSX
Understanding audiences and the appetite for evidence
PPTX
Colaborative work entrepreneur development
PPT
Watch live fiji vs new zealand maori
PPT
Watch live fiji vs new zealand maori stream
PPTX
Comprendiendo el teorema de pitágoras
PPTX
How a Presidental Election Works
PPTX
Economía ii
PPTX
Digital Divide
PPT
Lecture 7-1 weather
PPT
Lecture 6 3 More Camera Angles
Infrastructure
Understanding audiences and the appetite for evidence
Colaborative work entrepreneur development
Watch live fiji vs new zealand maori
Watch live fiji vs new zealand maori stream
Comprendiendo el teorema de pitágoras
How a Presidental Election Works
Economía ii
Digital Divide
Lecture 7-1 weather
Lecture 6 3 More Camera Angles
Anzeige

Ähnlich wie Interaktionsdesign mit Wireframes (20)

PDF
Interaktionsdesign mit Wireframes
PDF
Wireframes im Interaktionsdesign
PDF
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
PPTX
Web-Technologien: Überblick und Empfehlungen
PPTX
Enable2Cloud: Risk Management by Cloud Escrow
PDF
PLM Open Hours - Cloud PLM und PLM Trends
PDF
Logical Data Warehouse - SQL mit Oracle DB und Hadoop
PDF
PLM-Zukunftsthemen
PDF
DWX 2014 - Testmanagement mit Visual Studio 2013
PDF
Monitoring einer Sicheren Inter-Netzwerk Architektur (SINA)
PDF
Oracle on Azure
PDF
Sleeping with the enemy Konrad Häfeli
PDF
Präsentation: Systemhärtung als präventive IT-Security-Maßnahme
PDF
PDF
Sicherheitsbetrachtung der Cloudifizierung von Smart- Devices
PDF
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
PDF
Agilität, Snapshots und Continuous Delivery
PDF
Die "Rueckseite" des Internets
PDF
FH Eisenstadt Cloud Computing Tage
PDF
2014 borys neselovskyi_web_logic_server_auf_oda_praesentation
Interaktionsdesign mit Wireframes
Wireframes im Interaktionsdesign
3D-CAD-Daten – Wertvolle Visualisierung in der Kundenkommunikation
Web-Technologien: Überblick und Empfehlungen
Enable2Cloud: Risk Management by Cloud Escrow
PLM Open Hours - Cloud PLM und PLM Trends
Logical Data Warehouse - SQL mit Oracle DB und Hadoop
PLM-Zukunftsthemen
DWX 2014 - Testmanagement mit Visual Studio 2013
Monitoring einer Sicheren Inter-Netzwerk Architektur (SINA)
Oracle on Azure
Sleeping with the enemy Konrad Häfeli
Präsentation: Systemhärtung als präventive IT-Security-Maßnahme
Sicherheitsbetrachtung der Cloudifizierung von Smart- Devices
28. Treffen - Christian Pfahl - Agile Softwareentwicklung und Architektur-Dok...
Agilität, Snapshots und Continuous Delivery
Die "Rueckseite" des Internets
FH Eisenstadt Cloud Computing Tage
2014 borys neselovskyi_web_logic_server_auf_oda_praesentation
Anzeige

Mehr von Matthias Mueller-Prove (20)

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

Interaktionsdesign mit Wireframes