references at http://mprove.de/script/12/fbi/wireframes.html

2. <Insert Picture Here>
Wireframes im Interaktionsdesign – 23.5.2012
Matthias Müller-Prove • User Experience Principal, Oracle

4. Site-Maps
http://flickr.com/photos/activeside/2184823461/

5. http://flickr.com/photos/jimbola/2284119465/

6. Ski-Wäs?
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 Wireframes
Schemazeichnung Drahtmodell
Explosionszeichnung Plan
Blaupause Click-Dummy

10. S/W, damit der Kunde
nicht die Farbgestaltung
kommentiert
Wireframes sind digitale Schwarzweiß-Zeichnungen.
Wireframes sind schneller und billiger herzustellen
als Websites.
Wireframes sind abstrakt und detailliert.
Kommunikation zwischen Designer und Kunde
Kommunikation zwischen Designer und Entwickler

11. <Insert Picture Here>
Der Computer als Medium
ein kurzer
philosphischer
Exkurs

12. Der heilige Grahl
des Interaktionsdesign
Bill Verplank, BayCHI 2008
http://flickr.com/photos/mprove/2855242322/

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

14. Ein persönliches dynamisches Medium
flickr.com/photos/ezu/5604927/

15. Ein »soziales« dynamisches Medium

16. <Insert Picture Here>
Desktop Virtualization
mit Oracle VDI

17. Ein verteiltes
Engineering-Team
für Desktop
Virtualization
http://dryicons.com

18. And now to something
completely different…
18
http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html

19. 19

20. 20

21. desktop access layer
session management layer
virtualization layer
storage layer

22. Thin Client Laptop iPad Web
RDP Client
Sun Ray OVDC OVDC App OSGD
access
LDAP/AD Oracle Virtual Desktop Infrastructure 3.4 MySQL
sessions
Sun Ray VMware MS Remote Generic
VirtualBox MS Hyper-V
Kiosk vCenter/ESX Desktop RDP
virtualization
Local Sun ZFS iSCSI NFS
storage

23. Sun Ray Thin-Client Portfolio
Sun Ray 3
Sun Ray 3 Sun Ray 3i
Low cost, low power, small footprint All-in-one client with 21.5" screen

24. Oracle Virtual Desktop Client App on iPad
Copyright © 2011, Oracle and/or its affiliates. All rights reserved.

26. Desktop Session on Sun Ray Thin-Client
Copyright © 2011, Oracle and/or its affiliates. All rights reserved.

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

28. Flexible Desktop Assignments
flexible assigned flexible assigned
logged in logged out
Available
Desktop
Desktop
Available
Desktop
Available
Desktop
Template
Pool with flexible
desktop assignment

29. s
si gnment
a l Desktop As
Person

30. Personal Desktop Assignments
Michael Nina
personal assigned personal assigned
logged in logged out
Nina’s
Desktop
Michael’s
Desktop
Template
Pool with personal
desktop assignment

31. <Insert Picture Here>
VDI Administration

34. Wireframing mit
OpenOffice.org Impress
via http://www.scaffoldage.com/post/3897615849

36. VDI 3.0 VDI 3.1
8 Monate 7 Monate
v47 v22
174 Slides 271 Slides
VDI 3.2 VDI 3.3
6 Monate 7 Monate
v18 v8
297 Slides 317 Slides

37. »Bei 25 Folien pro Sekunde bewegt sich das Bild.«
Lorenz Engell in Powerpoint, Fischer 2009

42. http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes
» intelligent misuse «
OOo Impress als
Werkzeug für Wireframes

43. Wireframes sind Layout ohne Visual Design.
Wireframes können Interaktions-Flows darstellen
→ Storyboards
Wireframes sind Sketches, Mockups, Prototypen oder
Spezifikationen.
Kommunikation zwischen Designer und Entwicklung
Kommunikation zwischen Designer und Qualität
Kommunikation zwischen Designer und Dokumentation
Wireframes sind Planungs- und Designmedium.

44. Paper 53

45. iMockups

46. Balsamiq

47. Axure

48. Vielen Dank!
via http://www.scaffoldage.com/post/3853646769

49. Weblinks
mprove.de
– mprove.de/script/12/fbi/wireframes.html
– @mprove
Virtualisierung bei Oracle
– oracle.com/virtualization
– blogs.oracle.com/mprove/
User Experience in Hamburg
– uxhh.de
– ixda-hamburg.de
– UXForum auf Xing
50

51. 52

52. 53