Your SlideShare is downloading. ×
0
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Interaktionsdesign mit Wireframes
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Interaktionsdesign mit Wireframes

2,238

Published on

references at http://mprove.de/script/12/fbi/wireframes.html

references at http://mprove.de/script/12/fbi/wireframes.html

1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
2,238
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
7
Comments
1
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. <Insert Picture Here>Wireframes im Interaktionsdesign – 23.5.2012Matthias Müller-Prove • User Experience Principal, Oracle
  • 2. Site-Mapshttp://flickr.com/photos/activeside/2184823461/
  • 3. http://flickr.com/photos/jimbola/2284119465/
  • 4. Ski-Wäs? Ski-Was?http://flickr.com/photos/38451115@N04/5229195968
  • 5. Donna Maurer http://slideshare.net/donnam/information-architecture-introduction
  • 6. Primary Navigation AdsContent Area 2nd Order Navigation
  • 7. Schematics WireframesSchemazeichnung DrahtmodellExplosionszeichnung PlanBlaupause Click-Dummy
  • 8. S/W, damit der Kunde nicht die Farbgestaltung kommentiertWireframes 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
  • 9. <Insert Picture Here>Der Computer als Medium ein kurzer philosphischer Exkurs
  • 10. Der heilige Grahl des InteraktionsdesignBill Verplank, BayCHI 2008http://flickr.com/photos/mprove/2855242322/
  • 11. Bill Verplank, Interaction 11 (video):http://vimeo.com/20285615
  • 12. Ein persönliches dynamisches Mediumflickr.com/photos/ezu/5604927/
  • 13. Ein »soziales« dynamisches Medium
  • 14. <Insert Picture Here>Desktop Virtualizationmit Oracle VDI
  • 15. Ein verteiltesEngineering-Team für Desktop Virtualization http://dryicons.com
  • 16. And now to something completely different… 18http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html
  • 17. 19
  • 18. 20
  • 19. desktop access layersession management layer virtualization layer storage layer
  • 20. Thin Client Laptop iPad Web RDP Client Sun Ray OVDC OVDC App OSGD accessLDAP/AD Oracle Virtual Desktop Infrastructure 3.4 MySQL sessionsSun Ray VMware MS Remote Generic VirtualBox MS Hyper-V Kiosk vCenter/ESX Desktop RDP virtualization Local Sun ZFS iSCSI NFS storage
  • 21. Sun Ray Thin-Client PortfolioSun Ray 3 Sun Ray 3 Sun Ray 3iLow cost, low power, small footprint All-in-one client with 21.5" screen
  • 22. Oracle Virtual Desktop Client App on iPadCopyright © 2011, Oracle and/or its affiliates. All rights reserved.
  • 23. Desktop Session on Sun Ray Thin-ClientCopyright © 2011, Oracle and/or its affiliates. All rights reserved.
  • 24. Flexible Desktop Assignments http://www.designcomics.org/
  • 25. Flexible Desktop Assignmentsflexible assigned flexible assigned logged in logged out Available Desktop Desktop Available Desktop Available Desktop Template Pool with flexible desktop assignment
  • 26. s si gnment a l Desktop AsPerson
  • 27. Personal Desktop Assignments Michael Ninapersonal assigned personal assigned logged in logged out Nina’s Desktop Michael’s Desktop Template Pool with personal desktop assignment
  • 28. <Insert Picture Here>VDI Administration
  • 29. Wireframing mitOpenOffice.org Impressvia http://www.scaffoldage.com/post/3897615849
  • 30. 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
  • 31. »Bei 25 Folien pro Sekunde bewegt sich das Bild.« Lorenz Engell in Powerpoint, Fischer 2009
  • 32. http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes » intelligent misuse « OOo Impress als Werkzeug für Wireframes
  • 33. Wireframes sind Layout ohne Visual Design.Wireframes können Interaktions-Flows darstellen→ StoryboardsWireframes sind Sketches, Mockups, Prototypen oderSpezifikationen.Kommunikation zwischen Designer und EntwicklungKommunikation zwischen Designer und QualitätKommunikation zwischen Designer und DokumentationWireframes sind Planungs- und Designmedium.
  • 34. Paper 53
  • 35. iMockups
  • 36. Balsamiq
  • 37. Axure
  • 38. Vielen Dank! via http://www.scaffoldage.com/post/3853646769
  • 39. Weblinksmprove.de – mprove.de/script/12/fbi/wireframes.html – @mproveVirtualisierung bei Oracle – oracle.com/virtualization – blogs.oracle.com/mprove/User Experience in Hamburg – uxhh.de – ixda-hamburg.de – UXForum auf Xing 50
  • 40. 52
  • 41. 53

×