Your SlideShare is downloading. ×
0
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
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
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
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
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
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Interaction Design with Wireframes

2,864

Published on

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

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
2,864
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Interaction Design with Wireframes – 11-Apr-2011Matthias Müller-Prove • User Experience Principal, Oracle translated version
  • 2. job title cloudover the years
  • 3. 1996 – 2001 GoLive CyberStudio2002 – 2007 OpenOffice.org2008 – 2011 Virtual Desktop Infrastructure
  • 4. Site-Mapshttp://flickr.com/photos/activeside/2184823461/
  • 5. http://flickr.com/photos/jimbola/2284119465/
  • 6. Ski-What? Ski-Was?http://flickr.com/photos/38451115@N04/5229195968
  • 7. Donna Maurer http://slideshare.net/donnam/information-architecture-introduction
  • 8. Primary Navigation AdsContent Area 2nd Order Navigation
  • 9. schematicsexploded drawingblue planwireframes
  • 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. <Insert Picture Here>Desktop Virtualizationwith Oracle VDI
  • 12. And now to something completely different… 12http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html
  • 13. 13
  • 14. 14
  • 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. Flexible Desktop Assignments http://www.designcomics.org/
  • 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. s si gnment a l Desktop AsPerson
  • 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. <Insert Picture Here>VDI Administration
  • 21. <Insert Picture Here>Computer as Medium a brief philosophical detour
  • 22. The Holy Grail of interaction designBill Verplank, BayCHI 2008http://flickr.com/photos/mprove/2855242322/
  • 23. Bill Verplank, Interaction 11 (video):http://vimeo.com/20285615
  • 24. A personal dynamic mediumflickr.com/photos/ezu/5604927/
  • 25. A »social« dynamic medium
  • 26. A distributed engineering team for desktop virtualization http://dryicons.com
  • 27. Wireframing withOpenOffice.org Impressvia http://www.scaffoldage.com/post/3897615849
  • 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. »The image moves at 25 slides per second.« Lorenz Engell in Powerpoint, Fischer 2009
  • 30. http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes » intelligent misuse « OOo Impress as HyperCard substitute
  • 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. Balsamiq
  • 33. Axure
  • 34. Thank You! via http://www.scaffoldage.com/post/3853646769
  • 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. 46
  • 37. 47

×