Handliche Designkonzepte, Konzeption, Usability und Umsetzung mobiler Websites
-
Upload
peter-rozek -
Category
Design
-
view
3.490 -
download
0
description
Transcript of Handliche Designkonzepte, Konzeption, Usability und Umsetzung mobiler Websites
Konzeption, Usability und Umsetzung mobiler Websites
HANDLICHEDESIGNKONZEPTE
PRÄSENTATION VON PETER ROZEK THINKGREEN - NEUE MEDIEN
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: [email protected]/peterrozekTwitter: @webinterfaceXING: https://www.xing.com/profile/Peter_Rozek
Handliche Designkonzepte / World Usability Day 2009 / Peter Rozek
?