Konzeption, Usability und Umsetzung mobiler Websites

HANDLICHEDESIGNKONZEPTE

PRÄSENTATION VON PETER ROZEK THINKGREEN - NEUE MEDIEN

rozek.p@think-green.de

http://www.think-green.dehttp://www.peter-rozek.de

Mythos und Wahrheit: Mobiles Internet.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Es gibt nicht das mobile Internet!

Mythos

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Es gibt Unterschiedliche Zugangsmöglichkeiten zum Internet!

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Mobile Webdesign ist kein Webdesign für das iPhone.

Mythos

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 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 Firsthttp://www.lukew.com/ff/entry.asp?933

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Reduktion bedeutet mehr User Experience.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

LernbarkeitEinprägsamkeitEffektivitätEffizienzZufriedenstellung

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

User Experience:

Mobile Web ist einWachstumsmarkt.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Weltweiter Anteil von mobilen Endgeräten in Millionen.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

http://www.boxuk.com/blog/mobile-the-business-case

Anteil von mobilen Endgeräten mit einem Webbrowser.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

http://www.boxuk.com/blog/mobile-the-business-case

Anteil populärer Screengrößen mobiler Endgeräte.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

http://www.boxuk.com/blog/mobile-the-business-case

Die 3 Dimensionen mobiler Internetnutzung.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

ContextContentComponent

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Context

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Content:LesbarkeitNavigierbarkeitInteraktion

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Component

Mobile Nutzung bringt ein ganzes Set spezifischer Anforderungen und Möglichkeiten.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

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

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

ContentConnectShare

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Für den Nutzer wichtig:

weniger Design.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Wasserfallmodell

Informationsarchitektur optimieren.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Geringe Verschachtelungstiefe.

Navigations-Konzept entwickeln und auf das Ausgabemedium abstimmen.

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 Orientierung.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Template Entwicklung.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

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

Bildkonzept entwerfen.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Design auf das Ausgabemedium abstimmen.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Namics Blog, Testpage: Meine Website auf dem Handyhttp://blog.namics.com/2009/06/mobile-testpage.html

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

http://mtld.mobi/emulator.php

Webstandards nutzen.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

http://www.w3c.org

3

http://ready.mobi/launch.jsp?locale=en_EN

Usability testen.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

3

http://ready.mobi/launch.jsp?locale=en_EN

Danke für Ihre Aufmerksamkeit!

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

Fragen...E-Mail: rozek.p@think-green.deslideshare.net/peterrozekTwitter: @webinterfaceXING: https://www.xing.com/profile/Peter_Rozek

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek

?