Interaktionsdesign mit Wireframes
-
Upload
matthias-mueller-prove -
Category
Design
-
view
1.335 -
download
0
description
Transcript of Interaktionsdesign mit Wireframes
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
http://www.23hq.com/mprove/verplank
Bill Verplank, BayCHI 2008
Der heilige Grahldes Interaktionsdesign
Bill Verplank, Interaction 11 (video): http://vimeo.com/20285615
http://flickr.com/photos/activeside/2184823461/
Site-Maps
http://flickr.com/photos/jimbola/2284119465/
Ski-Was?
http://flickr.com/photos/38451115@N04/5229195968
Ski-Wäs?
Donna Maurer http://slideshare.net/donnam/information-architecture-introduction
Primary Navigation
Content Area
Ads
2nd OrderNavigation
Schematics
Schemazeichnung
Explosionszeichnung
Blaupause
Wireframes
Drahtmodell
Plan
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
12
http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html
Desktop Virtualizationmit Oracle VDI
13
14
desktop access layer
storage layer
session management layer
virtualization layer
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
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
Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Oracle Virtual Desktop Client App on iPad
Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
Desktop Session on Sun Ray Thin-Client
VDI Administration
<Insert Picture Here>
Personal Desktop Assignments
Template
Nina’sDesktop
Michaelpersonal assigned
logged in
Ninapersonal assigned
logged out
Pool with personal desktop assignment
Michael’sDesktop
Personal Desktop Assignments
Flexible Desktop Assignments
http://www.designcomics.org/
Flexible Desktop Assignments
Template
flexible assignedlogged in
AvailableDesktop
flexible assignedlogged out
AvailableDesktop
Pool with flexible desktop assignment
AvailableDesktop
Desktop
Wireframing mit OpenOffice.org Impress
via http://www.scaffoldage.com/post/3897615849
»Bei 25 Folien pro Sekunde bewegt sich das Bild.«
Lorenz Engell in Powerpoint, Fischer 2009
http://blogs.oracle.com/mprove/entry/vdi_3_ux_story_wireframes
» intelligent misuse «OOo Impress als
HyperCard-Ersatz
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
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/
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.
Balsamiq
Axure
Paper 53
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
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
44
45