Ein paar Artikel haben sich kürzlich näher mit den Besonderheiten im Bezug auf iPhone und iPad befasst.

• Webseiten für das iPad
• Webdesign fürs iPad
• Warum das iPhone nicht das Maß aller Dinge im Mobile Web ist
• The iPhone obsession

Interessante Gedanken zum Thema. Aber trotzdem sollte man sich nicht zu sehr auf ein Gerät fokussieren.

Kein Webdesign für das iPhone.

Hat jemand gute Quellen zum Thema Webdesign für den iPod?

• Wachstumsmarkt mobiles Internet
• Mobile Anforderungen setzen Reduktion voraus
• Mehr Möglichkeiten (GPS, Augmented Reality, ect.)

Gerade der zweite Punkt sollte Motivation genug sein. Gerade im Hinblick auf das Tascheninternet lautet die Devise weniger ist mehr. Denn hier reden wir, trotz aller neuen technischen Errungenschaften, immer noch über relativ niedrige Bandbreiten und kleine Displays. Dieser Gedanke im Hinterkopf und die nowendige Reduktion auf das Wesentliche, kann dann insgesamt der Userexperience zu Gute kommen.

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. Luke Wroblewski, Mobile First

Das soll nicht als Kritik am iPhone verstanden werden. Auch ich nutze das Gerät und bin sehr zufrieden damit. Die Navigationskonzepte und Oberflächen, v.a. bei den Apps, sind eine feine Sache. Nur fehlt mir in letzter Zeit der umfassende Ansatz.

Der Markt ist immer noch sehr vielschichtig. Die guten Ansätze, die im Umfeld des iPhone entstanden sind, gilt es weiter zu verfolgen und auf Webdesignkonzepte der Zukunft zu übertragen.

Hierbei müssen aber auch Websites/-anwendungen und Apps unterschieden werden. Am einfachsten dürfte es noch für die Entwicklung von mobil-lokalen Apps sein. Mobil-lokal? Weil die Musik zwar unterwegs, aber auf dem Gerät spielt, das Web nur in Form von Daten empfangen wird. Frei von Form und Farbe. Also ohne Ansprüche in Form von Stylesheets oder Grafiken, die mitgeschickt werden. Man bewegt sich als UI-Designer dann in einer Komfortzone, da man sich auf konkrete und nur für ein Gerät bestimmte Spezifikationen, Anforderungen und Resourcen beziehen kann.

Die Handhabung des iPhone an sich, ist gerade bei den Apps schon sehr weit. Aber bei Websites kämpft man weitestgehend mit den schon lange bekannten Problemen:

• kleine Maus, dicker Finger: Zu kleine Navigationselemente
• kleine Displays
• lange Ladezeiten
• etc.

Ein Artikel, der imho in die falsche Richtung geht, ist “The Anatomy of an iPhone Site“. Zumindest was die Überschrift betrifft.

Wie dort aber auch richtig festgestellt wird:

For the web design world, the iPhone ’s mobile browsing was a gift in the right direction.

Man sollte sich trotzdem davor hüten, nur ein bestimmtes Gerät im Hinterkopf zu haben, wenn man Websites für mobile Anforderungen entwerfen und entwickeln will. Zumindest dann, wenn man nicht nur eine Nische besetzen will.

Mobiles Webdesign Best Practices Erste Orientierung

Eine große Scheibe darf man sich also von den Entwicklungen für das iPhone abschneiden und diese in allgemeinere Konzepte einbringen. Denn die Frage sollte sich eher auf Gerätetypen, Arten von Displays, Arten von Daten und Kontext beziehen. Wobei hier die Schwierigkeit darin besteht, generische Ansätze zu finden, die möglichst vielen Bedürfnissen gerecht werden können.

Die Orientierung fällt noch schwer und Ansätze für den Einsatz in der breiten Masse sind noch rar. Wie ist der Status des mobilen Web? Wo soll man anfangen? Auf was muss man besonders achten? Diese Fragen werden sich viele stellen, die damit beginnen, sich Gedanken über der eigenen Weg in’s mobile Web machen.

• The Myths of Mobile Web Design
• How Usable is the Mobile Web?
• Mobile Web Design: Für welche Gerätetypen soll ich optimieren?
• Was zählt sind Kontext, Endgeräte und Inhalt
• Mobile Device Webdesign am Beispiel iPhone

Im Juni dieses Jahres habe ich schon mal gefragt: Wo ist das mobile Webdesign? Und verweise gerne nochmal auf den ausführlichen Kommentar, den Peter Rozek dort verfasst hatte.

Das mobile Webdesign scheint etwas eingeschlafen zu sein? Nicht unbedingt. Der Ansatz hat sich weiter verschoben.

Die Entwicklung alternativer Stylesheets stellt den geringsten Teil der Herausforderung dar. Am Anfang stehen Konzepte, Stories und Usecases, sowie Daten, Mashups und soziale Netze.

Mobile Web – Entstehung, Entwicklung und aktuelle Trends

Mythen vs. Anwendungsrealität

Die Präsentation The Myths of Mobile Web Design beschäftigt sich mit real existierenden Beispielen erfolgreicher Services und der Beobachtung von Nutzern beim mobilen Surfen.

Es geht vordergründig nicht um die Frage, wie man bestehende Websites – oder Ableger davon – auf 480×320 Pixel oder weniger presst.

Making it smaller doesn’t mean it works.Mobile Web Design. Less is More

Information, Organisation, Orientierung, Kommunikation und Unterhaltung auf einer Mikroebene treiben das mobile Web – oft ortsgebunden (Stichwort Location beased Services).

Man muss sich auch in vielen Fällen von der herkömmlichen Betrachtungsweise des Web lösen. Es ist nicht immer unbedingt der visuelle Zugang über den klassischen Webbrowser.

Wo geht’s lang? Wie macht’s der mobile Webdesigner?

• Mobile Web Design Trends For 2009
• Das mobile Web – was wird daraus?
• Mobile Web Design. Less is More

Und noch ein paar Hinweise zu Bestpractices:

• Mobile Web Best Practices 1.0
• Mobiles Webdesign – Das Buch (meine Rezension zum Buch)
• Mobile Awesomeness (Showcase)

Man findet bisher nur wenige konkrete und allgemein verwertbare Ansätze, Regelwerke und Standards. Trotz iPhone, das fast schon eine Art Quasi-Standard setzt, lässt sich eine gewisse Heterogenität des Marktes nicht abstreiten. “Webdesign für das iPhone” gibt es nicht. Diese Phrase ist im wesentlichen Marketing.

Aber: Es entsteht genau hier womöglich eine Brücke, hin zu einer praktischen Relevanz, im Sinne wirklich benutzbarer Oberflächen für den Einsatz unterwegs. Viele Entwicklungen und Designansätze, die rund um das iPhone entstehen, sollten unbedingt in die weitere Evolution des Webdesign (für mobile Geräte) einfließen. Hier werden derzeit die Maßstäbe für mobile Userexperience gesetzt.

Zugegeben, die ganze Sache ist aus Sicht des Webdesigers manchmal noch etwas schwer greifbar. Aber Es passiert, das steht fest.

Das mobile Web gibt es nicht?

Eins fällt dabei noch auf. Bei der Recherche findet man wenige Quellen, die sich explizit auf “das mobile Web” beziehen. Ein Hinweis darauf, dass es das gar nicht gibt? Es ist ein Internet. Das Handy ist ein weiterer und allmählich reifer, mobiler Zugangskanal.

Über Pattern Tap bin ich auf den Service von Diaroogle gestoßen. Ein netter kleiner Dienst, für alle die in einer Stadt unterwegs sind und es besonders eilig haben.

Diaroogle helps you find quality public toilets from your mobile phone.

Bisher verfügbar für New York. Weitere Großstädte sollen folgen. Ein Dienst, der im Wesentlichen nur zwei Zutaten benötigt. Die Google Maps API und Nutzer, die weitere Toiletten hinzufügen.

Ganz nebenbei ist diese Site auch ein schönes Beispiel für gute Typographie, wie auch Typesites feststellte.

Das macht aber nichts. Trotzdem lassen sich aus dieser – vielleicht auch etwas subjektiven – Momentaufnahme, wichtige Erkenntnisse gewinnen. V.a. was die Benutzbarkeit solcher Oberflächen betrifft.

Die 11 Beispiel werden jeweils auf einer Seite inklusive Screenshots erläutert. Der Fokus liegt hierbei auf den Design Highlights im Sinne von gutem Interaktionsdesign und Bedienkomfort (Ease of Use).

Allgemeines zu Webdesigntechniken für Mobile

Chris Mills’ (Opera) Artikel Coding for the mobile web fasst die wesentlichen Unterschiede und Stolpersteine zusammen. Außerdem Brian Sudas Artikel Designing and Developing mobile web sites in the real world auf Dev.Opera

Gefunden bei Montparnas. Abbildung aus der Präsentation von Forum Nokia.

Beschreibung

Insgesamt kommt das Werk auf 302 Seiten und bildet die erste deutschsprachige Referenz zum Thema mobiles Webdesign. Es geht damit weiter in die Tiefe als beispielsweise das englische PDF-Buch “Mobile Web Design” von Cameron Moll.

“Mobiles Webdesign” gibt zunächst eine ausführliche Zusammenfassung der bisherigen Entwicklungen, geht auf bestehende Potentiale ein und beschreibt aktuelle Probleme und erfolgreiche Ansätze. Der ausführliche Praxisteil orientiert sich dann an den “Mobile Web Best Practices 1.0” Richtlinien und kommentiert diese zugleich zum besseren Verständnis.

Das Buch sollte in keinem Webdesigner-Regal fehlen. Zumindest dann, wenn man sich heute bereits konkret mit diesem Thema auseinandersetzen muss/darf.

Zum Inhalt

• Struktur, Design und Programmierung
• Umsetzung mit (X)HTML, CSS und PHP
• Standards und Best Practices

Metadaten

• Verlag: Galileo Press; Auflage: 1 (Juni 2008)
• Sprache: Deutsch
• ISBN-10: 383621153X
• ISBN-13: 978-3836211536

Website zum Buch

Unter www.mobiles-webdesign.com gibt es weitere Informationen zu diesem Buch.