Interaktionsdesign mit Wireframes

2,089 views

Published on

Referenzen via http://www.mprove.de/script/13/fbi/wireframes.html

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,089
On SlideShare
0
From Embeds
0
Number of Embeds
165
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Interaktionsdesign mit Wireframes

  1. 1. Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 121Insert Picture HereInteraktionsdesignmit WireframesMatthias Müller-ProveUser Experience Principal & SW Dev Sr Mgr18 Jun 2013
  2. 2. http://www.23hq.com/mprove/verplankBill Verplank, BayCHI 2008DerheiligeGrahldesInteraktionsdesign
  3. 3. Bill Verplank, Interaction 11 (video):http://vimeo.com/20285615
  4. 4. http://flickr.com/photos/activeside/2184823461/Site-Maps
  5. 5. http://flickr.com/photos/jimbola/2284119465/
  6. 6. Ski-Was?http://flickr.com/photos/38451115@N04/5229195968Ski-Wäs?
  7. 7. Donna Maurer http://slideshare.net/donnam/information-architecture-introduction
  8. 8. Primary NavigationContent AreaAds2ndOrderNavigation
  9. 9. SchematicsSchemazeichnungExplosionszeichnungBlaupauseWireframesDrahtmodellPlan
  10. 10. 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 EntwicklerS/W,damitderKundenichtdieFarbgestaltungkommentiert
  11. 11. 12http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.htmlDesktop Virtualizationmit Oracle VDI
  12. 12. 13
  13. 13. 14
  14. 14. desktop access layerstorage layersession management layervirtualization layer
  15. 15. accessstoragesessionsvirtualizationOracle Virtual Desktop Infrastructure 3.5LDAP/AD MySQLMS Hyper-VVirtualBoxVMwarevCenter/ESXMS RemoteDesktopGenericRDPSun RayKioskThin ClientSun RayLaptopOVDCiPadOVDC AppWebOSGDRDP ClientSun ZFS iSCSILocal NFS
  16. 16. Sun Ray Thin-Client PortfolioSun Ray 3Sun Ray 3Low cost, low power, small footprintSun Ray 3iAll-in-one client with 21.5" screen
  17. 17. Copyright © 2011, Oracle and/or its affiliates. All rights reserved.Oracle Virtual Desktop Client App on iPad
  18. 18. Copyright © 2011, Oracle and/or its affiliates. All rights reserved.Desktop Session on Sun Ray Thin-Client
  19. 19. VDI Administration<Insert Picture Here>
  20. 20. Personal Desktop AssignmentsTemplateNina’sDesktopMichaelpersonal assignedlogged inNinapersonal assignedlogged outPool with personaldesktop assignmentMichael’sDesktop
  21. 21. Personal Desktop Assignments
  22. 22. Flexible Desktop Assignmentshttp://www.designcomics.org/
  23. 23. Flexible Desktop AssignmentsTemplateflexible assignedlogged inAvailableDesktopflexible assignedlogged outAvailableDesktopPool with flexibledesktop assignmentAvailableDesktopDesktop
  24. 24. Wireframing mitOpenOffice.org Impressvia http://www.scaffoldage.com/post/3897615849
  25. 25. »Bei 25 Folien pro Sekunde bewegt sich das Bild.«Lorenz Engell in Powerpoint, Fischer 2009
  26. 26. http://blogs.oracle.com/mprove/entry/vdi_3_ux_story_wireframes»intelligentmisuse«OOoImpressalsHyperCard-Ersatz
  27. 27. VDI 3.0 VDI 3.18 Monate 7 Monatev47 v22174 Slides 271 SlidesVDI 3.2 VDI 3.36 Monate 7 Monatev18 v8297 Slides 317 Slides
  28. 28. Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 1237Oracle VDI 3.6 Wireframesv3, 11-Jun-2013 Insert Picture HereMatthias Müller-ProveUser Experience Principal & SW Dev Sr MgrOracle VDI 3.6 Wireframesv3, 11-Jun-2013Photo: www.flickr.com/photos/50780708@N02/4734092262/
  29. 29. Wireframes sind Layout ohne Visual Design.Wireframes können Interaktions-Flows darstellen→ StoryboardsWireframes sind Sketches, Mockups, Prototypen oderSpezifikationen.Kommunikation zwischen Designer und KundeKommunikation zwischen Designer und EntwicklungKommunikation zwischen Designer und QualitätKommunikation zwischen Designer und DokumentationWireframes sind Planungs- und Designmedium.
  30. 30. Balsamiq
  31. 31. Axure
  32. 32. Paper53
  33. 33. Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 1242Insert Picture HereVielen Dank!@mprovewww.mprove.deblogs.oracle.com/mprove
  34. 34. 43Weblinksmprove.de– mprove.de/script/13/fbi/wireframes.html– @mproveVirtualisierung bei Oracle– oracle.com/virtualization– blogs.oracle.com/mprove/User Experience in Hamburg– uxhh.de
  35. 35. 44
  36. 36. 45

×