Page 1
Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 121
Insert Picture HereInteraktionsdesignmit WireframesMatthias Müller-ProveUser Experience Principal & SW Dev Sr Mgr
18 Jun 2013
Page 2
http://www.23hq.com/mprove/verplank
Bill Verplank, BayCHI 2008
Der heilige Grahldes Interaktionsdesign
Page 3
Bill Verplank, Interaction 11 (video): http://vimeo.com/20285615
Page 5
http://flickr.com/photos/activeside/2184823461/
Site-Maps
Page 6
http://flickr.com/photos/jimbola/2284119465/
Page 7
Ski-Was?
http://flickr.com/photos/38451115@N04/5229195968
Ski-Wäs?
Page 8
Donna Maurer http://slideshare.net/donnam/information-architecture-introduction
Page 9
Primary Navigation
Content Area
Ads
2nd OrderNavigation
Page 10
Schematics
Schemazeichnung
Explosionszeichnung
Blaupause
Wireframes
Drahtmodell
Plan
Page 11
Wireframes sind digitale Schwarzweiß-Zeichnungen.
Wireframes sind schneller und billiger herzustellenals Websites.
Wireframes sind abstrakt und detailliert.
Kommunikation zwischen Designer und KundeKommunikation zwischen Designer und Entwickler
S/W, damit der Kundenicht die Farbgestaltung
kommentiert
Page 12
12
http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html
Desktop Virtualizationmit Oracle VDI
Page 15
desktop access layer
storage layer
session management layer
virtualization layer
Page 16
access
storage
sessions
virtualization
Oracle Virtual Desktop Infrastructure 3.5LDAP/AD MySQL
MS Hyper-VVirtualBox VMware vCenter/ESX
MS RemoteDesktop
GenericRDP
Sun RayKiosk
Thin ClientSun Ray
LaptopOVDC
iPadOVDC App
WebOSGD
RDP Client
Sun ZFS iSCSILocal NFS
Page 17
Sun Ray Thin-Client PortfolioSun Ray 3
Sun Ray 3 Low cost, low power, small footprint
Sun Ray 3iAll-in-one client with 21.5" screen
Page 18
Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Oracle Virtual Desktop Client App on iPad
Page 20
Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Desktop Session on Sun Ray Thin-Client
Page 21
VDI Administration
<Insert Picture Here>
Page 22
Personal Desktop Assignments
Template
Nina’sDesktop
Michaelpersonal assigned
logged in
Ninapersonal assigned
logged out
Pool with personal desktop assignment
Michael’sDesktop
Page 23
Personal Desktop Assignments
Page 24
Flexible Desktop Assignments
http://www.designcomics.org/
Page 25
Flexible Desktop Assignments
Template
flexible assignedlogged in
AvailableDesktop
flexible assignedlogged out
AvailableDesktop
Pool with flexible desktop assignment
AvailableDesktop
Desktop
Page 28
Wireframing mit OpenOffice.org Impress
via http://www.scaffoldage.com/post/3897615849
Page 29
»Bei 25 Folien pro Sekunde bewegt sich das Bild.«
Lorenz Engell in Powerpoint, Fischer 2009
Page 34
http://blogs.oracle.com/mprove/entry/vdi_3_ux_story_wireframes
» intelligent misuse «OOo Impress als
HyperCard-Ersatz
Page 36
VDI 3.0 VDI 3.18 Monate 7 Monatev47 v22
174 Slides 271 Slides
VDI 3.2 VDI 3.36 Monate 7 Monatev18 v8
297 Slides 317 Slides
Page 37
Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 1237
Oracle VDI 3.6 Wireframesv3, 11-Jun-2013 Insert Picture Here
Matthias Müller-ProveUser Experience Principal & SW Dev Sr Mgr
Oracle VDI 3.6 Wireframesv3, 11-Jun-2013
Photo: www.flickr.com/photos/50780708@N02/4734092262/
Page 38
Wireframes sind Layout ohne Visual Design.
Wireframes können Interaktions-Flows darstellen→ Storyboards
Wireframes sind Sketches, Mockups, Prototypen oder Spezifikationen.
Kommunikation zwischen Designer und KundeKommunikation zwischen Designer und EntwicklungKommunikation zwischen Designer und QualitätKommunikation zwischen Designer und Dokumentation
Wireframes sind Planungs- und Designmedium.
Page 42
Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 1242
Insert Picture Here
Vielen Dank!
@mprovewww.mprove.deblogs.oracle.com/mprove
Page 43
43
Weblinks
mprove.de– mprove.de/script/13/fbi/wireframes.html – @mprove
Virtualisierung bei Oracle– oracle.com/virtualization– blogs.oracle.com/mprove/
User Experience in Hamburg– uxhh.de