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

16.
Flexible Desktop Assignments
http://www.designcomics.org/

17.
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

18.
s
si gnment
a l Desktop As
Person

19.
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

20.
<Insert Picture Here>
VDI Administration

21.
<Insert Picture Here>
Computer as Medium
a brief
philosophichical detour

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

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

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

25.
A »social« dynamic medium

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

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

28.
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

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
→ 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.

32.
Balsamiq

33.
Axure

34.
Thank You!
via http://www.scaffoldage.com/post/3853646769

35.
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

36.
46

37.
47