<Insert Picture Here>Wireframes im Interaktionsdesign – 23.5.2012Matthias Müller-Prove • User Experience Principal, Oracle
Site-Mapshttp://flickr.com/photos/activeside/2184823461/
http://flickr.com/photos/jimbola/2284119465/
Ski-Wäs?                                                   Ski-Was?http://flickr.com/photos/38451115@N04/5229195968
Donna Maurer http://slideshare.net/donnam/information-architecture-introduction
Primary Navigation                             AdsContent Area                          2nd Order                         ...
Schematics            WireframesSchemazeichnung       DrahtmodellExplosionszeichnung   PlanBlaupause             Click-Dummy
S/W, damit der Kunde                                            nicht die Farbgestaltung                                  ...
<Insert Picture Here>Der Computer als Medium                            ein kurzer                          philosphischer...
Der heilige Grahl                                              des InteraktionsdesignBill Verplank, BayCHI 2008http://flic...
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
Ein verteiltesEngineering-Team   für Desktop Virtualization   http://dryicons.com
And now to something                                                                        completely different…         ...
19
20
desktop access layersession management layer       virtualization layer            storage layer
Thin Client       Laptop          iPad             Web                                                                    ...
Sun Ray Thin-Client PortfolioSun Ray 3            Sun Ray 3                              Sun Ray 3iLow cost, low power, sm...
Oracle Virtual Desktop Client App on iPadCopyright © 2011, Oracle and/or its affiliates. All rights reserved.
Desktop Session on Sun Ray Thin-ClientCopyright © 2011, Oracle and/or its affiliates. All rights reserved.
Flexible Desktop Assignments                               http://www.designcomics.org/
Flexible Desktop Assignmentsflexible assigned                                 flexible assigned     logged in             ...
s                        si gnment       a   l Desktop AsPerson
Personal Desktop Assignments     Michael                                       Ninapersonal assigned                      ...
<Insert Picture Here>VDI Administration
Wireframing mitOpenOffice.org Impressvia http://www.scaffoldage.com/post/3897615849
VDI 3.0      VDI 3.18 Monate     7 Monatev47          v22174 Slides   271 SlidesVDI 3.2      VDI 3.36 Monate     7 Monatev...
»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 Impres...
Wireframes sind Layout ohne Visual Design.Wireframes können Interaktions-Flows darstellen→ StoryboardsWireframes sind Sket...
Paper 53
iMockups
Balsamiq
Axure
Vielen Dank!      via http://www.scaffoldage.com/post/3853646769
Weblinksmprove.de  – mprove.de/script/12/fbi/wireframes.html  – @mproveVirtualisierung bei Oracle  – oracle.com/virtualiza...
52
53
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
×

Interaktionsdesign mit Wireframes

2,281

Published on

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,281
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
7
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Interaktionsdesign mit Wireframes

  1. 1. <Insert Picture Here>Wireframes im Interaktionsdesign – 23.5.2012Matthias Müller-Prove • User Experience Principal, Oracle
  2. 2. Site-Mapshttp://flickr.com/photos/activeside/2184823461/
  3. 3. http://flickr.com/photos/jimbola/2284119465/
  4. 4. Ski-Wäs? Ski-Was?http://flickr.com/photos/38451115@N04/5229195968
  5. 5. Donna Maurer http://slideshare.net/donnam/information-architecture-introduction
  6. 6. Primary Navigation AdsContent Area 2nd Order Navigation
  7. 7. Schematics WireframesSchemazeichnung DrahtmodellExplosionszeichnung PlanBlaupause Click-Dummy
  8. 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. 9. <Insert Picture Here>Der Computer als Medium ein kurzer philosphischer Exkurs
  10. 10. Der heilige Grahl des InteraktionsdesignBill Verplank, BayCHI 2008http://flickr.com/photos/mprove/2855242322/
  11. 11. Bill Verplank, Interaction 11 (video):http://vimeo.com/20285615
  12. 12. Ein persönliches dynamisches Mediumflickr.com/photos/ezu/5604927/
  13. 13. Ein »soziales« dynamisches Medium
  14. 14. <Insert Picture Here>Desktop Virtualizationmit Oracle VDI
  15. 15. Ein verteiltesEngineering-Team für Desktop Virtualization http://dryicons.com
  16. 16. And now to something completely different… 18http://www.time.com/time/photogallery/0,29307,1930296_1967873,00.html
  17. 17. 19
  18. 18. 20
  19. 19. desktop access layersession management layer virtualization layer storage layer
  20. 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. 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. 22. Oracle Virtual Desktop Client App on iPadCopyright © 2011, Oracle and/or its affiliates. All rights reserved.
  23. 23. Desktop Session on Sun Ray Thin-ClientCopyright © 2011, Oracle and/or its affiliates. All rights reserved.
  24. 24. Flexible Desktop Assignments http://www.designcomics.org/
  25. 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. 26. s si gnment a l Desktop AsPerson
  27. 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. 28. <Insert Picture Here>VDI Administration
  29. 29. Wireframing mitOpenOffice.org Impressvia http://www.scaffoldage.com/post/3897615849
  30. 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. 31. »Bei 25 Folien pro Sekunde bewegt sich das Bild.« Lorenz Engell in Powerpoint, Fischer 2009
  32. 32. http://blogs.sun.com/mprove/entry/vdi_3_ux_story_wireframes » intelligent misuse « OOo Impress als Werkzeug für Wireframes
  33. 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. 34. Paper 53
  35. 35. iMockups
  36. 36. Balsamiq
  37. 37. Axure
  38. 38. Vielen Dank! via http://www.scaffoldage.com/post/3853646769
  39. 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. 40. 52
  41. 41. 53
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×