Usability Im Mobile Web

2,006 views
1,924 views

Published on

Mobile Usability - Entscheidend für Hopp oder Flopp einer mobilen Lösung

• Usability Dos & Don'ts im mobilen Kontext
• Endgeräte-übergreifendes Konzept und Design

insertEFFECT, Benno Bartels; Mobile Solutions

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

  • Be the first to like this

No Downloads
Views
Total views
2,006
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
41
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Usability Im Mobile Web

  1. 1. Mobile Usability Entscheidend für Hopp oder Flopp einer mobilen Lösung web mobile specialists Benno Bartels , 29.01.2010 M-Days, München
  2. 2. © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi © insertEFFECT 2
  3. 3. Entwicklung Marketing Usability © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi 3
  4. 4. Danke iPhone! © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  5. 5. Die Sorgenkinder des mobilen Webs. Ausgabe Verbindung Eingabe © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  6. 6. Die Sorgenkinder des mobilen Webs. Eingabe Ausgabe Mouse-Navigation ohne Maus (scrollen, markieren, drag‘n‘drop … ) Verbindung Textinput on mobiles sucks! Eingabe (egal ob Touch, Numpad oder Qwerty) Die Welt lenkt mich ab! (Unterbrechungen, Eingehende Anrufe, …) © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  7. 7. Die Sorgenkinder des mobilen Webs. Verbindung Ausgabe Verbindung Eingabe ...... …… … .. . . . . . . . . . . ich hab grad kein Netz! © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  8. 8. Die Sorgenkinder des mobilen Webs. Ausgabe Seitenlayout Ausgabe (für... 128 x 128 … 176 x 208 ... 352 x 416 … 480×320 … ?!?) Verbindung Wenig Platz (Wohin mit der Navigation? Wo bin ich?) Eingabe Browsereigenheiten (JavaScript APIs, HTML-Bugs und seltsame Dialekte) © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  9. 9. Der Weg zur benutzerfreundlichen mobilen Website Konzept ausdenken Endgeräte klassifizieren Wireframe erstellen Usability Test des Prototypen Wireframe anpassen/ optimieren GUI entwerfen GUI testen Website entwickeln Usability Test durchführen Ergebnisse einarbeiten Online stellen © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  10. 10. Endgeräte klassifizieren…. Zielguppe (breite Masse bis spezielles Publikum, Altersstruktur) Logfiles der Website © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  11. 11. Der Weg zur benutzerfreundlichen mobilen Website Konzept ausdenken Endgeräte klassifizieren Wireframes erstellen Usability Test des Prototypen Wireframe anpassen/ optimieren GUI entwerfen GUI testen Website entwickeln Usability Test durchführen Ergebnisse einarbeiten Online stellen © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  12. 12. Wireframes erstellen und testen Klickbare Wireframes (… zwingen zu durchdachtem Konzept) Desktop und Mobile testen (… nur so kommen Probleme zum Vorschein) Userfeedback einholen Desktop: http://www.inserteffect.com/showcase/clickdummy Mobile : http://tinyurl.com/insfxclick © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  13. 13. Der Weg zur benutzerfreundlichen mobilen Website Konzept ausdenken Endgeräte klassifizieren Wireframes erstellen Usability Test des Prototypen Wireframe anpassen/ optimieren GUI entwerfen GUI testen Website entwickeln Usability Test durchführen Ergebnisse einarbeiten Online stellen © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  14. 14. Usability Test durchführen „Handyschlitten“ (Testkandidaten bringen ihr eigenes Handy mit) Nur 5-7 Testpersonen (das reicht um Probleme aufzudecken) Spezielle Aufgaben geben Zum „laut Denken“ animieren © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  15. 15. Zutaten für eine gute User Experience Eingabe der URL © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  16. 16. Zutaten für eine gute User Experience Objekt - Suche © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  17. 17. Zutaten für eine gute User Experience Suchergebnislisten © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  18. 18. Zum Mitnehmen © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi
  19. 19. © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi © insertEFFECT 19
  20. 20. Danke! Kontact Benno Bartels mail: benno@insfx.com Fürther Strasse 53a fon: 09 11 / 27 44 87 -11 D-90429 Nürnberg © insertEFFECT – web mobile specialists Mobile Web Development http://insfx.mobi 20 © inserfEFFECT |

×