Wireframes im Interaktionsdesign – 11.4.2011
Matthias Müller-Prove • User Experience Principal, Oracle
German version
Diverse Titel vonmeinen Visitenkarten
1996 – 2001 GoLive CyberStudio
2002 – 2007 OpenOffice.org
2008 – 2011 Virtual Desktop Infrastructure
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 OrderNavigation
Schematics
Schemazeichnung
Explosionszeichnung
Blaupause
Wireframes
Drahtmodell
Plan
Wireframes sind digitale Schwarzweiß-Zeichnungen.
Wireframes sind schneller und billiger herzustellenals Websites.
Wireframes sind abstrakt und detailliert.
Kommunikation zwischen Designer und KundeKommunikation zwischen Designer und Entwickler
S/W, damit der Kundenicht die Farbgestaltung
kommentiert
<Insert Picture Here>
Desktop Virtualizationmit Oracle VDI
12
http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html
And now to somethingcompletely different…
13
14
Sun Ray Thin-Client PortfolioSun Ray 3
Sun RayTM 3 Low cost, low power, small footprint
Sun Ray™ 3iAll-in-one client with 21.5" screen
Flexible Desktop Assignments
http://www.designcomics.org/
Flexible Desktop Assignments
TemplateTemplate
flexible assignedlogged in
AvailableDesktop
flexible assignedlogged out
AvailableDesktop
Pool with flexible desktop assignment
AvailableDesktop
Desktop
Personal Desktop Assignments
Personal Desktop Assignments
TemplateTemplate
Nina’sDesktop
Michaelpersonal assigned
logged in
Ninapersonal assigned
logged out
Pool with personal desktop assignment
Michael’sDesktop
<Insert Picture Here>
VDI Administration
<Insert Picture Here>
Der Computer als Medium
ein kurzerphilosophischer
Exkurs
http://flickr.com/photos/mprove/2855242322/
Bill Verplank, BayCHI 2008
Der heilige Grahldes Interaktionsdesign
Bill Verplank, Interaction 11 (video): http://vimeo.com/20285615
Ein persönliches dynamisches Mediumflickr.com/photos/ezu/5604927/
Ein »soziales« dynamisches Medium
http://dryicons.com
Ein verteiltesEngineering-Team
für DesktopVirtualization
Wireframing mit OpenOffice.org Impress
via http://www.scaffoldage.com/post/3897615849
VDI 3.0 VDI 3.18 Monate 7 Monatev47 v22
174 Slides 271 Slides
VDI 3.2 VDI 3.36 Monate 7 Monatev18 v8
297 Slides 317 Slides
»Bei 25 Folien pro Sekunde bewegt sich das Bild.«
Lorenz Engell in Powerpoint, Fischer 2009
http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes
» intelligent misuse «OOo Impress als
HyperCard-Ersatz
Wireframes sind Layout ohne Visual Design.
Wireframes können Interaktions-Flows darstellen→ Storyboards
Wireframes sind Sketches, Mockups, Prototypen oder Spezifikationen.
Kommunikation zwischen Designer und EntwicklungKommunikation zwischen Designer und QualitätKommunikation zwischen Designer und Dokumentation
Wireframes sind Planungs- und Designmedium.
Balsamiq
Axure
via http://www.scaffoldage.com/post/3853646769
Vielen Dank!
45
Weblinks
www.mprove.de– mprove.de/script/11/wireframes/ – blogs.sun.com/mprove/
User Experience in Hamburg– uxhh.de– ixda-hamburg.de
Virtualisierung bei Oracle– oracle.com/virtualization– sun.com/vdi
46
47