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

1. <Insert Picture Here>
Interaction Design with Wireframes – 11-Apr-2011
Matthias Müller-Prove • User Experience Principal, Oracle
localized version

2. job title cloud
over the years

3. 1996 – 2001 GoLive CyberStudio
2002 – 2007 OpenOffice.org
2008 – 2011 Virtual Desktop Infrastructure

4. Site-Maps
http://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
Ads
Content Area
2nd Order
Navigation

9. schematics
exploded drawing
blue plan
wireframes

10. Color might distract
the customer from the
layout and interaction.
Wireframes are digital black & white drawings.
Wireframes are faster and cheaper to create than
developing web sites.
Wireframes are abstract and detailed
Communication between designer and customer
Communication between designer and developer

11. <Insert Picture Here>
Desktop Virtualization
with 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>
Computer as Medium
a brief
philosophichical detour

27. The Holy Grail of
interaction design
Bill Verplank, BayCHI 2008
http://flickr.com/photos/mprove/2855242322/

28. Bill Verplank, Interaction 11 (video):
http://vimeo.com/20285615

29. A personal dynamic medium
flickr.com/photos/ezu/5604927/

30. A »social« dynamic medium

31. A distributed engineering
team for desktop
virtualization
http://dryicons.com

32. Wireframing with
OpenOffice.org Impress
via http://www.scaffoldage.com/post/3897615849

34. VDI 3.0 VDI 3.1
8 months 7 months
v47 v22
174 slides 271 slides
VDI 3.2 VDI 3.3
6 months 7 months
v18 v8
297 slides 317 slides

35. »The image moves at 25 slides per second.«
Lorenz Engell in Powerpoint, Fischer 2009

40. http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes
» intelligent misuse «
OOo Impress as
HyperCard substitute

41. Wireframes are layout without visual design.
Wireframes can represent interaction flows
→ Storyboards
Wireframes are sketches, mockups, prototypes or
specifications.
Communication between designer and development
Communication between designer and quality
Communication between designer and documentation
Wireframes are planning and design medium.

42. Balsamiq

43. Axure

44. Thank You!
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 at Oracle
– oracle.com/virtualization
– sun.com/vdi
45

46. 46

47. 47