Die Schwerpunkthemen sind heute mobiles Web und Informationsarchitektur.

Mobiles Webdesign

Das mobile Web aus Usabilitysicht: Braucht man spezielle Lösungen für mobile Besucher, wo gibt es Schwierigkeiten und was sind Ansatzpunkte für Verbesserungen?

Lohnt der Aufwand, Websites für mobile Zugriffe anzupassen? Mobile Web Design: Is it Worth It? Es kommt darauf an.

Außerdem eine Präsentation zum Thema, die sich mit der, v.a. durch das iPhone bedingten, Geräte- und Applikationsfixierung beschäftigt: Lessons in Design and Strategy for Your Mobile Experience.

Informationsarchitektur und Organisation

Eine Einführung ins Cardsorting: Mit einem Card Sorting zur nutzerfreundlichen Informationsarchitektur. Wer’s noch nicht getan hat, sollte es unbedingt mal ausprobieren.

Im Bestreben, Websites übersichtlich zu gestalten, sollte man nicht voreilig streichen: Visual Hierarchy is the Art of Managing, Not Eliminating.

Die Homepage als Bauchladen hat ausgedient: The decline of the homepage.

Vermischtes

Ausblick auf neue Layouttechniken mit CSS3: The CSS 3 Flexible Box Model.

Wenig ist einfach. Denkste: Simplicity isn’t that simple.

Einführung in Grids: Grid-Based Web Design, Simplified.

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?

Am besten hat mir in letzter Zeit die Website des Texters Neil Wheatley gefallen.

• Barrierefreiheit muss sexy sein: Das Thema muss langsam mal normalisiert werden. Barrierefreie Umsetzung sollte eine selbstverständliche Anforderung sein.
• Webnavigation – mehr als eine Reihe von Links: Interview mit O’Reilly-Autor James Kalbach
• Über den Umgang mit Kritik von Kollegen: Tipps vom Verbesserer
• Jens Meiert erklärt die 3 Grundregeln zu HTML
• Eine Präsentation zum Thema Webentwicklung für mobile Geräte. Es ist nicht alles iPhone, was sich bewegt: Usability in Mobile Applications
• Can You Say That in English? Explaining UX Research to Clients: Wie man kundenfreundlich Userexperience erklärt und verargumentiert.

• 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

Optisch gelungene Website zu einem Buch. Schöne Typo und dazu passend im Retro-Stil gehalten.

Die kommentierte Packung Links schwerpunktmäßig zu Usability und UX.

• Über die Dimensionen der mobilen Internetnutzung: User Experience und mobiles Webdesign
• Chris Heilmann hat keine Lust mehr, über Barrierefreiheit Vorträge zu halten. Hoffen wir, dass man ihn überzeugen kann, dran zu bleiben: Barrierefreiheit Konferenzen – One speaker slot free.
• Was ist innovativ? So sehen es die Webnutzer: Auch die gute, alte intelligente Suche ist dabei.
• Manch einer mag die ständige Suche nach dem ROI leid sein. Die Realität sieht so aus, dass wir ihn tatsächlich öfter mal beziffern müssen: UX ROI: User Experience Return on Investment
• Eine Ressourcensammlung zum Thema Grid Based Webdesign: Grid Based Design Toolbox
• 9 Guidelines on how to create really good Web Sites: Auch die Reihenfolge ist hier nicht ganz unwesentlich

Mein persönlicher Favorit der zurückligenden Woche: Ride Oregon. Dazu die Linkpackung, u.a. zu den Themen komische Kunden und Corporate Angst (vor Socialmedia).

• „Die zwölf Bilder muss ich Ihnen auf einer DVD schicken“: Content is King? Willkommen im Glücksbärchiland!
• Abschied von der Eine-Plattform-Strategie. Auch das Corporate Web ist überall: Die Plattform Strategie der Corporate Website
• Gemeinsam Typografie lernen und teilen: Typedia
• Eine schöne allgemeine Einführung in das Thema mobiles Webdesign: Create a Mobile Site
• Wer hat Angst vorm erfolgreichen Blog? Manche Veraltensweisen lassen sich nur durch Unweissenheit und Angst erklären: The Social Media Fear Factor
• Why Stylesheet Abstraction Matters

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.

Portfolio eines Art Directors. Sliden und Flippen werden hier groß geschrieben. Schön clean und durch die Animationen sehr luftig.

Die Ladung Links heute mit erfreulich vielen deutschsprachigen Texten.

• Online-Formulare: der Weisheit letzter Schluss?
• Teil 1: Mootools im Überblick
• Code-Effizienz bei CSS-Frameworks
• Die Mythen der Meta Tags halten sich immer noch hartnäckig
• 7 gute Gründe für Wireframes & Prototyping im Interfacedesign
• Nine Essential Characteristics of Good UX Designers
• How Usable is the Mobile Web? Das erinnert etwas an die Anfangszeiten des Web auf dem Desktop
• Communication Between Designers and Developers from a Developer’s View
• Über gute Kommunikation und Überzeugungskraft: Developer Evangelism

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.