Handliche Designkonzepte, Konzeption, Usability und Umsetzung mobiler Websites

HANDLICHE DESIGNKONZEPTE Konzeption, Usability und Umsetzung mobiler Websites

PRÄSENTATION VON PETER ROZEK THINKGREEN - NEUE MEDIEN rozek.p@think-green.de http://www.think-green.de http://www.peter-rozek.de

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mythos und Wahrheit: Mobiles Internet.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mythos Es gibt nicht das mobile Internet!

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Es gibt Unterschiedliche Zugangsmöglichkeiten zum Internet!

Mythos Mobile Webdesign ist kein Webdesign für das iPhone.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek 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 First http://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 User Experience: Lernbarkeit Einprägsamkeit Effektivität Effizienz Zufriedenstellung

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mobile Web ist ein Wachstumsmarkt.

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

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

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

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Die 3 Dimensionen mobiler Internetnutzung.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Context Content Component

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Context

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Content: Lesbarkeit Navigierbarkeit Interaktion

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Component

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Mobile Nutzung bringt ein ganzes Set spezifischer Anforderungen und Möglichkeiten.

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

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek 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 Für den Nutzer wichtig: Content Connect Share

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek weniger Design.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Wasserfallmodell

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Informationsarchitektur optimieren.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Geringe Verschachtelungstiefe.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Navigations-Konzept entwickeln und auf das Ausgabemedium abstimmen.

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 ‣ Kein horizontales Scrolling ‣ Anpassbare Screengröße ‣ Lineare Navigation ‣ Ausreichende Schriftgröße ‣ Einfach zu bedienende Such- und Formularfelder ‣ Gracefull Degradation

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Bildkonzept entwerfen.

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Design auf das Ausgabemedium abstimmen.

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

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek http://mtld.mobi/emulator.php

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Webstandards nutzen.

http://www.w3c.org

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

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Usability testen.

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

Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek Danke für Ihre Aufmerksamkeit!

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/proﬁle/Peter_Rozek

http://usabilitypilot.com	112
http://www.slideshare.net	6
http://speakerrate.com	4
http://intranet.minol.org	2
url_unknown	1

Handliche Designkonzepte, Konzeption, Usability und Umsetzung mobiler Websites

by Peter Rozek on Nov 12, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 125

Statistics

Handliche Designkonzepte, Konzeption, Usability und Umsetzung mobiler Websites — Presentation Transcript