0
HANDLICHE
DESIGNKONZEPTE
Konzeption, Usability und Umsetzung
mobiler Websites
PRÄSENTATION VON PETER ROZEK
  THINKGREEN - NEUE MEDIEN

       rozek.p@think-green.de

      http://www.think-green.de
  ...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Mythos und Wahrheit:
Mobiles Internet.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Mythos

Es gibt nicht das
mobile Internet!
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Es gibt Unterschiedliche
Zugangsmöglichkeiten zum In...
Mythos

Mobile
Webdesign
ist kein
Webdesign
für das
iPhone.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Fokus auf eine
geräteunabhängige
Interaktion setzen.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Mobile Webdesign
setzt Reduktion voraus.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




„So when a team designs mobile first, the
end result...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Reduktion
bedeutet mehr
User Experience.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek


User Experience:

Lernbarkeit
Einprägsamkeit
Effektivi...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Mobile Web
ist ein
Wachstumsmarkt.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Weltweiter Anteil von mobilen Endgeräten in Millione...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Anteil von mobilen Endgeräten mit einem Webbrowser.
...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Anteil populärer Screengrößen mobiler Endgeräte.
htt...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Die 3 Dimensionen
mobiler
Internetnutzung.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Context
Content
Component
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Context
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Content:
Lesbarkeit
Navigierbarkeit
Interaktion
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Component
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Mobile Nutzung bringt
ein ganzes Set
spezifischer
An...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




‣   Unterschiedlichen Screengrößen
‣   Inkonsistente...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Empfehlungen für die
Praxis.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Anforderungen
analysieren.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Zielgruppe kennen.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Verhalten der Nutzer
im mobilen Web ist
anders...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Für den Nutzer wichtig:

Content
Connect
Share
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




weniger Design.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Wasserfallmodell
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Informationsarchitektur
optimieren.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Geringe Verschachtelungstiefe.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Navigations-Konzept
entwickeln und auf
das Ausgabeme...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Lineare Navigation
und
Breadcrumb als
zusätzliche
Or...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Template Entwicklung.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




‣   Kein horizontales Scrolling
‣   Anpassbare Scree...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Bildkonzept entwerfen.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Design auf das
Ausgabemedium
abstimmen.
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Namics Blog, Testpage: Meine Website auf dem Handy
h...
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




 http://mtld.mobi/emulator.php
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Webstandards nutzen.
http://www.w3c.org
3



http://ready.mobi/launch.jsp?locale=en_EN
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Usability testen.
3



http://ready.mobi/launch.jsp?locale=en_EN
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




Danke für Ihre
Aufmerksamkeit!
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek




                                           ?
Fragen....
Upcoming SlideShare
Loading in...5
×

Handliche Designkonzepte, Konzeption, Usability und Umsetzung mobiler Websites

2,859

Published on

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

No Downloads
Views
Total Views
2,859
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
57
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

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

×