Interaction Design with Wireframes – 11-Apr-2011Matthias Müller-Prove • User Experience Principal, Oracle                 ...
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                         ...
schematicsexploded drawingblue planwireframes
Color might distract                                        the customer from the                                        l...
<Insert Picture Here>Desktop Virtualizationwith Oracle VDI
And now to something                                                                        completely different…         ...
13
14
Sun Ray Thin-Client PortfolioSun Ray 3            Sun RayTM 3                           Sun Ray™ 3iLow cost, low power, sm...
Flexible Desktop Assignments                               http://www.designcomics.org/
Flexible Desktop Assignmentsflexible assigned                                 flexible assigned     logged in             ...
s                        si gnment       a   l Desktop AsPerson
Personal Desktop Assignments     Michael                                        Ninapersonal assigned                     ...
<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.c...
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 monthsv...
»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 Impr...
Wireframes are layout without visual design.Wireframes can represent interaction flows→ StoryboardsWireframes are sketches...
Balsamiq
Axure
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  – ...
46
47
Interaction Design with Wireframes
Interaction Design with Wireframes
Interaction Design with Wireframes
Interaction Design with Wireframes
Interaction Design with Wireframes
Interaction Design with Wireframes
Interaction Design with Wireframes
Interaction Design with Wireframes
Interaction Design with Wireframes
Interaction Design with Wireframes
Upcoming SlideShare
Loading in …5
×

Interaction Design with Wireframes

3,102 views
3,018 views

Published on

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

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,102
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Interaction Design with Wireframes

  1. 1. Interaction Design with Wireframes – 11-Apr-2011Matthias Müller-Prove • User Experience Principal, Oracle translated version
  2. 2. job title cloudover the years
  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-What? 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. schematicsexploded drawingblue planwireframes
  10. 10. 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
  11. 11. <Insert Picture Here>Desktop Virtualizationwith 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>Computer as Medium a brief philosophical detour
  22. 22. The Holy Grail of interaction designBill Verplank, BayCHI 2008http://flickr.com/photos/mprove/2855242322/
  23. 23. Bill Verplank, Interaction 11 (video):http://vimeo.com/20285615
  24. 24. A personal dynamic mediumflickr.com/photos/ezu/5604927/
  25. 25. A »social« dynamic medium
  26. 26. A distributed engineering team for desktop virtualization http://dryicons.com
  27. 27. Wireframing withOpenOffice.org Impressvia http://www.scaffoldage.com/post/3897615849
  28. 28. 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
  29. 29. »The image moves at 25 slides per second.« Lorenz Engell in Powerpoint, Fischer 2009
  30. 30. http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes » intelligent misuse « OOo Impress as HyperCard substitute
  31. 31. 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.
  32. 32. Balsamiq
  33. 33. Axure
  34. 34. Thank You! 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 at Oracle – oracle.com/virtualization – sun.com/vdi 45
  36. 36. 46
  37. 37. 47

×