Interaktionsdesign mit Wireframes
-
Upload
matthias-mueller-prove -
Category
Design
-
view
2.223 -
download
1
description
Transcript of Interaktionsdesign mit Wireframes
<Insert Picture Here>
Wireframes im Interaktionsdesign – 23.5.2012
Matthias Müller-Prove • User Experience Principal, Oracle
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
Click-Dummy
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
<Insert Picture Here>
Der Computer als Medium
ein kurzerphilosphischer
Exkurs
http://flickr.com/photos/mprove/2855242322/
Bill Verplank, BayCHI 2008
Der heilige Grahldes Interaktionsdesign
Bill Verplank, Interaction 11 (video): http://vimeo.com/20285615
Ein persönliches dynamisches Mediumflickr.com/photos/ezu/5604927/
Ein »soziales« dynamisches Medium
<Insert Picture Here>
Desktop Virtualizationmit Oracle VDI
http://dryicons.com
Ein verteiltesEngineering-Team
für DesktopVirtualization
18
http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html
And now to somethingcompletely different…
19
20
desktop access layer
storage layer
session management layer
virtualization layer
access
storage
sessions
virtualization
Oracle Virtual Desktop Infrastructure 3.4LDAP/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
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
Personal Desktop Assignments
Personal Desktop Assignments
Template
Nina’sDesktop
Michaelpersonal assigned
logged in
Ninapersonal assigned
logged out
Pool with personal desktop assignment
Michael’sDesktop
<Insert Picture Here>
VDI Administration
Wireframing mit OpenOffice.org Impress
via http://www.scaffoldage.com/post/3897615849
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
»Bei 25 Folien pro Sekunde bewegt sich das Bild.«
Lorenz Engell in Powerpoint, Fischer 2009
http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes
» intelligent misuse «OOo Impress als
Werkzeug für Wireframes
Wireframes sind Layout ohne Visual Design.
Wireframes können Interaktions-Flows darstellen→ Storyboards
Wireframes sind Sketches, Mockups, Prototypen oder Spezifikationen.
Kommunikation zwischen Designer und EntwicklungKommunikation zwischen Designer und QualitätKommunikation zwischen Designer und Dokumentation
Wireframes sind Planungs- und Designmedium.
Paper 53
iMockups
Balsamiq
Axure
via http://www.scaffoldage.com/post/3853646769
Vielen Dank!
50
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
52
53