Usability Im Mobile Web

Embed Size (px)

DESCRIPTION

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

Text of Usability Im Mobile Web

  • 1. Mobile Usability Entscheidend fr Hopp oder Flopp einer mobilen Lsung web mobile specialistsBenno Bartels , 29.01.2010 M-Days, Mnchen

2. insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi insertEFFECT 2 3. EntwicklungMarketing Usability insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 3 4. Danke iPhone! insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 5. Die Sorgenkinder des mobilen Webs. AusgabeVerbindung Eingabe insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 6. Die Sorgenkinder des mobilen Webs. Eingabe Ausgabe Mouse-Navigation ohne Maus (scrollen, markieren, dragndrop )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. Die Sorgenkinder des mobilen Webs. Verbindung AusgabeVerbindung Eingabe ...... .. . . . . . . . ... ich hab grad kein Netz! insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 8. Die Sorgenkinder des mobilen Webs.Ausgabe Seitenlayout Ausgabe (fr... 128 x 128 176 x 208 ... 352 x 416 480320 ?!?)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. Der Weg zur benutzerfreundlichen mobilen WebsiteKonzept ausdenkenEndgerte klassifizierenWireframe erstellen Usability Test des PrototypenWireframe anpassen/ optimieren GUI entwerfen GUI testen Website entwickeln Usability Test durchfhren Ergebnisse einarbeitenOnline stellen insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 10. Endgerte klassifizieren.Zielguppe(breite Masse bis spezielles Publikum, Altersstruktur)Logfiles der Website insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 11. Der Weg zur benutzerfreundlichen mobilen WebsiteKonzept ausdenkenEndgerte klassifizierenWireframes erstellenUsability Test des PrototypenWireframe anpassen/ optimieren GUI entwerfen GUI testen Website entwickeln Usability Test durchfhren Ergebnisse einarbeitenOnline stellen insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 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. Der Weg zur benutzerfreundlichen mobilen WebsiteKonzept ausdenkenEndgerte klassifizierenWireframes erstellenUsability Test des PrototypenWireframe anpassen/ optimieren GUI entwerfen GUI testen Website entwickeln Usability Test durchfhren Ergebnisse einarbeitenOnline stellen insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 14. Usability Test durchfhrenHandyschlitten (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. Zutaten fr eine gute User ExperienceEingabe der URL insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 16. Zutaten fr eine gute User ExperienceObjekt - Suche insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 17. Zutaten fr eine gute User ExperienceSuchergebnislisten insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 18. Zum Mitnehmen insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi 19. insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi insertEFFECT19 20. Danke! KontactBenno Bartels mail: benno@insfx.com Frther Strasse 53a fon: 09 11 / 27 44 87 -11 D-90429 Nrnberg insertEFFECT web mobile specialists Mobile Web Development http://insfx.mobi20 inserfEFFECT |