Wireframes im Interaktionsdesign

Wireframes im Interaktionsdesign – 11.4.2011Matthias Müller-Prove • User Experience Principal, Oracle German version

Diverse Titel vonmeinen Visitenkarten

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-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

SchematicsSchemazeichnungExplosionszeichnungBlaupauseWireframesDrahtmodellPlan

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>Desktop Virtualizationmit 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>Der Computer als Medium ein kurzer philosophischer 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

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

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 HyperCard-Ersatz

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.

Balsamiq

Vielen Dank! 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 bei Oracle – oracle.com/virtualization – sun.com/vdi 45

http://mprove.de	57
http://www.mprove.de	44
http://twitter.com	1
http://www.mprove.net	1

Wireframes im Interaktionsdesign

by mprove on Apr 12, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 103

Statistics

Wireframes im Interaktionsdesign — Presentation Transcript