Interaction Design with Wireframes

Interaction Design with Wireframes – 11-Apr-2011Matthias Müller-Prove • User Experience Principal, Oracle translated version

job title cloudover the years

1996 – 2001 GoLive CyberStudio2002 – 2007 OpenOffice.org2008 – 2011 Virtual Desktop Infrastructure

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

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

Ski-What? 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

schematicsexploded drawingblue planwireframes

Color might distract the customer from the layout and interaction.Wireframes are digital black & white drawings.Wireframes are faster and cheaper to create thandeveloping web sites.Wireframes are abstract and detailedCommunication between designer and customerCommunication between designer and developer

<Insert Picture Here>Desktop Virtualizationwith Oracle VDI

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

Sun Ray Thin-Client PortfolioSun Ray 3 Sun RayTM 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 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 Template Pool with personal desktop assignment

<Insert Picture Here>VDI Administration

<Insert Picture Here>Computer as Medium a brief philosophical detour

The Holy Grail of interaction designBill Verplank, BayCHI 2008http://flickr.com/photos/mprove/2855242322/

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

A personal dynamic mediumflickr.com/photos/ezu/5604927/

A »social« dynamic medium

A distributed engineering team for desktop virtualization http://dryicons.com

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

VDI 3.0 VDI 3.18 months 7 monthsv47 v22174 slides 271 slidesVDI 3.2 VDI 3.36 months 7 monthsv18 v8297 slides 317 slides

»The image moves at 25 slides per second.« Lorenz Engell in Powerpoint, Fischer 2009

http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes » intelligent misuse « OOo Impress as HyperCard substitute

Wireframes are layout without visual design.Wireframes can represent interaction flows→ StoryboardsWireframes are sketches, mockups, prototypes orspecifications.Communication between designer and developmentCommunication between designer and qualityCommunication between designer and documentationWireframes are planning and design medium.

Balsamiq

Thank You! via http://www.scaffoldage.com/post/3853646769

Weblinkswww.mprove.de – mprove.de/script/11/wireframes/ – blogs.sun.com/mprove/User Experience in Hamburg – uxhh.de – ixda-hamburg.deVirtualisierung at Oracle – oracle.com/virtualization – sun.com/vdi 45

http://blogs.oracle.com	453
http://connect.oraclecorp.com	78
http://blogs.sun.com	34
http://planets.sun.com	17
http://www.mprove.de	8
http://translate.googleusercontent.com	6
url_unknown	5
http://itnewscast.com	2
http://mprove.de	1

Interaction Design with Wireframes

by mprove

Accessibility

Categories

Upload Details

Usage Rights

9 Embeds 604

Statistics

Interaction Design with Wireframes Presentation Transcript