Interaction Design with Wireframes
Upcoming SlideShare
Loading in...5
×
 

Interaction Design with Wireframes

on

  • 3,278 views

http://mprove.de/script/11/wireframes/

http://mprove.de/script/11/wireframes/

Statistics

Views

Total Views
3,278
Views on SlideShare
2,667
Embed Views
611

Actions

Likes
0
Downloads
16
Comments
0

10 Embeds 611

http://blogs.oracle.com 453
http://connect.oraclecorp.com 78
http://blogs.sun.com 34
http://planets.sun.com 17
http://www.mprove.de 12
http://translate.googleusercontent.com 6
url_unknown 5
http://itnewscast.com 2
http://mprove.de 2
http://www.linkedin.com 2
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Interaction Design with Wireframes Interaction Design with Wireframes Presentation Transcript

  • Interaction Design with Wireframes – 11-Apr-2011Matthias Müller-Prove • User Experience Principal, Oracle translated version
  • job title cloudover the years
  • 1996 – 2001 GoLive CyberStudio2002 – 2007 OpenOffice.org2008 – 2011 Virtual Desktop Infrastructure
  • Site-Mapshttp://flickr.com/photos/activeside/2184823461/
  • http://flickr.com/photos/jimbola/2284119465/
  • Ski-What? Ski-Was?http://flickr.com/photos/38451115@N04/5229195968
  • Donna Maurer http://slideshare.net/donnam/information-architecture-introduction
  • Primary Navigation AdsContent Area 2nd Order Navigation
  • schematicsexploded drawingblue planwireframes
  • Color might distract the customer from the layout and interaction.Wireframes are digital black & white drawings.Wireframes are faster and cheaper to create thandeveloping web sites.Wireframes are abstract and detailedCommunication between designer and customerCommunication between designer and developer
  • <Insert Picture Here>Desktop Virtualizationwith Oracle VDI
  • And now to something completely different… 12http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html
  • 13
  • 14
  • Sun Ray Thin-Client PortfolioSun Ray 3 Sun RayTM 3 Sun Ray™ 3iLow cost, low power, small footprint All-in-one client with 21.5" screen
  • Flexible Desktop Assignments http://www.designcomics.org/
  • Flexible Desktop Assignmentsflexible assigned flexible assigned logged in logged out Available Desktop Desktop Available Desktop Available Desktop Template Template Pool with flexible desktop assignment
  • s si gnment a l Desktop AsPerson
  • Personal Desktop Assignments Michael Ninapersonal assigned personal assigned logged in logged out Nina’s Desktop Michael’s Desktop Template Template Pool with personal desktop assignment
  • <Insert Picture Here>VDI Administration
  • <Insert Picture Here>Computer as Medium a brief philosophical detour
  • The Holy Grail of interaction designBill Verplank, BayCHI 2008http://flickr.com/photos/mprove/2855242322/
  • Bill Verplank, Interaction 11 (video):http://vimeo.com/20285615
  • A personal dynamic mediumflickr.com/photos/ezu/5604927/
  • A »social« dynamic medium
  • A distributed engineering team for desktop virtualization http://dryicons.com
  • Wireframing withOpenOffice.org Impressvia http://www.scaffoldage.com/post/3897615849
  • VDI 3.0 VDI 3.18 months 7 monthsv47 v22174 slides 271 slidesVDI 3.2 VDI 3.36 months 7 monthsv18 v8297 slides 317 slides
  • »The image moves at 25 slides per second.« Lorenz Engell in Powerpoint, Fischer 2009
  • http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes » intelligent misuse « OOo Impress as HyperCard substitute
  • Wireframes are layout without visual design.Wireframes can represent interaction flows→ StoryboardsWireframes are sketches, mockups, prototypes orspecifications.Communication between designer and developmentCommunication between designer and qualityCommunication between designer and documentationWireframes are planning and design medium.
  • Balsamiq
  • Axure
  • Thank You! via http://www.scaffoldage.com/post/3853646769
  • Weblinkswww.mprove.de – mprove.de/script/11/wireframes/ – blogs.sun.com/mprove/User Experience in Hamburg – uxhh.de – ixda-hamburg.deVirtualisierung at Oracle – oracle.com/virtualization – sun.com/vdi 45
  • 46
  • 47