• 1. HANDLICHE DESIGNKONZEPTE Konzeption, Usability und Umsetzung mobiler Websites
  • 2. PRÄSENTATION VON PETER ROZEK THINKGREEN - NEUE MEDIEN [email protected] http://www.think-green.de http://www.peter-rozek.de
  • 3. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mythos und Wahrheit: Mobiles Internet.
  • 4. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mythos Es gibt nicht das mobile Internet!
  • 5. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Es gibt Unterschiedliche Zugangsmöglichkeiten zum Internet!
  • 6. Mythos Mobile Webdesign ist kein Webdesign für das iPhone.
  • 7. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Fokus auf eine geräteunabhängige Interaktion setzen.
  • 8. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mobile Webdesign setzt Reduktion voraus.
  • 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. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Reduktion bedeutet mehr User Experience.
  • 11. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek User Experience: Lernbarkeit Einprägsamkeit Effektivität Effizienz Zufriedenstellung
  • 12. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mobile Web ist ein Wachstumsmarkt.
  • 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. 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. 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. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Die 3 Dimensionen mobiler Internetnutzung.
  • 17. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Context Content Component
  • 18. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Context
  • 19. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Content: Lesbarkeit Navigierbarkeit Interaktion
  • 20. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Component
  • 21. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mobile Nutzung bringt ein ganzes Set spezifischer Anforderungen und Möglichkeiten.
  • 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. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Empfehlungen für die Praxis.
  • 24. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Anforderungen analysieren.
  • 25. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Zielgruppe kennen.
  • 26. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Verhalten der Nutzer im mobilen Web ist anders...
  • 27. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Für den Nutzer wichtig: Content Connect Share
  • 28. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek weniger Design.
  • 29. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Wasserfallmodell
  • 30. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Informationsarchitektur optimieren.
  • 31. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Geringe Verschachtelungstiefe.
  • 32. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Navigations-Konzept entwickeln und auf das Ausgabemedium abstimmen.
  • 33. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
  • 34. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
  • 35. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
  • 36. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Lineare Navigation und Breadcrumb als zusätzliche Orientierung.
  • 37. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Template Entwicklung.
  • 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. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Bildkonzept entwerfen.
  • 40. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Design auf das Ausgabemedium abstimmen.
  • 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. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek http://mtld.mobi/emulator.php
  • 43. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Webstandards nutzen.
  • 44. http://www.w3c.org
  • 45. 3 http://ready.mobi/launch.jsp?locale=en_EN
  • 46. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Usability testen.
  • 47. 3 http://ready.mobi/launch.jsp?locale=en_EN
  • 48. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Danke für Ihre Aufmerksamkeit!
  • 49. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek ? Fragen... E-Mail: [email protected] slideshare.net/peterrozek Twitter: @webinterface XING: https://www.xing.com/profile/Peter_Rozek
Please download to view
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
...

Handliche Designkonzepte, Konzeption, Usability und Umsetzung mobiler Websites

by peter-rozek

on

Report

Category:

Design

Download: 0

Comment: 0

3,484

views

Comments

Description

 
Download Handliche Designkonzepte, Konzeption, Usability und Umsetzung mobiler Websites

Transcript

  • 1. HANDLICHE DESIGNKONZEPTE Konzeption, Usability und Umsetzung mobiler Websites
  • 2. PRÄSENTATION VON PETER ROZEK THINKGREEN - NEUE MEDIEN [email protected] http://www.think-green.de http://www.peter-rozek.de
  • 3. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mythos und Wahrheit: Mobiles Internet.
  • 4. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mythos Es gibt nicht das mobile Internet!
  • 5. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Es gibt Unterschiedliche Zugangsmöglichkeiten zum Internet!
  • 6. Mythos Mobile Webdesign ist kein Webdesign für das iPhone.
  • 7. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Fokus auf eine geräteunabhängige Interaktion setzen.
  • 8. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mobile Webdesign setzt Reduktion voraus.
  • 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. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Reduktion bedeutet mehr User Experience.
  • 11. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek User Experience: Lernbarkeit Einprägsamkeit Effektivität Effizienz Zufriedenstellung
  • 12. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mobile Web ist ein Wachstumsmarkt.
  • 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. 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. 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. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Die 3 Dimensionen mobiler Internetnutzung.
  • 17. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Context Content Component
  • 18. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Context
  • 19. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Content: Lesbarkeit Navigierbarkeit Interaktion
  • 20. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Component
  • 21. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mobile Nutzung bringt ein ganzes Set spezifischer Anforderungen und Möglichkeiten.
  • 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. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Empfehlungen für die Praxis.
  • 24. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Anforderungen analysieren.
  • 25. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Zielgruppe kennen.
  • 26. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Verhalten der Nutzer im mobilen Web ist anders...
  • 27. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Für den Nutzer wichtig: Content Connect Share
  • 28. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek weniger Design.
  • 29. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Wasserfallmodell
  • 30. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Informationsarchitektur optimieren.
  • 31. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Geringe Verschachtelungstiefe.
  • 32. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Navigations-Konzept entwickeln und auf das Ausgabemedium abstimmen.
  • 33. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
  • 34. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
  • 35. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
  • 36. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Lineare Navigation und Breadcrumb als zusätzliche Orientierung.
  • 37. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Template Entwicklung.
  • 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. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Bildkonzept entwerfen.
  • 40. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Design auf das Ausgabemedium abstimmen.
  • 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. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek http://mtld.mobi/emulator.php
  • 43. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Webstandards nutzen.
  • 44. http://www.w3c.org
  • 45. 3 http://ready.mobi/launch.jsp?locale=en_EN
  • 46. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Usability testen.
  • 47. 3 http://ready.mobi/launch.jsp?locale=en_EN
  • 48. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Danke für Ihre Aufmerksamkeit!
  • 49. Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek ? Fragen... E-Mail: [email protected] slideshare.net/peterrozek Twitter: @webinterface XING: https://www.xing.com/profile/Peter_Rozek
Fly UP