Interaktionsdesign mit Wireframes

<Insert Picture Here>Wireframes im Interaktionsdesign – 23.5.2012Matthias Müller-Prove • User Experience Principal, Oracle

Site-Mapshttp://flickr.com/photos/activeside/2184823461/

http://flickr.com/photos/jimbola/2284119465/

Ski-Wäs? Ski-Was?http://flickr.com/photos/38451115@N04/5229195968

Donna Maurer http://slideshare.net/donnam/information-architecture-introduction

Primary Navigation AdsContent Area 2nd Order Navigation

Schematics WireframesSchemazeichnung DrahtmodellExplosionszeichnung PlanBlaupause Click-Dummy

S/W, damit der Kunde nicht die Farbgestaltung kommentiertWireframes 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

<Insert Picture Here>Der Computer als Medium ein kurzer philosphischer Exkurs

Der heilige Grahl des InteraktionsdesignBill Verplank, BayCHI 2008http://flickr.com/photos/mprove/2855242322/

Bill Verplank, Interaction 11 (video):http://vimeo.com/20285615

Ein persönliches dynamisches Mediumflickr.com/photos/ezu/5604927/

Ein »soziales« dynamisches Medium

<Insert Picture Here>Desktop Virtualizationmit Oracle VDI

Ein verteiltesEngineering-Team für Desktop Virtualization http://dryicons.com

And now to something completely different… 18http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html

desktop access layersession management layer virtualization layer storage layer

Thin Client Laptop iPad Web RDP Client Sun Ray OVDC OVDC App OSGD accessLDAP/AD Oracle Virtual Desktop Infrastructure 3.4 MySQL sessionsSun Ray VMware MS Remote Generic VirtualBox MS Hyper-V Kiosk vCenter/ESX Desktop RDP virtualization Local Sun ZFS iSCSI NFS storage

Sun Ray Thin-Client PortfolioSun Ray 3 Sun Ray 3 Sun Ray 3iLow cost, low power, small footprint All-in-one client with 21.5" screen

Flexible Desktop Assignments http://www.designcomics.org/

Flexible Desktop Assignmentsflexible assigned flexible assigned logged in logged out Available Desktop Desktop Available Desktop Available Desktop Template Pool with flexible desktop assignment

s si gnment a l Desktop AsPerson

Personal Desktop Assignments Michael Ninapersonal assigned personal assigned logged in logged out Nina’s Desktop Michael’s Desktop Template Pool with personal desktop assignment

<Insert Picture Here>VDI Administration

Wireframing mitOpenOffice.org Impressvia http://www.scaffoldage.com/post/3897615849

VDI 3.0 VDI 3.18 Monate 7 Monatev47 v22174 Slides 271 SlidesVDI 3.2 VDI 3.36 Monate 7 Monatev18 v8297 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 Werkzeug für Wireframes

Wireframes sind Layout ohne Visual Design.Wireframes können Interaktions-Flows darstellen→ StoryboardsWireframes sind Sketches, Mockups, Prototypen oderSpezifikationen.Kommunikation zwischen Designer und EntwicklungKommunikation zwischen Designer und QualitätKommunikation zwischen Designer und DokumentationWireframes sind Planungs- und Designmedium.

Paper 53

iMockups

Balsamiq

Vielen Dank! via http://www.scaffoldage.com/post/3853646769

Weblinksmprove.de – mprove.de/script/12/fbi/wireframes.html – @mproveVirtualisierung bei Oracle – oracle.com/virtualization – blogs.oracle.com/mprove/User Experience in Hamburg – uxhh.de – ixda-hamburg.de – UXForum auf Xing 50

http://itnewscast.com	77
http://www.mprove.de	63
http://mprove.de	13
https://blogs.oracle.com	4
http://blogs.oracle.com	1
http://www.petefinnigan.com	1
http://www-ig-opensocial.googleusercontent.com	1
http://www.hanrss.com	1

Interaktionsdesign mit Wireframes

by mprove on May 23, 2012

Accessibility

Categories

Upload Details

Usage Rights

8 Embeds 161

Statistics

Interaktionsdesign mit Wireframes Presentation Transcript