Heute: Digital Editions, oder: Wie Sie eine DRM-geschützte PDF-Datei auf einem anderen Rechner öffnen als dem, auf dem Sie die Datei gekauft haben – in 15 einfachen Schritten.

»So maybe instead of getting your company on twitter, paying marketers to mention you are on twitter, and paying people to blog about your company, forget all that and just make awesome stuff that gets people excited about your products, hire people that represent the company well, and when your stuff is so awesome that friends share it with other friends, you may not even need "social media marketing" after all.«

Link: Matt Haughey’s Personal Blog (via Linked List)

MobileCamp
25. bis 26. April in Dresden

IA-Konferenz
16. bis 17. Mai in Hamburg (hier halte ich auch einen Vortrag)

UXcamp
23. bis 24. Mai in Berlin

EuroIA
25. bis 26. September in Kopenhagen

PhotoCamp
03. bis 04. Oktober in Braunschweig

BarCamp München
24. bis 25. Oktober in München (laut medienrauschen.de)

IA InfoCamp
Womöglich gibt es im November wieder ein IA InfoCamp in Berlin

Weitere Termine sind auf webeventtermine.de und medienrauschen.de zusammengetragen.

Kleinere Linktipps und Inspirationen werde ich weiterhin auf my two cents schreiben; außerdem weise ich auf neue freimark.de-Artikel an dieser Stelle hin. Ihr verpasst also nichts.   :-)

PS: Am Design von freimark.de arbeite ich demnächst.

• Ziele und Angebote (z.B. Vorkonfigurationen oder Wiederkauf)
• Navigation und Führung (z.B. Mini-Konfigurator oder Expertenmodus)
• Auswahl und Feedback (z.B. Produkt in Umgebung oder Konfliktvorwegnahme)

Auf die Patterns Wiederkauf und Konfliktvorwegnahme geht Markus weiter hinten im Artikel näher ein.

Mit 10 Seiten ist der Artikel gut konsumierbar. Die Lektüre lohnt sich für Konzepter die mit Konfiguratoren zu tun haben oder sich für das Thema interessieren. Die Master-Arbeit von Markus ist mit 169 Seiten noch ausführlicher.

Das Handbuch ist sehr abstrakt gehalten: Es gibt nur die nackte Theorie. Günter hat mir für das Blog anschauliche Beispiele als Ergänzung zum Handbuch versprochen; ich hoffe auf Auto-Vergleiche, Haus-Vergleiche oder gar Autohaus-Vergleiche.   :-)

Günter ist freier Senior-Konzepter mit über 10 Jahren Erfahrung, Florian ist freier Web-Developer, ebenfalls mit über 10 Jahren Erfahrung. Ich kenne die beiden persönlich: umgängliche Leute, mit denen man sich bei einem Bier prima über Konzeption, Programmierung, Elvis-Biographien oder Shoegazer-Musik austauschen kann.

Technisch basiert das Handbuch übrigens auf Pony, dem hauseigenen Redaktionssystem.

Die Kollegen von der Neuen Digitalen in Berlin haben heute audi.de gerelauncht. Insgesamt meines Erachtens sehr gelungen, bis auf Kleinigkeiten hier und da.

Auf der Homepage dominiert die große Bühne, darunter 4 Teaser. Statt eines Schnelleinstiegs mit 7 Links wie bei Mercedes-Benz gibt es einen »Sofort verfügbare Fahrzeuge«-Teaser mit nur 2 Links: Neufahrzeuge und Gebrauchtfahrzeuge. Den Teaser für den Konfigurator finde ich allerdings nicht so glücklich: Aus Usability-Tests wissen wir, dass Nutzer das Label »Konfigurator« nicht verstehen. Audi hätte hier zumindest in der Überschrift oder im Linktext ein anderes Wording wie »Fahrzeug zusammenstellen« verwenden können:

In der Navigation arbeitet Audi mit Flyouts, in denen kleine Abbildungen der Fahrzeuge zu sehen sind. Allerdings klappen die Menüs sofort wieder ein, wenn man den aktiven Bereich mit der Maus wieder verlässt – ein Delay wäre hier gut. Unter dem Menüpunkt Modelle wird eine Variante der Otto-Navigation eingesetzt:

Weitere Anmerkungen:

• Die Sitemap ist als Flyout direkt in der Meta-Navigation integriert, die auf tieferen Seiten auch eine Breadcrumb enthält
• Der Footer ist fest auf der Seite positioniert – dadurch ist nur anhand der Scrollbars ersichtlich, dass die Seite noch nicht zu Ende ist (in der Gebrauchtfahrzeugsuche habe ich den Suchen-Button z.B. erst auf den zweiten Blick gesehen)
• In der Gebrauchtfahrzeugsuche kann die Ergebnisliste nicht weiter gefiltert werden – man muss nach wie vor zurück zur Suchmaske
• Auf Contentseiten wird teilweise eine Karussell-Navigation eingesetzt, z.B. für Ausstattungsmerkmale bei den Modellen – ein Klick auf »mehr« öffnet einen großflächigen Layer statt einer neuen Contentseite (suboptimal in Bezug auf SEO)
• Der Konfigurator enthält einen Expertenmodus – im Standard-Konfigurator gibt es jedoch auch Baubarkeitskonflikte (teilweise mit Konfliktvorwegnahme)
• Die Suche: Das Eingabefeld hat eine Suggest-Funktion, wie man sie von Apples Spotlight oder von der Apple-Website kennt – dort wie auch bei der Audi-Website mit Best Bets. Die Suchergebnisse werden in Kategorien wie »Modelle« oder »Service & Zubehör« eingeteilt. Die letzten Suchanfragen stehen am Rand unterhalb einer Überschrift »Ihre bisherigen Suchen«.
• Positiv: Der Model Selector bzw. Showroom: Die animierte Neuanordnung der Fahrzeuge gefällt. Und da zeigt sich mal wieder, dass sich Konzepter von überall her Inspiration holen können: Den Effekt habe ich vor ein oder zwei Jahren mal in einer »Power of X«-Präsentation von Apple gesehen, in der Quartz Extreme vorgestellt wurde.   :-)
• Nicht so gut: Tabs unterhalb des Contents
• In der Navigation kritisch: Die erste Ebene der Navigation verschwindet, wenn man sich auf einer Contentseite befindet: Man kann nicht z.B. von einem Ausstattungsmerkmal unterhalb von Modelle zum Bereich Service & Zubehör wechseln (außer über die Startseite oder die Sitemap im Schnellnavigation-Flyout)
• Kleines Labeling-Problem in der 2nd-Level-Navi unterhalb von Service & Zubehör: Was ist der Unterschied zwischen »Audi Original Teile« und »Audi Original Zubehör«? Ich kann es mir denken, aber die Zielgruppe hat mit der fehlenden Trennschärfe u.U. ein Problem.
• Die Händlersuche sollte noch überarbeitet werden.   :-)

Die Herausforderung: Wie bewirbt man die Vorteile eines Zubehörteils, das aus 2 Kabeln im Handschuhfach besteht? Eine naheliegende Lösung wäre die Igelnavigation gewesen. Stattdessen haben sich die Kollegen aus der Konzeption überlegt, wie die Bedienung aus dem wirklichen Leben auf das Web übertragen werden kann: Das UMI wird über einen Drehknopf gesteuert, also warum nicht den Nutzer auch im Web an einem Knopf drehen lassen? Das Ergebnis ist ein schönes Beispiel für eine explorative Navigation, die Spaß macht:

Um Nutzerbedürfnisse zu erforschen und zusammenzutragen eignet sich die Methode des Mentalen Modells sehr gut: Die obere Hälfte ist eine Darstellung von grundlegenden Motivationen (”Entschluss, ein Haus zu kaufen”) und Aktivitäten (”Herausfinden ob jetzt eine gute Zeit zum Kauf ist”). Die untere Hälfte zeigt Produkte und Dienstleistungen, mit denen diese Verhaltensweisen unterstützt werden. So lässt sich auf einen Blick feststellen, wo Nutzer noch Unterstützungsbedarf haben. Darüber hinaus hilft ein Mentales Modell im konkreten Projekt, um Nutzer besser zu verstehen und Empathie zu entwickeln.

Mentale Modelle ändern sich nur langsam, so dass sie Jahre oder sogar Jahrzehnte lang gültig sind: Die Vorgehensweise beim Hauskauf war 1960 die gleiche wie heute, beispielsweise “Ein passendes Haus finden” – damals wurde diese Motivation durch Zeitungsanzeigen unterstützt, heute durch ImmobilienScout.

Beispiele:

• Mentales Modell für den Kauf einer Immobilie
• Mentales Modell für Kunden eines Telekom-Anbieters

In der unteren Hälfte fehlt der Text, da es sich um Beispiele aus echten Projekten handelt.

Der Hauskauf ist dem Kauf eines Autos recht ähnlich: Es sind keine Güter des täglichen Bedarfs die man wöchentlich kauft, sondern dem Kauf geht eine lange Kaufentscheidungsphase voran. Für unterschiedliche Nutzer kann es auch unterschiedliche Mentale Modelle geben (ein Fuhrparkmanager geht anders vor als ein Privatkunde) – daher ist es wichtig, beim Research nach Aktivitäten zu rekrutieren und nicht nach Demographien.

Indi Young hat zu dem Thema ein Buch geschrieben, außerdem hat sie einen sehr sehenswerten Vortrag bei Google dazu gehalten.