Handliche Designkonzepte, Konzeption, Usability und Umsetzung mobiler Websites

  • 2,704 views
Uploaded on

 

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,704
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
53
Comments
0
Likes
5

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. HANDLICHE DESIGNKONZEPTE Konzeption, Usability und Umsetzung mobiler Websites
  • 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. 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: rozek.p@think-green.de slideshare.net/peterrozek Twitter: @webinterface XING: https://www.xing.com/profile/Peter_Rozek