Wireframes im Interaktionsdesign
0 gefällt mir1,164 aufrufe
Das Dokument behandelt Wireframes im Interaktionsdesign, die als digitale Schwarzweiß-Zeichnungen beschrieben werden, die schneller und kostengünstiger als Websites erstellt werden können. Es wird betont, dass Wireframes zur Kommunikation zwischen Designern und Kunden, Entwicklern und zur Darstellung von Interaktionsflüssen dienen. Zudem wird die Bedeutung von Wireframes als Planungs- und Designmedium hervorgehoben.
Wireframes im Interaktionsdesign
- 1. Wireframes im Interaktionsdesign – 11.4.2011 Matthias Müller-Prove • User Experience Principal, Oracle German version
- 2. Diverse Titel von meinen Visitenkarten
- 3. 1996 – 2001 GoLive CyberStudio 2002 – 2007 OpenOffice.org 2008 – 2011 Virtual Desktop Infrastructure
- 6. Ski-Wäs? Ski-Was? http://flickr.com/photos/38451115@N04/5229195968
- 8. Primary Navigation Ads Content Area 2nd Order Navigation
- 10. S/W, damit der Kunde nicht die Farbgestaltung kommentiert 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
- 11. <Insert Picture Here> Desktop Virtualization mit Oracle VDI
- 12. And now to something completely different… 12 http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html
- 13. 13
- 14. 14
- 15. Sun Ray Thin-Client Portfolio Sun Ray 3 Sun RayTM 3 Sun Ray™ 3i Low cost, low power, small footprint All-in-one client with 21.5" screen
- 19. Flexible Desktop Assignments http://www.designcomics.org/
- 20. Flexible Desktop Assignments flexible assigned flexible assigned logged in logged out Available Desktop Desktop Available Desktop Available Desktop Template Template Pool with flexible desktop assignment
- 21. s si gnment a l Desktop As Person
- 22. Personal Desktop Assignments Michael Nina personal assigned personal assigned logged in logged out Nina’s Desktop Michael’s Desktop Template Template Pool with personal desktop assignment
- 23. <Insert Picture Here> VDI Administration
- 26. <Insert Picture Here> Der Computer als Medium ein kurzer philosophischer Exkurs
- 27. Der heilige Grahl des Interaktionsdesign Bill Verplank, BayCHI 2008 http://flickr.com/photos/mprove/2855242322/
- 28. Bill Verplank, Interaction 11 (video): http://vimeo.com/20285615
- 29. Ein persönliches dynamisches Medium flickr.com/photos/ezu/5604927/
- 30. Ein »soziales« dynamisches Medium
- 31. Ein verteiltes Engineering-Team für Desktop Virtualization http://dryicons.com
- 32. Wireframing mit OpenOffice.org Impress via http://www.scaffoldage.com/post/3897615849
- 34. 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
- 35. »Bei 25 Folien pro Sekunde bewegt sich das Bild.« Lorenz Engell in Powerpoint, Fischer 2009
- 40. http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes » intelligent misuse « OOo Impress als HyperCard-Ersatz
- 41. Wireframes sind Layout ohne Visual Design. Wireframes können Interaktions-Flows darstellen → Storyboards Wireframes sind Sketches, Mockups, Prototypen oder Spezifikationen. Kommunikation zwischen Designer und Entwicklung Kommunikation zwischen Designer und Qualität Kommunikation zwischen Designer und Dokumentation Wireframes sind Planungs- und Designmedium.
- 42. Balsamiq
- 43. Axure
- 44. Vielen Dank! via http://www.scaffoldage.com/post/3853646769
- 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 45
- 46. 46
- 47. 47