Wireframes im Interaktionsdesign

2,396 views

Published on

http://mprove.de/script/11/wireframes/

Published in: Design, Technology, Business
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
2,396
On SlideShare
0
From Embeds
0
Number of Embeds
300
Actions
Shares
0
Downloads
4
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide
  • Schematics
  • Bill Verplank
  • Wireframes im Interaktionsdesign

    1. 1. Wireframes im Interaktionsdesign – 11.4.2011Matthias Müller-Prove • User Experience Principal, Oracle German version
    2. 2. Diverse Titel vonmeinen Visitenkarten
    3. 3. 1996 – 2001 GoLive CyberStudio2002 – 2007 OpenOffice.org2008 – 2011 Virtual Desktop Infrastructure
    4. 4. Site-Mapshttp://flickr.com/photos/activeside/2184823461/
    5. 5. http://flickr.com/photos/jimbola/2284119465/
    6. 6. Ski-Wäs? Ski-Was?http://flickr.com/photos/38451115@N04/5229195968
    7. 7. Donna Maurer http://slideshare.net/donnam/information-architecture-introduction
    8. 8. Primary Navigation AdsContent Area 2nd Order Navigation
    9. 9. SchematicsSchemazeichnungExplosionszeichnungBlaupauseWireframesDrahtmodellPlan
    10. 10. 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
    11. 11. <Insert Picture Here>Desktop Virtualizationmit Oracle VDI
    12. 12. And now to something completely different… 12http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html
    13. 13. 13
    14. 14. 14
    15. 15. 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
    16. 16. Flexible Desktop Assignments http://www.designcomics.org/
    17. 17. Flexible Desktop Assignmentsflexible assigned flexible assigned logged in logged out Available Desktop Desktop Available Desktop Available Desktop Template Template Pool with flexible desktop assignment
    18. 18. s si gnment a l Desktop AsPerson
    19. 19. 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
    20. 20. <Insert Picture Here>VDI Administration
    21. 21. <Insert Picture Here>Der Computer als Medium ein kurzer philosophischer Exkurs
    22. 22. Der heilige Grahl des InteraktionsdesignBill Verplank, BayCHI 2008http://flickr.com/photos/mprove/2855242322/
    23. 23. Bill Verplank, Interaction 11 (video):http://vimeo.com/20285615
    24. 24. Ein persönliches dynamisches Mediumflickr.com/photos/ezu/5604927/
    25. 25. Ein »soziales« dynamisches Medium
    26. 26. Ein verteiltesEngineering-Team für Desktop Virtualization http://dryicons.com
    27. 27. Wireframing mitOpenOffice.org Impressvia http://www.scaffoldage.com/post/3897615849
    28. 28. 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
    29. 29. »Bei 25 Folien pro Sekunde bewegt sich das Bild.« Lorenz Engell in Powerpoint, Fischer 2009
    30. 30. http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes » intelligent misuse « OOo Impress als HyperCard-Ersatz
    31. 31. 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.
    32. 32. Balsamiq
    33. 33. Axure
    34. 34. Vielen Dank! via http://www.scaffoldage.com/post/3853646769
    35. 35. 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
    36. 36. 46
    37. 37. 47

    ×