Handliche Designkonzepte, Konzeption, Usability und Umsetzung mobiler Websites

3,238 views

Published on

Published in: Design
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,238
On SlideShare
0
From Embeds
0
Number of Embeds
383
Actions
Shares
0
Downloads
58
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Handliche Designkonzepte, Konzeption, Usability und Umsetzung mobiler Websites

  1. 1. HANDLICHE DESIGNKONZEPTE Konzeption, Usability und Umsetzung mobiler Websites
  2. 2. PRÄSENTATION VON PETER ROZEK THINKGREEN - NEUE MEDIEN rozek.p@think-green.de http://www.think-green.de http://www.peter-rozek.de
  3. 3. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mythos und Wahrheit: Mobiles Internet.
  4. 4. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mythos Es gibt nicht das mobile Internet!
  5. 5. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Es gibt Unterschiedliche Zugangsmöglichkeiten zum Internet!
  6. 6. Mythos Mobile Webdesign ist kein Webdesign für das iPhone.
  7. 7. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Fokus auf eine geräteunabhängige Interaktion setzen.
  8. 8. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mobile Webdesign setzt Reduktion voraus.
  9. 9. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek „So when a team designs mobile first, the end result is an experience focused on the key tasks users want to accomplish without the extraneous detours and general interface debris that litter today's desktop- accessed Web sites. That's good user experience and good for business.“ Luke Wroblewski, Mobile First http://www.lukew.com/ff/entry.asp?933
  10. 10. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Reduktion bedeutet mehr User Experience.
  11. 11. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek User Experience: Lernbarkeit Einprägsamkeit Effektivität Effizienz Zufriedenstellung
  12. 12. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mobile Web ist ein Wachstumsmarkt.
  13. 13. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Weltweiter Anteil von mobilen Endgeräten in Millionen. http://www.boxuk.com/blog/mobile-the-business-case
  14. 14. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Anteil von mobilen Endgeräten mit einem Webbrowser. http://www.boxuk.com/blog/mobile-the-business-case
  15. 15. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Anteil populärer Screengrößen mobiler Endgeräte. http://www.boxuk.com/blog/mobile-the-business-case
  16. 16. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Die 3 Dimensionen mobiler Internetnutzung.
  17. 17. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Context Content Component
  18. 18. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Context
  19. 19. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Content: Lesbarkeit Navigierbarkeit Interaktion
  20. 20. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Component
  21. 21. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mobile Nutzung bringt ein ganzes Set spezifischer Anforderungen und Möglichkeiten.
  22. 22. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek ‣ Unterschiedlichen Screengrößen ‣ Inkonsistente Browser ‣ Unterschiedliche Funktionen und Interfaces ‣ Lange Ladezeiten ‣ Zu kleine Navigationselemente ‣ Fehlende Eingabemöglichkeiten, Plugins und Scripte ‣ schwache Prozessoren ‣ wenig RAM
  23. 23. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Empfehlungen für die Praxis.
  24. 24. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Anforderungen analysieren.
  25. 25. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Zielgruppe kennen.
  26. 26. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Verhalten der Nutzer im mobilen Web ist anders...
  27. 27. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Für den Nutzer wichtig: Content Connect Share
  28. 28. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek weniger Design.
  29. 29. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Wasserfallmodell
  30. 30. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Informationsarchitektur optimieren.
  31. 31. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Geringe Verschachtelungstiefe.
  32. 32. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Navigations-Konzept entwickeln und auf das Ausgabemedium abstimmen.
  33. 33. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
  34. 34. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
  35. 35. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
  36. 36. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Lineare Navigation und Breadcrumb als zusätzliche Orientierung.
  37. 37. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Template Entwicklung.
  38. 38. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek ‣ Kein horizontales Scrolling ‣ Anpassbare Screengröße ‣ Lineare Navigation ‣ Ausreichende Schriftgröße ‣ Einfach zu bedienende Such- und Formularfelder ‣ Gracefull Degradation
  39. 39. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Bildkonzept entwerfen.
  40. 40. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Design auf das Ausgabemedium abstimmen.
  41. 41. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Namics Blog, Testpage: Meine Website auf dem Handy http://blog.namics.com/2009/06/mobile-testpage.html
  42. 42. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek http://mtld.mobi/emulator.php
  43. 43. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Webstandards nutzen.
  44. 44. http://www.w3c.org
  45. 45. 3 http://ready.mobi/launch.jsp?locale=en_EN
  46. 46. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Usability testen.
  47. 47. 3 http://ready.mobi/launch.jsp?locale=en_EN
  48. 48. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Danke für Ihre Aufmerksamkeit!
  49. 49. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek ? Fragen... E-Mail: rozek.p@think-green.de slideshare.net/peterrozek Twitter: @webinterface XING: https://www.xing.com/profile/Peter_Rozek

×