Die Grundfarbe der Seiten hat im Laufe der Zeit an Dominanz verloren, stattdessen wird inzwischen häufig mit sehr hellen Hintergründen gearbeitet. Auf große, dunkle Flächen wird weitgehend verzichtet. Neben der Grundfarbe kommen außerdem häufiger als früher noch weitere Farben als Kontraste zum Einsatz. Beispiele dafür sind die bunten Kategorieneinstiege bei RWE oder die farbigen Flächen in der Bühne der Allianz.

Unternehmensauftritt RWE

Unternehmensauftritt Allianz

Weiterhin ist eindeutig ein Trend zu größeren Bildflächen erkennbar.

Ein großer Teil der Unternehmen setzt inzwischen auf ein großflächiges Bild im oberen Bereich der Startseite oder auf Bühnen, die an dieser Stelle dank Flash verschiedene Bilder im Wechsel zeigen.
Aber nicht nur die Größe der Bildflächen hat sich verändert. Hatten die früher vorherrschenden schmalen Banner noch eher dekorativen Charakter mit einer Mischung aus Gebäudeansichten und Szenen aus dem Arbeitsumfeld, so transportieren die Bilder jetzt wesentliche Inhalte.
Häufig sind deshalb auch Texte in die Bilder integriert oder sie dienen sogar als Einstieg in ein Video, welches weitere Informationen vermittelt.
Deutlich wird dieser Trend beispielweise bei BASF und Daimler.

Unternehmensauftritt BASF

Unternehmensauftritt Daimler

Diese beiden Trends sind bei Corporate Websites durch deren in erster Linie repräsentativen Charakter besonders deutlich zu erkennen, gelten aber auch für diverse andere Webangebote.

Sind Ihnen noch weitere, branchenübergreifenden Trends im Webdesign ins Auge gefallen?

Zum Projekt „Design im Wandel“:
eResult verfolgt und dokumentiert bereits seit mehreren Jahren die Entwicklung des Webdesigns von 50 verschiedenen Branchen, unter anderem auch von acht Nachrichtenmagazinen. Die dokumentierten Screenshots werden regelmäßig ausgewertet und Erkenntnisse hier im Usabilityblog vorgestellt.

In der Praxis läuft es jedoch meist aufgrund verschiedener Rahmenbedingungen (Zeit, Budget, mindset, Workflows, Zuständigkeiten,…) nicht immer mustergültig ab….

Mein Auffassung von UCD ist aufgrund dessen vielmehr eine der Fragestellung bzw. Zielsetzung entsprechende, sinnvolle Verzahnung von einzelnen Methoden, um die Entwicklung eines neuen Features bzw. die Optimierung einer bestehenden Applikation nutzerzentriert zu begleiten.

Pragmatisch gesagt: Ein user centered design-Prozess sind für nicht nur Relaunch- bzw. Redesign-Projekte. Anbei einmal einige Beispiele aus unserem Projektalltag, um dies mit Leben zu füllen:

1. Launch eines neuen Online-Shops

• Ziel: die stationären Händler und den Shop bestmöglich zu verheiraten im Sinne des Multi Channel Retailing
• Schritt 1: Erhebung der Anforderungen und Erwartungen der Bestandskunden (offline) als auch der anvisierten Neukunden (online) an einen solchen Online-Shop mittels Fokusgruppen
• Schritt 2: Validierung bestimmter Anforderungen an gewisse Features / Inhalte sowie Klärung essentieller Wordings mithilfe einer Zielgruppenbefragung per Online-Panel
• Schritt 3: Bildung von Personas – gemäß der erhobene Zielgruppenmerkmale – als Unterstützung im weiteren Gestaltungsprozess
• Schritt 4: 2stufiger Klickdummy-Test von neuartigen, für herkömmliche Shops untypische/ neue Interaktionsprozesse
• Schritt 5: Finale Evaluation der Shop-Betaversion mittels einem Usability-Test im Labor kurz vor dem Livegang

2. Bestimmung der optimalen Produktbebilderung für einen Online-Shop im Bereich Mode

• Fragestellung: Wie müssen die Produkte fotografiert werden, um das Image positiv zu steigern, um sich vom Wettbewerb abzuheben und einen maximalen Umsatz zu erreichen?
• Schritt 1: Auswahl und Bewertung der favorisierten Varianten mittels qualitativer Fokusgruppen (Gruppendiskussionen) – inkl. Wettbewerbsanalyse, um die tatsächlichen, detaillierten Hintergründe für die Entscheidungsfindung zu erfassen
• Schritt 2: Online-Befragung von Bestandskunden und Wettbewerbskunden (potentiellen Neukunden), um die aus den Fokusgruppen ermittelten Ergebnisse noch einmal mit einer großen Stichprobe zu quantifizieren.
• Schritt 3: A/B-Testing , um die tatsächlichen Umsatzeffekte gegen die aktuelle Bebilderungsvariante messen zu können. Warum erst jetzt? Weil die Produktion der Bilder für alle denkbaren Varianten als auch das A/B-Testing einen nicht vertretbaren Aufwand bedeutet hätte.

3. Optimierung eines Checkout-Prozesses für ein großes Verlagshaus

• Ziel: Conversionoptimierung durch Etablierung eines multiplizierbaren Prozesses für mehrere Shops
• Schritt 1: Expertenbasierte Evaluation unter Beachtung der vorliegenden Web Analytics-Daten als Ausgangsbasis für die Neukonzeption
• Schritt 2: Nutzerbefragung zu bestehenden Anforderungen und Erwartungen an den spezifischen Kaufprozess (wie ist das mentale Modell?)
• Schritt 3: mehrstufige Konzeption verschiedener, denkbarer Varianten mittels Wireframes
• Schritt 4: mehrstufiger Klickdummy-Test mit Probanden aus den einzelnen Zielgruppen, um die beste und nutzerfreundlichste Variante zu ermitteln
• Schritt 5: Begleitende Beratung bei der technischen und grafischen Umsetzung

Wie definieren Sie UCD?
Freue mich auf Ihre Sicht der Dinge und eine bestenfalls „heiße“ Diskussion zu diesem Thema.

Chris Goward von widerfunnel beschäftigt sich mit einem anderen eCommerce-Thema, welches mindestens genauso spannend ist: Rotating Offers – the Scourge of Home Page Design Die Gestaltung der Startseite ist bei nahezu allen Shopbetreiber ein großes Politikum. „Was kommt drauf, wie viele Angebote können wir in der interaktive Bühne innerhalb kürzester Zeit bringen? Wir müssen emotionalisieren, informieren, …!“ Chris beschreibt einige Nutzungsszenarien / Erwartungen eines Besuchers, der auf die Startseite kommt und die Angebote innerhalb der interaktiven Bühne durchrotieren sieht. Regt zum Nachdenken an und erklärt, warum auf so manchem Shop mehr als 80% des Traffics auf der Startseite sich auf Suche und Navigation verteilt.

Landingpage-Optimierung ist und bleibt ein großes Thema. Anbei einmal zwei sehr interessante Artikel mit vielen best pracises aus dem unbounce-Blog; auch speziell zum Thema Videoeinbindung auf Landingpages:

• Your Landing Page Sucks! Here are 10 Examples That Don’t…
• 10 Landing Pages that are Crushing it with Video

Viel Spaß beim Lesen.

Worin liegen die Stärken?

Was diese Seitenart auszeichnet ist, richtig umgesetzt, die Einfachheit in der Bedienung. Der User muss nicht über mehrere Ebenen navigieren, die ständige Orientierung fällt weg, wodurch er die Inhalte der Seite bewusster wahrnehmen kann. Gleichzeitig hat er die volle Kontrolle über die Geschwindigkeit, mit der die Informationen auf ihn einströmen, im Gegensatz zu vielen anderen dynamischen Techniken.

Viele Websites enthalten auf Informationsseiten Navigationselemente und Inhalte, die nichts mit dem eigentlichen Thema der aktuell dargestellten Informationen zu tun haben. Dies kann immer dazu führen, dass der User aufgrund interessanterer Inhalte sein ursprüngliches Ziel aus den Augen verliert. Auf One-Page-Seiten kann dies nicht passieren, da nur Informationen zu einem Thema dargestellt werden. Daraus ergibt sich auch die Eignung als Landingpage für Kampagnen, Adwords-Anzeigen oder ähnliches.

Die Aufmerksamkeit hoch halten und den Wiedererkennungswert steigern

Einen besonderen Stellwert bei One-Page-Seiten hat die gestalterische Darstellung der Informationen. Um den User emotional zu aktivieren, muss sie sich von anderen Websites deutlich unterscheiden. Wird beispielsweise ein Produkt vorgestellt, soll der User gefesselt, förmlich in eine Geschichte reingezogen werden. Nur so heben Sie sich von der Konkurrenz ab.

Für die Darstellung der Bilderwelten wird oft die Technik Parallax Scrolling verwendet. Nähere Informationen dazu hier. Mir kommt es immer so vor, als schau ich mir ein super gemachtes Daumenkino an.

Aber Beispiele sagen mehr als tausend Worte:

• Imagekampagne von Nike: http://www.nikebetterworld.com/product
• Eine etwas andere Unternehmenspräsentation: http://unfold.no/

Was gilt es zu berücksichtigen?

Zentrales Element von One-Page-Seiten, und der Technik Parallax Scrolling, ist die Navigation durch Scrollen. Der Nutzer muss animiert werden zu scrollen. Wer nicht scrollt, nimmt die weiteren Inhalte nicht wahr. Dementsprechend deutlich sollte ein Hinweis zum Scrollen integriert sein.
Die aktuelle Seite vom VW Beetle ist dabei sicherlich ein Extrembeispiel:

www.beetle.de

Das richtige Navigationskonzept

Oft sind One-Page-Seiten sehr lang, da es keine Unterseiten gibt, sondern alle Informationen auf einer Seite untereinander platziert werden. Abhängig von den präsentierten Inhalten sind zusätzliche Navigationsmöglichkeiten nicht generell abzulehnen. So deutlich der Hinweis zum Scrollen sein muss, so verständlich muss auch das restliche Navigationskonzept sein. Ohne intuitive Bedienung geht die Einfachheit verloren, die Begeisterung ebenfalls. Testen Sie deshalb Ihr Konzept, bevor die Seite live geht!

Eine mögliche Lösung: Sprungmarken zu den einzelnen Informationen auf der Seite anbieten, per ständig eingeblendeter Navigationsleiste (siehe: http://activatedrinks.com ). Es ist aber darauf zu achten, wann und wie diese eingeblendet wird. Unter Umständen navigieren die Nutzer dann nur noch über jenes Navigationsmenü, da dies dem gewohnten Verhalten entspricht. Das Erlebnis mittels Scrollen geht verloren, die Wirksamkeit der Seite sinkt.

Im Rahmen unseres Eyetracking-Bus werden wir deshalb die Navigationskonzepte von einigen One-Page-Seiten testen. Wir möchten klären:

• Wie stark sollte der Scrollhinweis sein?
• Wird das jeweilige Navigationskonzept verstanden?
• Wie werden diese Seiten bewertet?

Die Erkenntnisse präsentieren wir dann Anfang April, hier auf usabilityblog.de .
Bleiben Sie uns also auf den Fersen!

Kennen Sie interessante Seiten, die es sich zu untersuchen lohnt?

Beispielweise stellen immer mehr Flughäfen die Übersicht der aktuellen Starts und Landungen in den Vordergrund und ermöglichen so einen schnellen Einblick in die aktuelle Situation im Flugverkehr. Am Beispiel Frankfurt ist das deutlich zu erkennen.

Website Flughafen Frankfurt

Aber nicht nur die aktuelle Situation auf dem Flughafen zählt, auch wie man überhaupt dort hin kommt ist wichtig. Deshalb bekommen auch Informationen zur Anreise und zu den Parkmöglichkeiten einen immer größeren Raum auf den Seiten.

Es ist jedoch nicht nur der Trend zu mehr praktischen Informationen erkennbar. Auch die Buchungsmöglichkeiten haben auf den Flughafenseiten in den letzten Jahren zunehmend an Bedeutung gewonnen. Ein wichtiges Indiz ist die immer prominenter dargestellte Buchungsmaske, zu sehen beispielweise auf der Seite des Dresdener Flughafens.

Website Flughafen Dresden

Neben der Suchmaske unterstützt auch der vermehrte Einsatz von Bildern, die Urlaubsziele oder Szenen aus Privatreisen zeigen diesen Trend, wie die Beispiele der Flughäfen Hamburg und Hannover zeigen.

Website Flughafen Hamburg

Website Flughafen Hannover

Letztendlich lässt sich auch dieser Trend hin zu Buchungsmöglichkeiten für Privatreisende der Orientierung an den Bedürfnissen der Kunden zuordnen. Aber auch der Wunsch, sich das Zusatzgeschäft der direkten Buchungen nicht entgehen zulassen ist sicher ein treibender Faktor dieses Trends.

Wir dürfen gespannt sein, ob sich die Websites von Flughäfen noch mehr als bisher als Reisevermittler positionieren. Oder was meinen Sie, wo die Reise hingeht?

Zum Projekt „Design im Wandel“:

eResult verfolgt und dokumentiert bereits seit mehreren Jahren die Entwicklung des Webdesigns von 50 verschiedenen Branchen, unter anderem auch von acht Nachrichtenmagazinen. Die dokumentierten Screenshots werden regelmäßig ausgewertet und Erkenntnisse hier im Usabilityblog vorgestellt.

Bei der Dauer der täglichen Nutzung fangen die Unterschiede zwischen den Gruppen schon an:

Für die Digital Natives gehören die Netze definitiv zum Alltag. Die meisten Vertreter dieser Gruppe verbringen zwischen zehn Minuten und zwei Stunden täglich bei Facebook&Co. Ein kleinerer Teil der Jugendlichen ist sogar mehr als drei Stunden täglich in sozialen Netzen unterwegs, während nur die wenigsten Vertreter der älteren Vergleichsgruppe mehr als eine Stunde am Tag dort anzutreffen sind.

Auch die Art der Nutzung unterscheidet sich zwischen beiden Gruppen, angefangen mit der Zahl der verknüpften „Freunde“. Während die deutliche Mehrheit der unter 25jährigen mehr als 50 „Freunde“ hat, ist in der älteren Gruppe immerhin fast jeder fünfte mit nicht mehr als zehn Personen vernetzt.

Interessant ist auch, wofür die Netze von den Gruppen überhaupt eingesetzt werden.

Während in der jüngeren Gruppe hauptsächlich direkt miteinander kommuniziert – sei es durch Nachrichten, Chat oder Pinnwandeinträge – stehen bei der älteren Gruppe Mitlesen und „auf dem Laufenden bleiben“ im Vordergrund.

Intentionen der Netzwerk-Nutzung

Diese direkte Kommunikation hat Auswirkungen auf die Schnelligkeit, mit der sich Meinungen und Erfahrungen innerhalb einer Gruppe ausbreiten. Viel Austausch untereinander und eine starke Vernetzung sorgen für eine enorm schnelle Verbreitung der Informationen, die für Digital Natives interessant sind.

Was bedeutet dieser Wandel im Verhalten für die Praxis?

Der intensive Austausch der Digital Natives untereinander über soziale Netze birgt für Seitenbetreiber und andere Anbieter Chancen und Risiken. Kommt eine neue Seite, eine Funktion, eine Kampagne oder ein Produkt in der Zielgruppe der Digital Natives gut an, so kann sich diese Nachricht sehr schnell verbreiten und damit eine gute Werbewirkung erzielt werden. Das Gleiche gilt jedoch auch umgekehrt: Ist ein Digital Native unzufrieden mit einem Shop oder einem Produkt macht auch das schnell die Runde und kann einen enormen Imageschaden bewirken. Schon deshalb ist Vorbeugung durch eine nutzerzentrierte Entwicklung so wichtig.

Haben Sie Interesse an weiteren Erkenntnissen der Studie? Hier geht es zum Forschungsbeitrag zur Digital Natives Studie.

• Shop Award 2012
• Grimme Online Award
• Innovationspreis der deutschen Marktforschung

Erfahren Sie wer bei welchem Award mitmachen kann, welche Fristen einzuhalten sind und welche Leistungen prämiert werden.

Innovationspreis der deutschen Marktforschung

• Wer kann mitmachen?
  Marktforscher aus Instituten und betriebliche Marktforscher
• Deadline und Verleihung: Einreichungen sind bis zum 01.02.2012 möglich; verliehen wird der Preis am 21./22. Juni auf dem Kongress der Deutschen Marktforschung in Berlin.
• Was wird prämiert?
  Studien! Studien in denen innovative Ansätze und Verfahren der Datenerhebung, Auswertung oder Ergebnisaufbereitung zum Einsatz kamen.
  Details zum Award finden Sie auf der Website des Bundesverbandes deutscher Markt- und Sozialforscher e.V.

Grimme Online-Award

• Wer kann mitmachen?
  Jeder – d.h. „Otto-Normal Nutzer“ und Betreiber eines Online-Angebots oder einer App (in 2012 werden erstmals auch Apps prämiert!).
• Deadline: Einreichungen sind bis zum 15. März 2012 möglich.
• Was wird prämiert?
  Ob Sie als Internetnutzer eine herausragende Website entdeckt haben oder selbst deren Anbieter sind – für den Grimme Online Award kann jeder Interessierte deutschsprachige Websites oder einzelne Bereiche einer Website vorschlagen.
  2012 können erstmals auch Apps vorgeschlagen werden.
  Details zum Award, sowie den insgesamt 4 Kategorien in denen Einreichungen möglich sind, finden Sie auf der gehaltvollen und informativen Website zum Grimme Online-Award.

Shop-Award 2012

• Wer kann mitmachen?
  Online-Shopbetreiber und E-Commerce Agenturen
• Deadline und Verleihung: Einreichungen sind bis zum 20. Februar 2012 möglich; der Preis wird am 27. März in München verliehen, im Rahmen der diesjährigen Internet-World.
• Was wird prämiert?
  Der Preis gliedert sich in sieben Kategorien:

  - Bester Online-Pure-Player
  - Bester Multichannel-Auftritt
  - Bester Mobile-Shop
  - Beste Social-Commerce-Strategie
  - Beste Produktpräsentation
  - Bester Webshop-Relaunch 2011
  - Sonderpreis: Größte Innovation/beste Technologie

  Eine hervorragende Gelegenheit um Aufmerksamkeit für die eigene Arbeit zu erhalten. Auch bei
  diesem Preis ist eine Online-Einreichung möglich.

Mitmachen lohnt bei jedem der Preise – auch für diejenigen, die später nicht zu den Gewinnern gehören werden. Bereits der Prozess der Einreichung und Bewertung wird Ihnen viele wertvolle Erkenntnisse und Anregungen bieten.

Egal ob Website, App oder Software – jede erfolgreiche Anwendung fängt doch damit an, seine Entwickler erst mal alle Funktionalitäten und Features umzusetzen, von denen man glaubt, der Nutzer könne sie irgendwann mal gebrauchen. Reduzieren kann man ja immer noch. Und Geld für die Umsetzung sinnloser Funktionen inklusive Anpassungen ist ja meist auch genug da. Oder wie sehen Sie das?

Das ist zumindest doch weniger absurd als in 3 Tagen alle wesentlichen Anforderungen zu erheben, diese in weiteren 3 Tagen umzusetzen und erst dann neue Anforderungen hinzuzunehmen. Oder?

Vielleicht ist letzteres aber auch einfach… agil! Und effizient obendrein. Und machbar sowieso! Wenn man agiles Projektmanagement geschickt mit Usability-Methoden kombiniert.

Bereits in meinem letzten Beitrag bin ich darauf eingegangen, dass sich agiles Projektmanangement z. B. im Rahmen von Scrum sich sehr gut mit Methoden der Usability-Optimierung kombinieren lässt. Heute möchte ich darauf eingehen, wie dies konkret in der Praxis aussehen kann. Und dabei fange einfach mal ganz vorne an: Bei der Anforderungsanalyse.

Zu Beginn sollte die Frage stehen:

Was brauchen meine Nutzer eigentlich wirklich?

Agile Anforderungsanalyse zeichnet sich dadurch aus, dass hier nicht alle Anforderungen von Beginn an festgelegt werden, sondern im gesamten Entwicklungsprozess nach dem Change-Request-Verfahren ergänzt, geändert oder gelöscht werden können. Zentrales Element ist die Priorisierung von Anforderungen, die darüber entscheidet, in welchem Entwicklungszyklus (Sprint) diese jeweils umgesetzt werden.

Zu Beginn werden in der Produktentwicklung daher nur die wesentlichen Anforderungen definiert und umgesetzt – anstatt Unsummen an Geld und Arbeitsstunden die Entwicklung von einer Menge Features zu investieren, nur um am Ende zu merken, dass 90% davon eigentlich niemand braucht.

Besonders bei neuen und/oder innovativen Produkten muss also zu Beginn eine Frage beantwortet werden, die es in sich hat:

Was genau sind die „wichtigsten Anforderungen“?

Welche Funktionen sind absolut notwendig? Oft fehlt es gerade bei neuen Produkten an Erfahrungswerten und somit an Kenntnis über die Zielgruppe und deren Bedürfnisse. Vor diesem Hintergrund eine Priorisierung zu treffen, ist eine schwierige Aufgabe.

In Scrum findet vor dem Start der Entwicklung oftmals ein sogenannter „Sprint O“ statt, der u.a. der Anforderungsanalyse dient. Oft dauert ein solcher Sprint 0 nur wenige Tage, die es für die Anforderungsanalyse und -priorisiernug optimal zu nutzen gilt.

Für eine erfolgreiche agile Anforderungsanalyse braucht es demnach Methoden, die …

• … flexibel skalierbar sind (je nach verfügbarer Zeit für die Anforderungsanalyse)
• … in kurzer Zeit verwertbare Ergebnisse liefern
• … Ergebnisse liefern, auf die auch in späteren Sprints für die Erfassung/Ergänzung von Anforderungen noch zurückgegriffen werden kann.

Hier kommen Usability-Methoden ins Spiel…

… mit denen sichergestellt werden kann, dass sich die Entwicklung zunächst auf die wirklich wichtigen Funktionalitäten und Inhalte konzentriert.

• KANO-Analyse: Egal ob es sich um eine neue oder bestehende Anwendung handelt – mit KANO lassen sich quantitativ Basis-, Leistungs- und Begeisterungsfaktoren erheben, die für die Entwicklung der Website relevant sind. Perfekt geeignet, um die Anforderungen für die ersten Sprints festzulegen.
• Persona-Entwicklung: Für wen entwickeln Sie? Bereits in einem eintägigen Workshop können Sie gemeinsam mit Ihrem Team Personas entwickeln, die stellvertretend für die typischen Nutzer Ihrer Anwendung stehen. Diese können auch im Rahmen der weiteren Entwicklung immer wieder herangezogen werden, um Anforderungen zu priorisieren oder neu zu definieren.
• Fokusgruppen: Moderierte Gruppendiskussionen liefern ebenfalls zeitnah einen Eindruck von den wesentlichen Anforderungen an eine Anwendung. In der Gruppe kann z. B. an einem Tag der Nutzen verschiedener Features diskutiert werden. Auch im späteren Entwicklungsprozess können erneute Diskussionen durchgeführt werden, um z. B. den Nutzen geplanter Features zu evaluieren.

Alle Methoden werden den o.g. Voraussetzungen an agile Anforderungsanalyse gerecht – so können Sie beispielsweise im Umfang zeitlich und inhaltlich flexibel skaliert werden und im Prozess immer wieder als Diskussions- und Entscheidungsgrundlage herangezogen werden. Egal ob ein Sprint 3 Tage oder 3 Wochen lang ist kann somit gewährleistet werden, dass Anforderungen immer optimal priorisiert sind. Voraussetzung ist natürlich auch eine enge Zusammenarbeit zwischen den Usability-Experten und dem Entwickler-Team.

Anforderungsanalyse ist nur der Anfang …

Insgesamt zeigt sich, dass eine Anforderungsanalyse in der agilen Entwicklung einige Herausforderungen birgt, die sich durch Usability-Beratung jedoch optimal meistern lassen. Doch nicht nur die Anforderungen der Nutzer sollten im Rahmen agiler Entwicklung beachtet werden – auch die nutzerfreundliche Umsetzung der Anforderungen muss immer wieder evaluiert werden. Wie agile Usability-Methoden hier erfolgreich zum Einsatz kommen können, werde ich in meinem nächsten Beitrag näher erörtern.

Aufgrund einer kontrovers geführten Debatte auf Google+, möchte ich mich in diesem Beitrag dem Relaunch der Bremer Touristik Zentrale (BTZ) widmen. Die BTZ ist die Tourismusförderung Bremens und damit Anlaufstelle für Bremen Gäste. Zusätzlich bietet die BTZ die Buchung von Unterkünften, Führungen, etc. an.

Navigation
Zunächst kann angemerkt werden, dass die Seite sehr modern wirkt und vom Design her in seiner Ästhetik punktet. Auch wenn die verschnörkelten Überschriften gewöhnungsbedürftig sind. Die Hauptnavigation ist klar erkennbar. Einziger Kritikpunkt beim Einstieg in die Seite könnten die Bezeichnungen der Reiter sein. Generische Begriffe wie „Bremen auf einen Blick“ oder „Lust auf Bremen“ wirken austauschbar und wenig zielführend. Aus User Experience Sicht kann die zentral angelegte und interaktive „Bremer Weltkugel“ positiv erwähnt werden. Diese dreht sich je nachdem, welches Oberthema man auswählt.

Suche
Die Seite offeriert eine Suchmaske, in die beliebige Begriffe eingetragen werden können. Die erzielten Treffer waren bei meinem Test bei mehreren Versuchen überzeugend, was auf ein breites Content-Spektrum der Seite schließen lässt. Die Trefferliste ist dabei in verschiedene Kategorien unterteilt. Diese Unterteilung ist einerseits übersichtlicher, andererseits wird auch hier nicht ersichtlich, was sich hinter den Begriffen „Reisen“ oder „Infos“ genau verbergen soll.

Karte
Neben der Suche kann die Erkundung Bremens mittels einer interaktiven Karte vorgenommen werden. Diese Integration ist äußerst gelungen. Die Bedienbarkeit der Karte erschließt sich unmittelbar. Auch aufgrund der Google Maps Api, durch die die Grundfunktionalitäten beinahe jedem Nutzer vertraut sein dürften.

Mobile Nutzung
Die gesamte Seite ist in einem responsiven Design angelegt, so dass sie sich dynamisch der Ausgabegröße anpasst. In Zeiten mobiler Endgeräte mit unterschiedlichen Auflösungen eigentlich schon fast ein Muss. Kritisch muss in diesem Zusammenhang allerdings angemerkt werden, dass zwar die Hauptreiter erkennbar und groß sind, aber gerade der Text auf einem Smartphone kaum noch lesbar ist. Hier wäre der Versatz der Spalten von einer horizontalen zu einer vertikalen Anordnung sinnvoll gewesen.

Buchung
Der erste Auswahlprozess ist sehr übersichtlich gestaltet und kann nach diversen Kriterien eingeschränkt werden. Es besteht die Option, das Hotel in der Karte anzeigen zu lassen, usw. Dann aber öffnet sich bei einem konkreten Buchungswunsch ein Overlay, welches doch sehr zu wünschen übrig lässt und noch dazu überhaupt nicht ins Corporate Design passt. Angefangen von den Bezeichnungen: Man legt die „Leistung“ Hotel in den Warenkorb (dies wurde bereits in unserer Diskussion auf Google+ kritisch angemerkt). Weiter fehlen zentrale Elemente im Bereich der Nutzerzentrierung: Eingeführt wird der Nutzer mit einer Seite, in der eine Top Navigation dazu einlädt „Pauschalangebote“ auszusuchen, oder sich im Menüpunkt „über uns“ zu informieren. Diese Navigation halte ich mitten im Buchungsprozess für absolut unpassend. Um nun mit der Buchung fortzufahren, kann man zwischen drei identisch aussehenden Feldern wählen. Zwei davon tragen die kryptischen Beschriftungen „Neue Seite“ und „Ergebnisliste“. Zu allem Überfluss ist der Button „Zur Buchung“ auf der linken Seite positioniert. Ein Button weiter unten trägt die Aufschrift “Jetzt buchen”, ist aber scheinbar nicht anwählbar. Des Weiteren fehlen eine Fortschrittsanzeige sowie ein einheitlicher „zurück“ Button.

Fazit
Insgesamt sind sehr viele Informationen auf der Seite vorhanden und diese werden durch die Kombination aus Suche, Karte, Menü und interaktiver Bremer Weltkugel auch gut auffindbar gemacht.

Der Buchungsprozess ist ab dem Wechsel zum Overlay allerdings katastrophal und sollte dringend überarbeitet werden.

Fraglich ist aber ohnehin, ob Destination Management Organisationen (DMOs) auch künftig ihren Fokus auf den Vertrieb legen sollten. In einem Konferenzbeitrag habe ich mögliche neue Aufgaben kürzlich gemeinsam mit meinem Co-Autor Alexander Schuler thematisiert. Nach unserer Auffassung werden dabei DMOs in Zukunft sehr viel Stärker als Wissensmanager und Moderator innerhalb der eigenen Region sowie in der Kommunikation nach Außen gebraucht werden. Was der Seite der Bremer Touristik Zentrale also neben einer konkurrenzfähigen Buchungsmöglichkeit fehlt, ist die Integration von digitalen Serviceleistungen, die über die Informationen der eigenen Seite hinausgehen. Denn in Zeiten des Social Webs sollte klar sein: Je stärker die virtuelle Vernetzung der Destination mit ihren Gästen ist, desto wahrscheinlicher ist das Empfehlungsmarketing durch ein positives Word-of-Mouth. Hierzu ist eine integrierte Strategie notwendig, die sich von klassischen Konzepten differenziert. Der allgäuer Ferienort Bad Hindelang setzt übrigens in diesem Bereich mit der Integration einer digitalen Gästeinformation Maßstäbe.

Abbildung: Geduld bei der Suche

Die steigenden Ansprüche zeigen sich aber auch in der Bewertung einzelner Inhaltstypen wie Bildern, Videos und Austauschmöglichkeiten, die mittels einer KANO-Analyse untersucht wurden.
Wenn es um Fotos bzw. Bilder geht, herrscht bei den Gruppen zwar noch Einigkeit – diese müssen auf Informationsseiten einfach vorhanden sein, sonst herrscht Unzufriedenheit.
Unterschiede sind jedoch schon bei Austauschmöglichkeiten mit anderen Nutzern zu erkennen. Diese erhöhen in beiden Gruppen die Zufriedenheit der Nutzer, je besser sie umgesetzt sind. Besonders die ältere Gruppe vermisst diese Möglichkeiten aber (noch) nicht, sollten sie nicht vorhanden sein.
Und auch bei Videos lässt sich eine höhere Erwartungshaltung der jüngeren Gruppe feststellen, selbst wenn beiden Gruppen sich durch Videos bisher eher begeistern lassen und noch bereit sind, darauf zu verzichten.

Was bedeuten diese Ergebnisse nun für die Praxis?
Zunächst einmal darf man keinesfalls annehmen, dass der natürliche, unbefangene Umgang der Digital Natives mit Webangeboten sie toleranter gegenüber Schwächen der Oberflächen werden lässt.
Vielmehr sollten Jugendliche als die anspruchsvollste Zielgruppe hinsichtlich Design, Usability und Seiteninhalten verstanden werden. Entsprechend sinnvoll ist ein zielgruppenspezifisches User Centered Design, durch welches sichergestellt wird, dass das eigene Angebot keine Schwächen in diesen Bereichen aufweist.
Denn mehr denn je gilt bei der Konzeption für diese Gruppe: Die Konkurrenz ist nur einen Klick entfernt!

Haben Sie Interesse an weiteren Erkenntnissen der Studie? Hier geht es zum Forschungsbeitrag zur Digital Natives Studie.

Um beim Thema Web Analyse zu bleiben, direkt noch ein umfangreicher Artikel von Avinash Kaushik: „Best Web Metrics / KPIs for a Small, Medium or Large Sized Business“. Kaushik nennt die wichtigsten Metriken zur Messung und Optimierung Ihrer digitalen Marketing-Kampagnen und Website.

Wie viele Probanden sind für aussagekräftige Ergebnisse bei einem Usability-Test nötig? Dieser Frage ging zuletzt meine Kollegin Elske Ludewig nach: „Stichprobengröße bei Nutzertests im Labor: Wie viele Testpersonen sind wirklich nötig?“. Mary Brodie steuert mit Ihrem jüngsten Artikel „Usability Testing Includes Users as Stakeholders“ einige weitere Gedankengänge zu diesem Thema bei. Letztendlich plädiert sie für kleinere iterative Testreihen – in Hinblick auf Budget- und Zeitrestriktionen.

Zuguterletzt noch ein allseits beliebter Albtraum bei allen Shopbetreibern: Liegengelassene Warenkörbe! Linda Bustos wartet mit “8 Tips for Recovering Abandoned Shopping Carts” auf. Wundervolle Ergänzung zu unserer eigenen Studie Erfolgsfaktor Bestellprozess: Standards, Statistiken und Good Practices für die wir 100 Online-Shops unter die Lupe genommen haben.

Meine These war – Sie erinnern sich sicherlich:
Unscharf dargestellte Elemente auf Webseiten ziehen die Aufmerksamkeit von Nutzern schnell auf sich!

Hält die These einer Prüfung stand?

Angeregt von der Diskussion hier im Blog, führten wir eine Studie durch. 20 Personen, Erstnutzer des Mirapodo Online-Shops, betrachteten 10 Sekunden lang die Startseite mit dem unscharf dargestellten Seitenelement. Während der Seitenexploration wurde der Blickverlauf mit Hilfe eines Eyetrackers im Usability-Lab gemessen.

Und siehe da …

Das unscharfe Seitenelement zieht die Aufmerksamkeit auf sich, jedoch erst im Zeitintervall von 7-10 Sekunden.

In der frühen Orientierungsphase – den ersten 2 und auch den ersten 5 Sekunden – bekommt das Element dagegen keine bzw. kaum Aufmerksamkeit.

Aufmerksamkeitsverteilung im Zeitintervall 0-2 (linkes Bild) bzw. 0-5 (rechtes Bild) Sekunden.

These damit nicht bestätigt!
Schade. Aber neue Erkenntnisse und Fragestellungen gewonnen:

1. Es lohnt sich in diesem Bereich weiter zu forschen:
   Wie ändern sich die Daten, wenn das unscharfe Seitenelement animiert wird? Zunächst erscheint es unscharf, mit der Zeit wird es wieder klar dargestellt. Ohne Unschärfe.
   Diese Art der Animation könnte Aufmerksamkeit anziehen. Vielleicht.
2. Die Daten basieren auf einer Messung mit Personen, die Mirapodo nicht kannten.
   Wie verändern sich die Ergebnisse, wenn wir Kunden des Mirapodo Online-Shops mit der veränderten Startseite konfrontieren? Wirkt die Veränderung überraschend und fällt somit eher auf? Vermutlich.
3. Unschärfe alleine reicht nicht aus. Was passiert, wenn das Bild vollständig verstellt dargestellt wird?
   Die Pixel des Bildes also per Zufall neu angeordnet werden – und so richtig „Unruhe“ beim Betrachter entsteht.
   Wirkt das aktivierend?
4. Und schließlich die Frage: Wie bewerten Nutzer die Technik der Unschärfe? Stört das, finden sie es abwechslungsreich und damit interessant?

Es bleiben also einige offene, interessante Fragen übrig.
Sicherlich gibt es weitere.

Packen wir sie an. In der Diskussion hier im Blog und, wenn möglich, in der weiteren Forschung. Ich freu mich darauf schon sehr.

Meiner Meinung nach, indem Sie die Bewerber zielgruppenspezifisch und mit Hilfe von interaktiven Tools ansprechen. Hierfür gibt es einige Beispiele. Zwei davon, möchte ich Ihnen in diesem Beitrag vorstellen.

Auf der Einstiegsseite des Karrierebereichs von RWE.de zum Beispiel kann der Nutzer über eine interaktive Auswahl seinen Einstieg auswählen. Dafür stehen dem Nutzer vier unterschiedliche Möglichkeiten zur Verfügung. Vom Schüler über Studenten und Absolventen bis zum Berufserfahrenen.

Einstiegsseite auf der Karriereseite RWE

Die Art der Gestaltung und der Interaktion erfrischt zum einem den ersten Schritt im Bewerbungsprozess. Zum anderen kann der interessierte Bewerber sofort erkennen, welche Zielgruppe das Unternehmen anspricht.

Ein weiteres Beispiel, dass ich Ihnen nicht vorenthalten möchte ist die Einstiegsseite der REWE-Group.de. Die Gestaltung ist im Gegensatz zu RWE.de nicht so interaktiv, allerdings werden dem Bewerber zusätzlich zu den bei den jeweiligen Zielgruppen, die die Einstiegsmöglichkeiten präsentiert.

Einstiegsseite des Karrierebereichs bei REWE-Group

Betrachtet man zum Beispiel die Gruppe der Studenten, so ist für diese direkt erkennbar, dass das Unternehme Praktika als auch Abschlussarbeiten anbietet. Der Weg zur gruppenspezifischen Stellenbörse ist über einen Direktlink ebenfalls verfügbar.

Wie diese beiden Beispiele zeigen, gibt es unterschiedliche Umsetzungsmöglichkeiten Bewerber anzusprechen. Wichtig ist es aber, sofort ersichtlich zu zeigen, welche Kandidaten Sie suchen und welche Möglichkeiten Sie anbieten. So kann der Nutzer in seiner gezielten Suche unterstützt werden.

Hidden Needs: Versteckte Kundenbedürfnisse entdecken und in Produkte umsetzen

• Autoren: Keith Goffin & Ursula Koners
• Darum geht’s: Bedürfnisse erkennen, bevor sie bewusst werden!

Produkte entwickeln, die Kunden wirklich brauchen. Wie kommt man dahin?
Kunden fragen? Nein, das reicht nicht, kann nur ein Anfang sein.
Hidden Needs – diese gilt es zu erkennen, sollen neue Produkte entstehen die auch erfolgreich sind. So die These. Die beiden Autoren erläutern ihre These und zeigen Ansätze und Verfahren der Psychologie und Anthropologie auf, mit denen die „Hidden Needs“ gefunden werden können.

Immer mehr ist nicht genug! – Vom Wachstumswahn zum Bruttosozialglück

• Autorin: Petra Pinzler
• Darum geht’s: Glücklich werden durch Maß halten!

Ihr Nachbar bekommt einen BMW, das müssen Sie toppen. Ihr Kollege legt sich das neueste iPhone zu – Sie brauchen ein iPad 2.
Wo führt das hin? In einen Teufelskreis, der von Ihnen immer mehr Einsatz erfordert. Sie brauchen schließlich ein überdurchschnittlich hohes Einkommen.
Macht Sie das glücklich? Eher Nein. Es fehlt Zeit für Freunde, Familie und eine Freizeitgestaltung, die Ausgleich zum Beruf bietet. All das macht glücklicher, als das Streben nach immer mehr Einkommen. So die These von Petra Pinzler.
Diese These stellt sie in ihrem Buch anschaulich dar. Dabei nähert sie sich dem Thema Glück auf einem angenehm sachlichen Wege:
Petra Pinzler untermauert ihre Überlegungen und Anregungen mit zahlreichen Daten und Fakten aus wirtschaftswissenschaftlichen Studien. Das wirkt sehr überzeugend – und hat das Potenzial auch hartgesottene Manager von mehr Mut zur Bescheidenheit zu überzeugen.

Wie man Aufträge angelt und mit Fischen spricht

• Autor: Volker Remy
• Darum geht’s: Mit Kunden ins Gespräch kommen!

Kein klassischer Ratgeber für Vertriebler. Kein „Tausendsassabuch“.
Dafür eine hervorragende Inspirationsquelle für alle, die im Dienstleistungsgeschäft Neu-Kunden gewinnen und vorhandene Kunden entwickeln dürfen. Eine interessante Basis, um einen beratungsorientierten Vertrieb aufzubauen und diesen zu leben. Ungewöhnlich, aber erfolgreich.
Das gilt auch für dieses Buch.

Ich hoffe Sie inspiriert zu haben.
Weitere Buchtipps finden Sie in unserer Bücherecke für Usability Professionals.

Alle reden von agiler Usability, von agilem User Centered Design oder von agilen Designprozessen. Warum ist das eigentlich so? Und noch viel wichtiger: Was ist eigentlich „agile Usability“? Und: Gibt es ein Gegenteil von agiler Usability?

Grund genug, sich dieser Thematik einmal in einer Beitragreihe zu widmen. In diesem ersten Teil geht es dabei zunächst darum, was agile Usabiltiy-Methoden eigentlich ausmacht und warum man „agile Usability“ nicht definieren kann.

Der „Hype“ um agile Usability-Optimierung – Warum eigentlich?

Viele Unternehmen greifen bei der Software- und Produktentwicklung mittlerweise auf agile Entwicklungsmethoden zurück. Ziel hierbei ist es, Entwicklungsprozesse zu schaffen, die möglichst schlank gehalten sind und dabei flexibel auf neue Anforderungen reagieren können. Viele Projekte, vor allem in der Softwareentwicklung greifen z. B. auf Scrum zurück. Kerninhalt von Scrum ist die iterative und inkrementelle Produktentwicklung.

Agile Entwicklung mit Scrum: Iterative Entwicklungszyklen ermöglichen frühe „Small Releases“ einer Anwendung; Anforderungen werden flexibel im Prozess angepasst.

Und hier kommt die Usability-Optimierung ins Spiel: Agiles Vorgehen in der Entwicklung von Applikationen sei es Software, Websites oder mobile Applikationen – ist nämlich unter dem Aspekt des User Centered Design von großem Vorteil: Iterative Anpassungen und regelmäßige Akzeptanztests sind hier ohnehin die Regel. Ziel ist hier vorwiegend, funktionierende Anwendungen zu generieren, mit denen der Nutzer zufrieden ist. Warum aber nicht auch User Experience-Expertise einbeziehen, um Anwendungen zu schaffen, die aufgrund ihres Designs, der Funktionalität und der Interaktion eine sehr gute User Experience bieten und den Nutzer begeistern?

Dass Usability bzw. User Experience und agile Entwicklung unter bestimmten Voraussetzungen gut zusammenpassen, wurde hier an anderer Stelle bereits ausführlich diskutiert. Doch vor der Überlegung, wie diese Zusammenarbeit im konkreten Fall aussehen kann, sollten Sie sich zuerst fragen:

Sind agile Methoden der Usability-Optimierung etwas völlig anderes als „klassische“ Methoden? Sind sie vielleicht sogar deren Gegenteil?

Die Antwort auf diese Fragen ist eindeutig: Nein!

Agile Usability-Optimierung sollte in keinem Fall als eine einzige Methode verstanden werden, deren Vorgehensweise man klar definieren kann – das an sich würde ja schon dem agilen Charakter widersprechen. Vielmehr geht es um die Art der Herangehensweise– also die flexible Anpassung bestehender Usability-Methoden an die jeweiligen Anforderungen. Im konkreten Fall also an die Art der Produktentwicklung des Entwicklerteams, mit dem man arbeitet.

Im Fokus: Die Nutzer

Ziel sollte es also sein, Methoden so zu flexibel anzupassen, dass sie im Hinblick auf Optimierung der User Experience und Usability das bestmögliche Ergebnis für die Verbesserung des Produktes liefern – und zwar unter Einbeziehung der Arbeitsweise der Entwickler. Wie dies im Einzelfall konkret aussieht, ist unterschiedlich.

Im Fokus der Optimierung stehen jedoch immer die Nutzer sowie deren Anforderungen an eine Anwendung. Daher stellen agile Usability Methoden auch keinesfalls das Gegenteil „klassischer“ Methoden dar; sondern vielmehr eine Facette derer.

Wann und mit wem?

Im Grunde können alle Methoden, die der Optimierung der User Experience und der Usability dienen in „agiler Form“ zum Einsatz kommen und dies sowohl

• … als kontinuierliche Begleitung eines agilen Entwicklungsprozesses als auch
• … im Rahmen eines punktuellen Einsatzes zu einem bestimmten Zeitpunkt des Prozesses.

Eine Einbeziehung dieser Methoden erfordert zudem nicht zwingend die Zusammenarbeit mit einem Entwicklerteam, das mit Scrum arbeitet – auch in der Beratung von User Experience Abteilungen können diese Methoden zum Einsatz kommen, wenn bestimmte Voraussetzungen in der Kommunikation, dem Entwicklungsprozess und der Zusammenarbeit gegeben sind. Wie dies z. B. konkret aussehen kann und Voraussetzungen hierfür notwendig sind, darauf werde ich in meinen kommenden Beiträgen noch weiter eingehen.

Zunächst interessiert mich allerdings: Wie verstehen Sie „agile Usability/User Experience Optimierung?“ Haben Sie bereits Erfahrungen mit dieser Art der Evaluation gesammelt? Ich freue m ich auf Ihre Kommentare!