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.

eResult wurde 2000 gegründet und ist heute mit einer der führenden Full-Service-Agenturen im Bereich User Experience/Usability. Wir sind spezialisiert auf Konzeptions-, Entwicklungs- und Analysedienstleistungen (Forschung) rund um interaktive Medien und Anwendungen – vom Web über Software bis hin zu mobilen Anwendungen (Apps).

Ihre Aufgaben

Sie sollen die unterschiedlichen Phasen des Usability Engineering kennenlernen und unsere Projektleiter unterstützen, indem Sie Teilbereiche verantwortlich übernehmen. Darüber hinaus bearbeiten Sie eigenständig kleinere Projekte. Zu Ihrem Aufgabengebiet gehört u.a.:

• Entwicklung von Konzepten und Prototypen
• Mitarbeit bei der Erstellung von Interview-Leitfäden und Befragungen
• Vorbereitung von Interviews und Befragungen
• Führen und Beobachten von Interviews; Datenerhebung mit Eyetracking; Online-Tests
• Auswertung des Datenmaterials und Berichtserstellung
• Unterstützung bei der Erstellung von Präsentationen
• Internetrecherche
• Mitarbeit in den internen Abteilungen: Marketing & PR, Messe und Personal/Wissensmanagement (Intranet)

Unsere Anforderungen

• Abgeschlossenes Studium der Psychologie, Soziologie, Informatik, Wirtschaftswissenschaften, Medienwissenschaften oder angrenzende Studiengänge
• Hohe Affinität zu neuen Medien
• Erste Erfahrungen im Usability-Bereich (erworben z.B. durch Veranstaltungen im Studium, durch Praktika oder im Rahmen der Abschlussarbeit)
• Sehr gute Deutschkenntnisse in Orthografie und Grammatik
• Gute Englischkenntnisse
• Sicherer Umgang mit MS-Office, Grundkenntnisse SPSS
• Moderationsgrundlagen
• Gute Beobachtungsgabe und analytische Fähigkeiten
• Eigenständige, strukturierte und sorgfältige Arbeitsweise
• Ein hohes Maß an Flexibilität und Kreativität
• Hohe Teamfähigkeit und Kommunikationsstärke

Was wir bieten

• Hohe Eigenverantwortung mit entsprechenden Entwicklungsmöglichkeiten
• Eine Abwechslungsreiche Tätigkeit in einem professionellen und engagierten Team
• Ein Agentur-Umfeld, in dem Kollegialität und Spaß an der Arbeit groß geschrieben wird
• Regelmäßige interne und externe Weiterbildungen
• Ein Mentor steht als Ansprechpartner zur Seite

Interesse?

Dann überzeugen Sie uns mit Ihren aussagekräftigen Bewerbungsunterlagen
per E-Mail an: thorsten.wilhelm@eresult.de (als eine pdf-Datei mit max. 3 MB)
Die sofortige Zusendung von schriftlichen Bewerbungsunterlagen ist nicht gewünscht!

Sie wünschen sich vielfältige und herausfordernde Aufgaben? Dann sind Sie bei STRATO genau richtig.

Wir gestalten die Zukunft des Internets – innovativ, dynamisch, leistungsstark.
Als Europas zweitgrößter Anbieter von Internet-Speicherplatz und Web-Anwendungen genießt STRATO das Vertrauen über einer Million Kunden in sechs europäischen Ländern. In unseren zwei TÜV-zertifizierten und klimaneutralen Hochleistungsrechenzentren in Berlin und Karlsruhe hosten wir vier Millionen Domains. STRATO gehört zu der Deutschen Telekom AG und zählt zu den begehrtesten Arbeitgebern in Deutschland. Wir bieten faszinierende Perspektiven in einem international expandierenden IT-Unternehmen und spannende Projekte in professioneller sowie angenehmer Arbeitsatmosphäre.

Ihr Verantwortungsbereich

• visuelle Umsetzung und Produktion von Navigations- und Interaktionskonzepten
• Pflege und Weiterentwicklung des STRATO Styleguides sowie Unterstützung bei der Erstellung von interaktiven Prototypen
• Enge Zusammenarbeit mit Produktmanagement und dem Scrum-Entwicklerteam sowie Beratung bei Fragen zum Visual Design
• Vertretung der Nutzersicht und kontinuierliche nutzerzentrierte Weiterentwicklung unserer Produkte
• Unterstützung bei der Standardisierung von Interaktionskonzepten sowie der Analyse und Dokumentation von Anwenderzielen und Arbeitsabläufen (Use Cases)
• Unterstützung bei der Vorbereitung, Durchführung und Auswertung von qualitativen und quantitativen User Research-Methoden und Ableitung von konkreten Handlungsempfehlungen

Ihre Persönlichkeit

• Abgeschlossenes Hochschulstudium oder Vergleichbares
• Erfahrungen in der Umsetzung von Styleguides und der strategischen Markenentwicklung
• Fundierte praktische und theoretische Kenntnisse in der Erstellung von visuellen Designs
• Ausgeprägte Kreativität in Verbindung mit hohem Qualitätsanspruch
• Sicherer Umgang mit Tools wie z.B. Adobe Photoshop, Adobe Illustrator, Adobe Fireworks
• Sehr gutes Abstraktionsvermögen und analytische Fähigkeiten sowie Liebe zum Detail
• Spaß an interdisziplinärem Arbeiten mit Produktmanagern, Konzeptern, Designern und Technikern
• Sehr gute Kommunikationsfähigkeiten
• Erste Kenntnisse mit User Experience Research-Methoden
• Erfahrung mit agiler Produktentwicklung erwünscht

Ihre Perspektiven

Wir suchen Mitarbeiterinnen und Mitarbeiter mit Neugier, Innovationsgeist und Tatkraft – Menschen, die eigenverantwortlich und serviceorientiert handeln. Kompetenten und engagierten Mitarbeiterinnen und Mitarbeitern bieten wir viel Raum für eigene Ideen, ein angenehmes Betriebsklima sowie eine leistungsgerechte Vergütung.

Bitte richten Sie Ihre vollständigen Bewerbungsunterlagen unter Angabe Ihres möglichen Eintrittstermins und Ihrer Gehaltsvorstellung an:

Anschrift: STRATO AG, Abteilung Personal, Pascalstraße 10, 10587 Berlin

oder per E-Mail bewerben: personal@strato.de

Für dieses spannende und zukunftsweisende Umfeld suchen wir ab dem 01.04.2012 einen User Experience Consultant (m/w). Die Stelle ist für unseren Standort Göttingen, Hamburg oder Frankfurt am Main zu besetzen und unbefristet.

Ihre Aufgaben

Sie sind verantwortlich für die Realisierung von experten- und nutzerbasierten Usability-Tests (u.a. Websites, mobile Anwendungen/Dienste, Software). Ein weiterer Aufgabenbereich ist die Produktentwicklung (Usability- /UX Forschung & Analyse). In diesen Bereichen haben Sie ein hohes Maß an Gestaltungsspielraum aber auch Verantwortung.

Zu Ihrem Aufgabengebiet gehört u.a.:

• Vorbereitung von experten- und nutzerbasierten Usability-Tests
• Studienkonzeption und Erstellung von Interview-Leitfäden
• Führen und Beobachten von Interviews; Datenerhebung mit Eyetracking
• Auswertung des Datenmaterials und Berichtserstellung
• Erstellung von Präsentationen, Vorstellung der Ergebnisse beim Kunden und weitere Kundenbetreuung
• Zudem betreuen Sie Projekte aus dem Bereich der Konzeption (Wettbewerbsanalyse, Storyboard- und Wireframeerstellung, Umsetzung von Klick-Dummys).
• Produktentwicklung (methodische Weiterentwicklung zentraler Verfahren und Methoden des Usability- /UX Forschung & Analyse)

Unsere Anforderungen

• Abgeschlossenes Studium der Psychologie, Soziologie, Informatik, Wirtschaftswissenschaften, Medienwissenschaften oder angrenzende Studiengänge
• Berufserfahrung: Sie haben sich bereits mit Usability-Fragestellungen beschäftigt, z.B. in einem Marktforschungsinstitut, einer Internet- /Web-Agentur oder in einem anderen Unternehmen/Abteilung
• Hohe Affinität zu neuen Medien
• Grundkenntnisse Web-Analytic (etracker, Google Analytic, Nedstat oder Omniture); A/B- und/oder multivariate Testerfahrung (praktische Erfahrungen)
• Sehr gute Deutschkenntnisse in Orthografie und Grammatik
• Gute Englischkenntnisse
• Sicherer Umgang mit MS-Office, Grundkenntnisse SPSS
• Moderationsgrundlagen
• Gute Beobachtungsgabe und analytische Fähigkeiten
• Eigenständige, strukturierte und sorgfältige Arbeitsweise
• Ein hohes Maß an Flexibilität und Kreativität
• Hohe Teamfähigkeit und Kommunikationsstärke

Was wir bieten

• Hohe Eigenverantwortung mit entsprechenden Entwicklungsmöglichkeiten
• Eine Abwechslungsreiche Tätigkeit in einem professionellen und engagierten Team
• Ein Agentur-Umfeld, in dem Kollegialität und Spaß an der Arbeit großgeschrieben wird Möglichkeit des Besuches von Kongressen/Workshops (als Teilnehmer oder Referent)
• Möglichkeit der Veröffentlichung eigener Beitrage (z.B. auf Usabilityblog.de)
• Bei Interesse können Sie Lehrveranstaltungen an Fachhochschulen und Universitäten durchführen
• Möglichkeit anwendungsorientierte Grundlagenstudien eigenständig zu planen und durchzuführen (z.B. im Rahmen von Diplomarbeiten, die Sie betreuen)
• Intensive interne und externe Weiterbildungen (in Form von Workshops/Seminaren)
• Regelmäßige Bildungstage (freie Themenwahl)

Überzeugen Sie sich selbst: Wie sehen 3 Wochen Arbeitsleben eines User Experience Consultant bei eResult aus?

Interesse?

Dann überzeugen Sie uns mit Ihren aussagekräftigen Bewerbungsunterlagen
per E-Mail an: thorsten.wilhelm@eresult.de (als eine pdf-Datei)
Die sofortige Zusendung von schriftlichen Bewerbungsunterlagen (Versand auf dem Postweg) ist nicht gewünscht!

Warenkorb sheego: 3 Prozessschritte sind typisch für mobile Checkouts

Warenkorb Krämer: Zweizeilige Darstellung des Prozesses und Speicherfunktion

Bei Zalando gibt es keine Vorschau auf den Prozess, dafür werden hier und auf den folgenden Seiten Gütesiegel angezeigt.

Im Görtz-Warenkorb findet sich ebenfalls kein Prozessdarstellung, dafür jedoch ein Hinweis auf Datensicherheit und eine Hotline.

Die Warenkörbe in mobilen Bestellprozessen sind bezüglich der Produktdarstellung recht ähnlich. Es werden Abbildungen, Größe, Farbe und Preis angezeigt. Daneben kann man die Produkte auch wieder löschen und findet zur Fortsetzung des Prozesses den bekannten „zur Kasse“-Button. Die Unterschiede bestehen in der Anzeige des Prozesses (Fortschrittsanzeige) und Zusatzinformationen. Interessant ist hier im mobilen Shop von Krämer, dass es deutliche Hinweise auf die Einlösung des Gutscheins gibt – der dritte Prozessschritt ist ausdrücklich „Zahlung & Gutschein“ benannt. In diesem Warenkorb ist auch interessant, dass die Auswahl gespeichert werden kann und der Kunde die Bestellung dadurch zu einem anderen Zeitpunkt fortsetzen kann (oder ggf. am Laptop statt auf dem Smartphone). Zalando hebt auch im mobilen Kontext die Gütesiegel hervor, während Görtz auf eine sichere Datenübermittlung hinweist. Hier ist auch ein eher unübliches Element für mobile Bestellprozesse zu finden: Die kostenfreie Hotline ist sonst eher „versteckt“. Dabei ist es doch gerade im mobilen Kontext naheliegend, den Anbieter mit einem Klick anrufen zu können.

Auf der Anmeldeseite von neckermann werden zuerst die Bestandskunden angesprochen.

Bei bonprix sind alle Optionen recht gleichberechtigt dargestellt.

Nicht verschont bleiben mobile Nutzer vom Anmeldeprozess. Die „Weichenseite“, wo also entschieden wird, ob der Nutzer Neukunde oder Bestandskunde ist und wie er sich authentifizieren möchte, ist ja oft schon auf normalen Bildschirmen eine kleine Herausforderung. Auch mobil müssen alle Handlungsoptionen sofort ersichtlich sein. Viele Shops stellen die Login-Felder für Bestandskunden prominenter dar, als die übrigen Optionen – so z. B. bei neckermann.de. Hier ist auch erkennbar, dass eine Bestellung auch ohne Registrierung möglich ist, der Button aber unauffälliger gestaltet ist. Shops, die die Seite so oder so ähnlich gestalten, scheinen also davon auszugehen, dass im mobilen Kontext weniger Neukunden auf die Website zugreifen.
Bei bonprix dagegen sind zunächst die Neukunden genannt. Die Reihenfolge ist im Vergleich eher unüblich, aber dafür sind hier die einzelnen Optionen gut von einander abgegrenzt und sehr übersichtlich dargestellt.

Zusammenfassend lässt sich festhalten, dass es inzwischen recht komfortable mobile Bestellprozesse gibt. Wichtig ist auch hier eine gute Navigation: Der Nutzer muss stets erkennen können, wo er sich befindet und wie er vorwärts oder zurück gelangt. Da die Dateneingabe wohl der eher unangenehme Teil des Checkouts ist, sollten gerade Bestandskunden schnell auf ihr Kundenkonto zugreifen können: Einloggen, Daten überprüfen und ggf. ändern – fertig.

Wie auch Neukunden im mobilen Checkout optimal unterstützt werden können, ist Gegenstand eines folgenden Beitrags zur Formulargestaltung.

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.

Startseitenvergleich (alt vs. neu)

Startseite bis Dezember 2011	Startseite ab Dezember 2011

Auf der alten Startseite konnten Nutzer entweder über die prominent platzierte Suche einsteigen, oder über einen der darunter angebotenen Sortimentsteaser. Diese beiden Elemente sind auf der neuen Startseite ebenso prominent dargestellt. Sie wirken allerdings aufgrund des Designs deutlich edler und insbesondere die Teaser sind deutlich aufgeräumter.
Zusätzlich gibt es jetzt noch eine horizontale Hauptnavigation sowie einen Bereich „aktuelle Tests“, der die neusten Testberichte verschiedener Zeitschriften kurz vorstellt. Ich denke für jeden Suchtyp – ob Stöberer oder gezielten Sucher – ist hier ein passender Einstieg dabei.

Was fehlt noch?
Eigentlich kaum etwas. Nur beim Überfahren der einzelnen Navigationspunkte fehlt aus meiner Sicht ein Layer.
In diesem könnten sehr schön die verschiedenen Unterrubriken visualisiert werden und Nutzer könnten noch schnell zur gewünschten Produktgruppe geführt werden.

Produktlistenvergleich (alt vs. neu)

Produktliste bis Dezember 2011	Produktliste ab Dezember 2011

Die bessere Übersichtlichkeit macht sich vor allem auf der neuen Produktliste bemerkbar. Sie wirkt ruhiger und strukturierter. Und das Wichtigste, die Testbewertung eines Produkts prominent angezeigt. Auch die links positionierte Filterung ist gut erfassbar und lässt sich intuitiv bedienen.

Aus meiner Sicht gut umgesetzt ist die Handhabung der Vergleichs-/Merkfunktion. Nutzer erhalten hier mit Hilfe einer Layer-Einblendung ein deutliches Feedback und können bei Bedarf direkt die Vergleichsfunktion aufrufen.

Vergleichs-/Merklistenfunktion über Layer gelöst.

Die Checkboxen neben der Produktabbildung könnten zwar etwas aufmerksamkeitsstärker sein und strenggenommen ist die Funktion mit „vergleichen“ nicht richtig benannt. Denn der eigentliche Vergleich kann erst im Layer gestartet werden, der nach Anklicken der Checkbox erscheint.

Daher würde ich die Funktion spontan mit „vergleichen/merken“ benennen und analog den „Merkzettel“ in „Vergleichs-/Merkliste“ umbenennen. Dies würde beide Funktionalitäten deutlicher wiederspiegeln.

Klare Struktur verloren

Die beiden Seiten „Komplette Tests“ und „Kaufberater“ können im Punkto Übersichtlichkeit und Struktur allerdings nicht überzeugen.

Produktliste: komplette Tests	Produktliste: Kaufberater

Aufgrund der unterschiedlichen größte der einzelnen Teaser wirkt die Seite sehr unruhig und ist schwer zu erfassen. Zudem wird nicht klar nach welchen Kriterien die einzelnen Artikel gelistet werden, auf jeden Fall nicht nach Datum.

Umfassende Detailseite

Produktdetailseite

Die Detailseiten zu Produkten enthalten sehr viele Informationen und erstrecken sich daher gelegentlich über mehrere Bildschirmseiten. Dennoch geht der Überblick nicht verloren und der Nutzer kann sich umfassend auf einer Seite über die Eigenschaften des betrachteten Produkts informieren.

Ein besonderes Highlight stellte die Möglichkeit dar, Abschnitte aus den Textberichten gelisteter Zeitschiften lesen zu können. Die kompletten Testberichte können auch direkt gekauft werden.

Ebenso ein sehr nettes Feature ist das Element „Besser und günstiger?“. Hier werden Produktalternativen angezeigt, die als besser eingestuft wurden und günstiger im Preis sind.

Sicher haben einige von Ihnen schon bemerkt, dass Usabilityblog.de nun auch einen Stellenmarkt anbietet. Der Wettbewerb um die besten Mitarbeiter wird sich in Zukunft noch weiter verschärfen, vor allem wenn man Experten aus o.g. Bereichen sucht. Viele Unternehmen bzw. unsere Blogbesucher, suchen händeringend nach passenden Mitarbeitern oder auch selbst nach einem neuen Job.
Wer neue Mitarbeiter oder einen neuen Job sucht, schaut meistens bei einschlägigen Jobportalen (wie z.B. Jobware, Stepstone), in Tageszeitungen und Wochenmagazinen (wie z.B. FAZ, Zeit) und im Web, z.B. auf Blogs, XING, in Facebook usw.

Damit Sie gleich am richtigen Ort suchen, bieten wir nun für ausschreibende Unternehmen als auch für Jobsuchende eine effiziente Alternative.

Über unseren Blog können Sie potenzielle Mitarbeiter direkt ansprechen, vor allem auch solche, die noch nicht direkt auf Jobsuche sind, allerdings nicht gegenüber einer neuen Herausforderung in einer Top-Position abgeneigt wären.

Und diese Vorteile bietet eine Stellenanzeige über unseren Blog:

• Sie erreichen mehr als 75.000 Blog-Besucher pro Monat; 90% unserer Blognutzer besuchen den Blog mindestens einmal pro Woche, sehr viele auch deutlich häufiger.
• Direktansprache von Experten, deren Arbeitsbereiche größtenteils in der Konzeption, Beratung, Design oder auch im Bereich Marketing und Informationstechnologie liegen. Schauen Sie selbst: (PDF: Nutzerstrukturdaten Usabilityblog.de)
• Ihr Unternehmen wird als lukrativer Arbeitgeber wahrgenommen und präsentiert.
• Und: Sie schalten eine Stellenanzeige derzeit noch zum vergünstigten Kennlernangebot!

Dies haben bereits Unternehmen wie SportScheck, HRS oder SirValUse erkannt. Sie haben schon bevor unser Stellenmarkt an den Start ging, Stellenanzeigen über unseren Blog veröffentlicht.

Haben wir Ihr Interesse geweckt? Wir würden uns freuen, wenn auch Sie unseren neuen Stellenmarkt nutzen.

Weitere Informationen zur Schaltung eines Stellenangebots auf Usabilityblog.de gibt es unter: http://www.usabilityblog.de/stellenmarkt/informationen/.

Weitere individuelle Lösungen oder Pakete sind allerdings auf Anfrage auch schon jetzt möglich!

• 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.

Sicherlich werden das häufig Eltern sein, die genau wissen, was sie für ihr Kind suchen und kaufen möchten, also gezielt nach einem Produkt oder einer Kategorie von Produkten suchen. Aber auch Freunde und Verwandte, die ein Geschenk suchen befinden sich unter den Nutzern eines Spielwarenshops. Die zweite Gruppe hat oft das Problem, dass sie noch nicht so genau weiß, was sie wollen und welches Spielzeug das richtige für das Kind ist – sie stöbert vielleicht lieber durchs Sortiment.

Wie schafft es ein Shop, beide Gruppen zum passenden Produkt zu führen?

Toys‘R‘us setzt zu diesem Zweck auf eine horizontale Navigationsleiste, in der verschiedene Einstiegsmöglichkeiten wie Kategorie, Alter und Marken gewählt werden können. Ergänzt wird diese durch umfangreiche Filtermöglichkeiten im linken Seitenbereich, sobald man sich für einen Einstieg entschieden hat.

Filtermöglichkeiten bei Toys'R'us

Etoys bietet entsprechende Einstiegsmöglichkeiten ebenfalls an. Während sie dort im oberen Bereich der Startseite relativ zurückhaltend gestaltet sind, findet man die Einstiege über Kategorien und Altersgruppen im unteren Seitenbereich anschaulich illustriert. Zusätzlich unterstützt hier ein „Gift Finder“ bei der Suche nach dem passenden Geschenk.

Illustrierte Einstiege bei eToys

Walzkidzz ergänzt die Stöbermöglichkeiten innerhalb der einzelnen Rubriken durch eine Übersicht häufig verwendeter Begriffe in Form einer Tag Cloud im rechten oberen Seitenbereich. Über diese kann man wiederum tiefer in das Sortiment einsteigen. Auch so kann man Orientierung bzw. Inspiration für unschlüssige Nutzer schaffen.

Tagcloud als Einstieg bei walzkidzz

All diese Beispiele zeigen, wie man Personen mit unterschiedlichen Intentionen „abholen“ kann, ohne dass der Shop dadurch unübersichtlich wird. Besonders, wenn ein Shop Besucher mit sehr unterschiedlichem Vorwissen und Bedürfnissen hat ist es sehr wichtig, für jede Intention einen Weg zum passenden Produkt anzubieten.
Natürlich ist es für die Konzeption entsprechender Einstiege wichtig zu wissen, welche Intentionen die Besucher des jeweiligen Shops überhaupt haben. Wie man sich seinen Zielgruppen nähern kann, hat beispielsweise Anja Weitemeyer hier im Blog erst kürzlich aufgezeigt.

Kennen Sie weitere Beispiele für Produktgruppen, bei denen verschiedene Einstiege, angepasst an die Intentionen der Nutzer besonders wichtig sind?

In Onlineshops stöbern die Kunden dann häufig durch eine riesige Auswahl und sind zunehmend verwirrt. Resultat ist dann meist der Besuch im Fachhandel, wo man sich mehr oder weniger zufrieden mit Hilfe eines Verkäufers für ein Produkt entscheidet.

Wie schaffen Sie es, diese Kunden auf Ihrem Shop zu halten und sie dort bei der Kaufentscheidung zu unterstützen?

Bleiben wir beim Beispiel Kinderwagen. In diesem Bereich zeigt babyartikel.de (KP Family) einen interessanten Ansatz.

Wählt man hier die Rubrik „Kinderwagen“ aus, gelangt man nicht etwa auf eine Produktübersichtsseite mit einer langen Liste an Modellen, sondern erhält zunächst eine Art Kurzberatung. Kurz und knapp werden dort die wesentlichen Eigenschaften und typischen Anwendungsbereiche der unterschiedlichen Modellvarianten erläutert.

Von hier aus gibt es zwei Möglichkeiten: Entweder man schaut sich gleich die Produkte des entsprechenden Typs an, oder man informiert sich zunächst in der Kaufberatung umfassend über die Details und Ausstattungsmerkmale, auf die man bei der Auswahl achten sollte.

Abb.1: Produktberatung beim Eistieg in eine Kategotie ( babyartikel.de)

Ein schönes Beispiel dafür, dass Beratung in Onlineshops nicht versteckt in einer eigenen Rubrik schlummern muss, sondern den Kunden auch offensiv angeboten werden kann. Die unsicheren Käufer dieser Produktgruppe werden es sicher zu schätzen wissen, bei der Wahl „an die Hand genommen“ zu werden.

Aber nicht nur welches Produkt einer Kategorie das richtige ist, auch was überhaupt in den Warenkorb sollte ist nicht immer einfach zu entscheiden.

Abb.2: Einkaufs-Checkliste (BabyWalz)

Baby-Walz.de bietet zu diesem Zweck Checklisten an, z.B. für die Zusammenstellung der Erstausstattung oder für den ersten Urlaub mit Baby. Für unsichere Eltern bietet das sicher hilfreiche Orientierung und für den Shopbetreiber gleichzeitig eine Cross-Selling-Möglichkeit.

Meiner Ansicht nach zwei gelungene Beispiele für Online-Kundenberatung und ein Vorbild für Shops, die beratungsintensive Produkte anbieten. Kennen Sie weitere gute Beispiele?

Die Standards der Bestellprozessgestaltung hierzulande zu kennen, ist bereits eine sehr gute Voraussetzung für einen erwartungskonformen Checkout. Wer jedoch auch im Ausland im Online-Handel tätig werden möchte, kommt an einem Blick auf Shops außerhalb unserer Landesgrenzen nicht vorbei. Was ist anders an Bestellprozessen in Frankreich, Großbritannien oder den USA? Es scheint vor allem die Struktur zu sein, wie die folgenden Beispiele zeigen. Deutlicher häufiger als in Deutschland wird mit einseitigen (One Page-) Checkouts gearbeitet. Oder die Zahlungsart ist von vornherein der letzte Schritt, weil die Abwicklung sehr häufig über externe Dienstleister erfolgt.

Dies lässt sich zum Beispiel in Frankreich beobachten: Obwohl auch hier schrittweise Bestellprozesse vorherrschen, findet man am Ende häufig die Zahlungsart (Ausschnitt: thecassette.fr)

In Frankreich oft anzutreffen: Die Zahlungsart als letzter Schritt im Bestellprozess, weil die Abwicklung außerhalb des Shops erfolgt.

Das folgende Beispiel zeigt, dass es durchaus üblich ist, Formulare zweispaltig anzuordnen (Ausschnitt: lamaisonduchocolat.fr)

Hier noch moderat eingesetzt, teilweise noch komplexer: Formulare in zwei Spalten

In Großbritannien dagegen scheinen die Bestellprozesse generell etwas kürzer zu sein, auch „One-Page“-Checkouts sind nicht selten (Ausschnitt: start-lodon.com):

Kurz und gut: Bestellprozesse in Großbritannien werden oft auf einer Seite (vertikal) durchgeführt.

In den USA sind einseitige Bestellprozesse noch weiter verbreitet. Interessant ist auch, dass dabei oft der Warenkorb sichtbar bleibt, wie in folgendem Beispiel (Ausschnitt: neimanmarcus.com):

Der Warenkorb bleibt während der ganzen Bestellung sichtbar.

Der Begriff „One-Page“-Checkout wird jedoch teilweise auch wörtlich genommen: Es werden dann alle Schritte direkt sichtbar auf einer Seite präsentiert. Manchmal wirkt das Ganze dann schon recht unübersichtlich. Es geht aber auch minimalistisch (Ausschnitt: indochino.com)

So kurz kann ein Bestellprozess sein: Adresse, Zahlung, fertig

Es gibt also durchaus einige interessante Unterschiede zu deutschen Bestellprozessen. Vor allem vertrauensbildende Elemente wie Services oder Gütesiegel scheinen nicht überall eine derartige Bedeutung zu haben. Weiterhin lässt sich festhalten:

• Bestellprozesse sind im shopping-affinen Ausland oft kürzer. Entweder werden einzelne Informationen so zusammengefasst, dass weniger Schritte übrigbleiben, oder die Anfragen erfolgen auf einer einzigen Seite.
• Es wird weniger Wert auf Zusatzinformationen gelegt. Die Seitengestaltung ist oft etwas minimalistischer bzw. auf die reinen Eingaben reduziert. Hilfe und Kontakt sind weniger prominent als hierzulande.
• Stets sichtbare Warenkörbe können die Vorfreude auf die Produkte während des Bestellprozesses aufrechterhalten. Auch bei der Zahlung hat man so den Gesamtpreis der Bestellung noch vor Augen.

Sie fragen sich, was genau denn die Standards in deutschen Bestellprozessen sind? Dann könnte folgende Studie für Sie interessant sein: Erfolgsfaktor Bestellprozess

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.

Vor kurzem hatte ich bereits schon einmal das Thema Wohnungssuche im Web aufgegriffen und die Immobilienseite mikawo.com vorgestellt. Speziell die Suchfunktion bzw. den Aufbau der einzelnen Seiten empfand ich als ansprechend und innovativ. Im Laufe der Diskussion gab es jedoch auch andere Meinungen.

Aus diesem Grund habe ich mikawo.com sowie zwei weitere Immobilienportale (immowelt.de und immobilienscout24.de) vergleichend im Rahmen eines FUX-Analyzers durch Nutzer bewerten lassen.

Die Ergebnisse

Ergebnisse der Bewertung auf den Dimensionen Usability, Joy of Use und Nicht-instrumentelle Qualität.

Portal: immowelt.de

Der Sieger auf allen 3 Dimensionen aus Nutzersicht ist immowelt.de. Die größten Vorzüge aus Nutzersicht sind:

immowelt.de – Emotionale Startseite mit sofort sichtbarer Suchfunktion.

• Übersichtliche Startseite mit klaren Einstiegen sowie emotionaler Ansprache.
• Stimmiges und seriös wirkendes Design, dass die Informationsaufnahme gut unterstützt.
• Einfache Filterung der Trefferliste mit Hilfe der angebotenen Filter.

Portal: immobilienscout24.de

Ähnlich gut wurde auch immobilienscout24.de auf den Dimensionen Usability und nicht-instrumentelle Qualität bewertet. Lediglich in der Dimension Joy of Use konnte das Portal nicht überzeugen. Primäre Einflussfaktoren hierfür sind aus Nutzersicht:

Immobilienscout24.de – Ergebnisse der Suche sind nicht sofort sichtbar.

• Eine erschwerte Informationsaufnahme aufgrund eines unruhigen Schriftbilds bzw. Designs, d.h. relevante Informationen sind nicht sofort identifizierbar.
• Eingeschränkte Lesbarkeit aufgrund eines teilweise zu geringen Kontrasts bei Texten.
• Ebenso wirken die einzelnen Seiten erschlagend und überfüllt. Auch weil aus Nutzersicht Werbunganzeigen und sonstige Elemente aufmerksamkeitsstärker hervorgehoben werden als die wirklich relevanten Informationen.

Portal: mikawo.com

Beim Portal mikawo.com waren sich die Nutzer uneinig. Von einigen Elementen waren sie begeistert. Mit anderen Aspekten können Sie sich allerdings nicht anfreunden. Aus diesem Grund rangierte das Portal auf allen drei Dimensionen immer knapp unterhalb des Durchschnittwerts. Insgesamt betrachtet, springt so nur der 3. Platz im Vergleich heraus.

mikawo.com – Texte mit zu geringem Kontrast.

Die Suche selbst und auch die angebotenen Funktionen überzeugen. Jedoch bezeichneten die Nutzer die Bedienung als ungewohnt und andersartig verglichen mit anderen Portalen.

Ein weiterer Kritikpunkt war zudem die schlechte Lesbarkeit aufgrund eines zu geringen Kontrasts zw. Text und Hintergrund. Ebenso störten sich einige daran, dass auf der Seite geduzt wird, was die Seriosität mindert.

mikawo.com zwar gut, aber nicht gut genug

Die beiden Portale immowelt.de und immobilienscout24.de kamen bei den Nutzern mit Abstrichen sehr gut an und wussten zu überzeugen.

Das Portal mikawo.com konnte die Nutzer zwar auch überzeugen, es fehlte allerdings auf allen Dimensionen der letzte Kick.

Der Hauptgrund aus meiner Sicht:
Die beiden Testsieger orientieren sich im punkto Navigation und Design eher an bekannten und erfolgreichen Konzepten mit denen sich Nutzer vertraut und sicher fühlen.
Dagegen setzt mikawo.com auf ein andersartiges, eher minimalistisches Konzept bei Navigation und Design. Dies kommt bei den Nutzern (noch?) nicht so gut ankommt. Es fehlt ihnen an Routine in der Bedienung und Orientierung.

Zur Methodik:

Mittels des eResult FUX-Analyzers beurteilten je 100 Personen eine Website eines Vergleichsportals (mindestens 5-minütige Nutzungsdauer). Ziel dieses Vergleichs war es zum einen, einen Gewinner zu küren, aber auch Erfolgsfaktoren abzuleiten, die auch auf andere Branchen übertragbar sind.

Die Webseiten wurden nach ausgiebiger Nutzung auf den Dimensionen Usability, Joy of Use und nicht-instrumentelle Qualitäten wie Motivation, Ästhetik und Symbolik bewertet. Weiterhin wurden die Wiedernutzungs- und die Weiterempfehlungsabsicht erfragt.

Der Ergebnisband steht zum Download bereit in der eResult Download-Area.

Grund genug einmal zu schauen, welche Good Practices es in diesem Bereich gibt.

Atmosphärisches Design

Die Weinshops genussreich.de und wirwinzer.de bestechen beide durch ein zur Thematik Wein passendes Design.

• Genussreich.de ist an die Atmosphäre und Einrichtung einer stilvollen Vinothek angelehnt. Der Shop wirkt edel und hochwertig.
• Wirwinzer.de arbeitet mit dem Thema Natur bzw. Weinanbau und verwendet daher eine Kombination aus verschiedenen Grün-, Braun- und Beigetönen. Das Design wirkt stimmig und schafft es, die Atmosphäre von Weinanbau und Weinbergen zu vermitteln.

Beide Shops sind auf jeden Fall einen Besuch wert. Denn sie überzeugen nicht nur in Punkto Design, sondern wissen auch durch alternative Einstiege oder umfassende Produktinformationen zu glänzen.

Alternative Einstiege & Umfassende Informationen

Beide Shops bieten einen Einstieg über eine Kartenfunktion, mit deren Hilfe der Herkunftsort des gewünschten Weins bestimmt werden kann.

Karteneinstieg: Kontinent > Land > Trefferliste (genussreich.de)

Detailseite: Beschreibung von Charakter, passenden Gerichten, Prämierungen und Weintechnik-Daten (genussreich.de)

Detailseite: Details zur Herkunft des Weins (genussreich.de)

Detailseite: Weinprofil mit exakten Informationen zum Charakter (genussreich.de)

Genussreich.de bietet internationale Weine an, daher startet die Eingrenzung mit der Wahl des Kontinents gefolgt vom Land. Anschließend erscheint die Trefferliste.

Die Detailseite weiß durch ihre umfassenden Informationen zu überzeugen:

• Die Beschreibung geht auf den Charakter des Weins ein, zu welchen Gerichten er schmeckt und listet Prämierungen auf. Zudem werden Weintechnik-Daten, wie Rebsorte, Gesamtsäure, Trinktemperatur usw. angegeben.
• In den Details zur Herkunft werden die Anbauregion, das Weingut bzw. der Winzer sowie die Rebsorte näher vorgestellt.
• Abgerundet wird die Detailseite durch ein Weinprofil, in dem mit Hilfe von 2-poligen Tendenzanzeigen der Charakter des Weins noch einmal näher beschrieben wird.

Wirwinzer.de vertreibt lediglich Weine aus Deutschland, aus diesem Grund stehen auf der Karte die verschiedenen Weinanbaugebieten zur Auswahl. Nachfolgend erscheinen weitere Informationen zur Weinbauregion und was diese besonders macht sowie eine kurze Auflistung der Winzer.

Jeder Winzer besitzt zudem eine eigene Profilseite, auf der sein Weingut mit Bildern und seiner Geschichte näher vorgestellt wird. Auf dieser Seite können auch die vom Winzer gekelterten Weine bestellt werden.

Karteneinstieg: Weinanbaugebiet > Informationen zum Anbaugebiet & Winzern (wirwinzer.de)

Profilseite: Weitere Infos zum Winzer & Bestellmöglichkeit (wirwinzer.de)

Des Weiteren bietet wirwinzer.de noch zahlreiche andere Einstiegsmöglichkeiten an, wie die Navigationslayer für die Rubriken Wein bzw. Winzer zeigen.
Hier findet sicherlich jeder einen passenden Einstieg.

Navigationslayer Wein mit Einstiegen in verschiedene Unterrubriken (wirwinzer.de)

Navigationslayer Winzer mit Einstiegen in die einzelnen Anbaugebiete (wirwinzer.de)

Aber nicht nur diese beiden Weinshops und deren Funktionalitäten wissen zu überzeugen. Auch andere Shops bieten ihren Kunden interessante Features.

Beschreibung: Charakter des Weins

Die Weinshops genuss7.de sowie meevio.de setzen auf eine Farblehre, die sie dann auf der Übersichtsseite bzw. der Detailseite aufgreifen. Nutzer können durch diese Visualisierung den Charakter des Weins schneller erfassen.

Farblehre zur Charakterbeschreibung bei genuss7.de

Farblehre zur Charakterbeschreibung bei meevio.de

Charakterbeschreibung bei jacques.de

Jacques’ Wein-Depot verfolgt bei der Beschreibung des Charakters auch einen sehr interessanten Ansatz und visualisiert die einzelnen Aromen durch entsprechende Abbildungen.
Meiner Meinung nach einer sehr stilvolle und ansprechende Lösung, ganz nach dem Motto: Das haben Sie im Glas!

Visualisierung von Wiederholungskäufen

Visualisierung von Wiederholungskäufen bei nakedwines.de

Den Anteil an Käufern, die einen bereits gekauften Wein erneut kaufen würden (Wiederholungskäufer), stellt nakedwindes.com auf eine interessante und sofort verständliche Art und Weise dar.
Zudem ist auf einen Blick ersichtlich, wie die Käufer das Preis-Leistungsverhältnis des Weins einschätzen.