Die Erhebung von Blickdaten über moderne Eyetracking-Systeme ist je nach Fragestellung ein sehr effektives Verfahren, um die Wahrnehmung von Websites oder mobilen Applikationen zu messen. Der Reiz besteht darin, dass es sich nicht um Selbstaussagen von Probanden handelt, sondern um beobachtbares Verhalten, das der Mensch nur bedingt steuern kann. Blickdaten können also nicht „lügen“. Richtig erhoben und interpretiert sind für bestimmte Fragestellungen unerlässlich und sehr wertvoll.

Damit die Interpretation nicht zum „Kaffeesatzlesen“ wird, müssen jedoch grundlegende Kenntnisse zur Wahrnehmung und Hintergründe für das Zustandekommen der aufgezeichneten Blickbewegungen vorhanden sein. Ein konkretes Beispiel soll im folgenden Beitrag herausgegriffen werden: Jeder, der schon einmal Blickdaten betrachtet hat, wird sich an Fixationen erinnern, die ins Leere gingen. Der Proband hat scheinbar den Hintergrund betrachtet oder irgendeine Fläche ohne Inhalt. Oder wurde falsch gemessen? Derartige zweifelhafte Beobachtungen können jedoch auch einen erklärbaren Hintergrund haben. Möglichweise handelt es sich um das im wissenschaftlichen Kontext als „global effect“ bezeichnete Phänomen. Was versteht man darunter und wie kommt dieser Effekt zustande?

Randerscheinung: Blickbewegungen, die fern des Zentrums eines Elements enden

Die Untersuchung dieses Effektes begann bereits in den 1970er Jahren. Mehrfach wurde beobachtet und dokumentiert, dass so genannte Sakkaden (eine Reihe von Fixationen als schnellen Blickbewegungen zur Erfassung eines Stimuli) nicht im Zentrum eines Elements enden, sondern in die Richtung eines anderen Elements weisen (siehe dazu: Van der Stigchel & Nijber, 2011). Die Idee dahinter ist folgende: Blickbewegungen tendieren dazu, in einer Art Gravitationszentrum zu landen. Dieses Gravitationszentrum kennzeichnet dann den relativen „Mittelpunkt“ in einem Sichtfeld. Das Zentrum befindet sich also näher an Elementen mit hoher Bedeutung, muss aber nicht genau auf einem Element sein, sondern kann sich auch zwischen verschiedenen Elementen befinden.

Der „global effect“ bewirkt nun, dass Sakkaden (Blickbewegungen) in Richtung dieses Zentrums gelenkt werden. Um das Beschriebene an einem einfachen Bespiel zu verdeutlichen, kann folgende Abbildung herangezogen werden:

Ausschnitt eines Gazeplots bei der Erkundung von mirapodo.de

Das Bild zeigt die ersten 15 Fixationen bei der Erkundung der Startseite von mirapodo.de. Dabei handelt es sich um nicht mehr als die ersten 3-4 Sekunden der Betrachtung. Es wird jedoch schon deutlich, dass nicht alle Fixationen auf dem Zentrum eines Elements liegen. Warum liegt Fixation Nummer 9 beispielsweise zwischen den beiden Teasern? Höchstwahrscheinlich wurde der Fokus vom hervorstechenden gelben Kreis schon zum darüber liegenden Teaser abgelenkt. Ein weiteres Beispiel ist Fixation Nummer 13. Auch diese deutet bereits in Richtung des nächsten Elementes (der Navigation/Links), ist aber nicht direkt im Zentrum des nebenliegenden verortet.

Bottom-up: Zunächst lenkt die Website unsere Augen, dann erst wir selbst

Dieses sehr vereinfachte Beispiel zeigt jedoch noch einen weiteren wichtigen Aspekt des „global effect“. Er tritt vorwiegend in frühen Betrachtungsphasen auf, wenn die Wahrnehmung noch sehr stark von den Informationen im Stimulus beeinflusst wird (bottom-up information). Denn erst mit zunehmender Betrachtungsdauer spielen die Intention und Ziele des Nutzers eine wichtigere Rolle (top-down information). Das heißt, in oben gezeigtem Bild verschafft sich der Nutzer zunächst einen Überblick und lässt sich dabei unbewusst von der Website leiten. Daher ist es in dieser Phase auch wahrscheinlicher, dass Fixationen zwischen zwei Elementen landen. Erst wenn eines der Elemente als zielführend identifiziert ist, nimmt der Einfluss des „global effect“ ab und die Aufmerksamkeit richtet sich bewusst auf eine bestimmte Stelle.

Fazit: Ist an unplausiblen Blickdaten also immer unbewusstes Verhalten Schuld?

Der beschriebene Effekt soll natürlich nicht dazu herangezogen werden, stets und ständig Fixationen zu erklären, die ins Leere gingen. Dies kann auch weitere Gründe haben und letztendlich im Einzelfall auch auf technische Fehler zurückzuführen sein. Dennoch gibt es nachweisbar den Effekt, dass Fixationen am Rande eines Elements landen und in Richtung eines anderen weisen. Zusammenfassend lässt sich zum „global effect“ festhalten:

• Der Endpunkt von Sakkaden kann insbesondere in frühen Phasen der Betrachtung von dem gesamten Gefüge eines Stimulus beeinflusst werden.
• Sakkaden enden dann teilweise nicht im Zentrum eines Elements, sondern in Richtung eines globalen Zentrums bzw. anderen aufmerksamkeitsstarken Elements.
• Konkurrieren zwei Stimuli unter dem Einfluss des „global effect“ um die Aufmerksamkeit des Betrachters, landet die betreffende Fixation (Sakkaden-Endpunkt) tendenziell näher am größeren bzw. auffälligeren Element.

Quelle und weiterführendes zum Thema:

Van der Stigchel, S. & Nijboer, T. C.W. (2011): The global effect: what determines where the eyes land? In: Journal of Eye Movement Research, 4(2): 3, 1-13

Bei dieser Thematik bin ich der Frage nachgegangen, welche Filter werden auf Versicherungswebsites verwendet? Die Top 2 stelle ich Ihnen hier vor:

Filtermöglichkeiten bei Check24:

Abbildung 1: Filter bei Check 24

Auf der Trefferliste des Vergleichsportals Check24 kann der Nutzer die Ergebnisse nach einigen zusätzlichen Eigenschaften filtern. Hierbei sticht insbesondere der Filter nach der Tarifnote hervor. An Stelle von Checkboxen und Dropdown-Menüs steht ein 3stufiger-Schieberegler zum Einsatz bereit. Hervorgehoben wird dieser zusätzlich durch die Verwendung der drei Farben rot, gelb und grün innerhalb der Skala.

Filtermöglichkeiten bei Tarifcash:

Abbildung 2: Schieberegler für die Filterung bei Tarifcash

Auf Schiebregler setzt auch das Vergleichsportal Tarifcash. Der Unterschied zu Check24 ist, dass alle Optionen anhand von Schiebereglern gefiltert werden. Zusätzlich erhält der Nutzer per Mouseover über dem i-Icon Informationen zu den jeweiligen Angaben. Sobald der Regler verschoben wird, aktualisieren sich sofort die Ergebnisse in der darunter stehenden Trefferliste.

Schiebregler- eine Alternative

Die hier vorgestellten Beispiele zeigen, dass Schiebregler eine schöne und interaktive Alternative zu Dropdown-Menüs, Checkboxen und Radio Buttons bieten. Sie animieren meiner Meinung nach mehr zur Nutzung und zeigen dem Nutzer sofort auf den ersten Blick die Filterbereiche.

zdf.de – hohe Auflösung erforderlich

zdf.de: nur bei hoher Auflösung auf der Startseite alles sichtbar

Die Startseite entfaltet aus meiner Sicht ihre volle Pracht nur bei einer hohen Auflösung. Denn nur dann können alle Rubriken im Contentbereich ohne Scrollen auf einen Blick erfasst werden. Bei kleineren Auflösungen überdeckt die am Seitenende fixierte Programmübersicht die letzte(n) Rubrik(en).

Sehr ärgerlich ist dies insbesondere bei der Nutzung per Tablet – siehe iPad Screenshot (Landscape-Modus). Der Einstieg ZDFsport.de ist nicht sofort sichtbar, scrollen ist erforderlich.
Im Portrait-Modus sind alle Rubriken sofort ersichtlich, jedoch wirken die Inhaltsteaser unsauber abgeschnitten. Komplett sichtbar ist immer nur der mittlere Teaser.

zdf.de (iPad; Landscape): nicht alle Rubriken sind sichtbar	zdf.de (iPad; Portrait): Inhaltsteaser werden unsauber abgeschnitten

zdf.de – horizontales Scrollen durch die Inhalte

Während man sich am Notebook/PC recht schnell an das horizontale Scrollen durch die Inhalte gewöhnen kann, fällt dies auf dem iPad deutlich schwerer. Es fehlt links und rechts ein Pfeil der die Bedienung visuell verdeutlicht. In der Desktop-Version sind diese enthalten und es ist sofort ersichtlich, wie weitere Inhalte angezeigt werden können.

Beim Tablet (iPad) muss selbst erkannt werden, dass durch Wischen gescrollt werden kann. Das Scrollen selbst wirkt unsauber. Der wild wandernde orangene Balken unterhalb der Inhalte irritiert und verwirrt. Sein Nutzen wird nicht klar.
Zudem kommt es beim Scrollen zu unangenehm Rucklern.

Aus meiner Sicht sollten zu Verdeutlichung unbedingt links und rechts entsprechende Steuerelemente angeboten werden.

zdf.de – Bedienung der Programmübersicht

Durch Überfahren einzelner Sendungen in der Programmübersicht mit dem Mauszeiger können weitere Informationen angezeigt werden.

Beim iPad ist der Aufruf weiterer Informationen zu einer Sendung per Antippen möglich. Erwartungsgemäß sollte erneutes Antippen die Einblendung wieder schließen, dies funktioniert aber nicht.

zdf.de (iPad): Einblendung der Programmübersicht lassen sich nicht schließen

Es stellt sich die Frage: Wie kann der Layer wieder ausgeblendet werden?
Einen Schließen-/Ausblenden-Link gibt es nicht, ebenso wenig wie ein einfaches X-Icon oben rechts. Ich persönlich habe keine Möglichkeit gefunden, außer eine andere Seite aufzurufen.

zdf.de – Suche zu unauffällig, Trefferliste zu unruhig

Recht unauffällig wird oben rechts die Suche angeboten, mit deren Hilfe auch nach älteren Inhalten gesucht werden kann. Aufgrund der Tatsache, dass auf der Startseite nur relativ wenig Inhaltseinstiege angeboten werden, wäre es sinnvoll die Suche deutlich prominenter zu gestalten, damit diese schnell wahrgenommen werden kann.

Die Trefferliste weißt im Punkto Gestaltung und Bedienung einige Schwachstellen auf, die die Verständlichkeit und Orientierung erschweren.

zdf.de: Trefferanzeige nach Suche

Die Einteilung der Trefferliste in vergangene Sendetermine und inhaltliche Treffer wird nicht sofort klar. Der Unterschied sollte deutlicher herausgestellt werden.

Die Darstellung der Treffer selbst wird recht unruhig. Lediglich die ersten drei Treffer werden mit einem kurzen Textauszug angezeigt. Die weiteren Treffer nur in verkürzter Form. Bei Mouseover wird der Textauszug eingeblendet, wodurch sich die darunter liegenden Treffer verschieben. Durch diese permanente Bewegung fällt die Orientierung und Erfassung der Treffer schwer.

Die auf der rechten Seite angebotenen Filter sind umfassenden und ermöglichen eine gezielte Verfeinerung der Treffer. Das Setzen gewünschter Filter ist ohne Probleme möglich. Jedoch ist das Aufheben gesetzt Filter nicht sofort verständlich. Es gibt zwar den Link alle Filter zurücksetzen, dieser löst aber keine Aktion aus. Um wieder alle Treffer zu sehen muss erneut auf den Button filtern geklickt werden. Sollen nur einzelne Filter zurückgesetzt werden, so müssen die Checkboxen deaktiviert werden und durch einen Klick auf filtern bestätigt werden.
Deutlich einfacher und intuitiver wäre eine sofortige Aktualisierung der Trefferliste. Sobald die Checkbox eines Filterkriteriums aktiviert wurde, wird die Liste neu geladen und zudem werden die zu erwartenden Treffer bei den einzelnen Filterkriterien aktualisiert.

Enorme Verwirrung verursacht zudem der Filterbereich Sendung wählen. Wird hier nach einer Ausprägung gefiltert verschwindet der Filterbereich komplett und ein zurücksetzen ist nicht möglich. Einzige Lösung: die Suche erneut starten.
Dieser Fehler sollte unbedingt zeitnah behoben werden, denn mit Sicherheit führt dies zu verärgerten Nutzern.

Mutiger Weg mit Optimierungspotential

Der mit dem Relaunch eingeschlagene Weg, weg von einer textlastigen Startseite hin zu einer minimalistischen Darstellung ist sehr mutig und wird sicherlich nicht jedem gefallen. Ich persönlich finde das Konzept jedoch sehr interessant und auch zukunftsfähig. Jetzt müssen nur noch die „Kinderkrankheiten“ behoben werden.
Einen lesenswerten Beitrag hat auch Achim Schaffrinna im Designtabebuch veröffentlicht.

Wie seht Ihr die neue ZDF-Website? Gelungen oder unpassend?
Ich bin gespannt auf eure Meinungen.

Eine Seite, die mir kürzlich in diesem Zusammenhang aufgefallen ist und die mich tatsächlich gefesselt hat, ist reserved.com. Auf den ersten Blick noch wenig spektakulär, verbergen sich unter der Oberfläche super interessante Ideen, von denen ich einige hier zeigen und bewerten möchte.

Navigation schnell und bequem mit der Tastatur

Eine kurze, prägnante Erklärung und schon kann‘s losgehen: Eine Mode-„Story“ mit 7 verschiedenen Themen lässt sich mittels der Pfeiltasten erkunden, große Bilder und Videos ziehen mich in den Bann.

Das „haben wollen“-Gefühl stellt sich ein. Wenn nun ein „kaufen“-Button in der Nähe wäre, ich würde ihn benutzen (Hinweis: Ein Online-Shop ist nicht angebunden, über einen Store Locator lassen sich Filialen finden.)

Intuitiv und verständlich – der Mauszeiger ändert sein Aussehen

Beim Start in die „Denim Collection“ verändert sich mein Mauszeiger zunächst zum Pfeil, so kann ich auf dieser interessanten Produktübersichtsseite zunächst alle Artikel anschauen:

Navigation zur den Produkten mittels Maus (Zeiger verwandelt sich in „<“) Alternativ: Maßband

Bewege ich den Mauszeiger nun auf ein Model, so verändert er sich zur Lupe – ein Klick zoomt das Bild heran. In diesem Vergrößerungsmodus kann ich durch auf- und abbewegen der Maus das komplette Bild ansehen. Der Mauszeiger ist nun ein X und signalisiert mir, dass ich diese Ansicht per Klick schließen kann. Für mich ein tolles Beispiel für den effektiven Einsatz von gelernten Symbolen – erklärender Text ist überflüssig.

Mauszeiger=Lupe	Im Zoom-Modus: Mauszeiger=Schließen-Symbol

Kick the ball: Aufgreifen des aktuellen Themas Fußball-Europameisterschaft

Ein anderer Bereich hat sich dem Fußball verschrieben. Kurze Informationen zu jeder EM sind der rote Faden, der durch die Kollektion führt. Navigieren lässt sich durch Klick auf die Jahreszahlen aber auch durch „Treten“ den Balls mit der Maus. Dieser hüpft zu Beginn auf und ab, um den Nutzer zu animieren. Eine stimmige Umsetzung und ein schönes Beispiel für das Übertragen von reellen Handlungen ins Web.

Navigation über das Spielfeld – der Ball wird zur nächsten Position „geschossen“

Ist dieser Ansatz auch geeignet für mobile Endgeräte?

Ich hatte noch keine Gelegenheit, die Seite auf einem Gerät mit Touch-Screen auszuprobieren, freue mich daher über Erfahrungsberichte. Meine Vermutung ist, dass sich dieses Konzept dort super adaptieren lässt. Daheim auf dem Sofa lässt man sich so gerne inspirieren. In diesem Zusammenhang neu gelerntes Wirt diese Woche: „Couch Commerce“, der Trend in Verbindung mit mobilen Endegeräten.

Meine Empfehlung also:

Haben Sie den Mut, innovative Ansätze einfließen zu lassen, um den Surfprozess nicht langweilig und stupide werden zu lassen, sondern Ihre Kunden und Nutzer immer wieder neu zu begeistern – und zu Impulskäufen hinreißen zu lassen. Die Aktivierung ist heutzutage sogar messbar – beispielsweise im UX-Activation-Lab mittels Überprüfung des Hautleitwiderstandes.
Thorsten Wilhelm gab vor kurzem noch weitere Tipps und Anregungen zum Thema glückliche Kunden kaufen mehr.

Interaction-Design-Stammtisch Wien

• Ansprechpartner: Sandra Murth & Tom Haberfellner
• Zeit: jeden 2. Dienstag im Monat, Start um 19h, offenes Ende gegen 23h
• Inhalte: Der Wiener Stammtisch bietet Wissen in Form von Vorträgen und viel Raum zum Austausch und Kennenlernen.
• Das Besondere dieses Stammtisches: Es wird viel Wert auf „Mitmachen“ gelegt. So finden neben Vorträgen auch Workshop oder Live-Use-Labs statt, oder die Teilnehmer stellen sich untereinander neue Usability-Bücher vor und bewerten Anwendungen unter Usability-Gesichtspunkten.
• letzter Termin – 08. Mai 2012: „bring 2 folien bzw ideas worth spreading” – an diesem Termin stellten sich die Teilnehmer untereinander aktuelle Themen kurz vor, inkl. einer sich anschließenden Diskussionsrunde.
• Weiterführende Infos: Interaction Design

User Experience Stammtisch Franken / Nürnberg

• Ansprechpartner: Gerhard Krämer & Ulf Schubert
• Zeit: Der Stammtisch findet 4-5 Mal im Jahr statt. Start ist gegen 18h.
  Die Termine werden rechtzeitig vorab bekanntgegeben (z.B. über die Website oder soziale Netzwerke wie XING und Facebook).
• Inhalte: Der UX Stammtisch Franken bietet UX Professionals, Designern und Studenten aus der Region Erlangen, Fürth und Nürnberg eine Möglichkeit zum Erfahrungsaustausch. Nach einem ca. einstündigen Vortrag zu einem aktuellen Thema besteht die Möglichkeit zum Kennenlernen und „fachsimpeln“ bei einem Glas Wein oder einem Bierchen.
• letzter Vortrag – März 2012: “Metro User Interface Design” – von Clemens Lutsch
• Weiterführende Infos: UX Stammtisch Franken

User Experience Roundtable Hamburg

• Ansprechpartner: Thomas Vogt
• Zeit: erster Montag im Monat, Start gegen 19h
• Inhalte: Die erste halbe Stunde dient dem Kennenlernen untereinander. Danach gibt es einen Vortrag (ca. 75 Min. inkl. Diskussion). Den Abschluss bildet ein gemeinsamer Besuch einer Gaststätte – je nach Lust und Laune der Teilnehmer.
• nächster Vortrag – 04. Juni 2012: “The 7 Deadly Myths of Mobile & Adaption to Create Flexible Content for Mobile Devices” – von Karen McGrain and Josh Clark
• Weiterführende Infos: uxHH

Die Website der German UPA bietet eine Linkliste zu weiteren Stammtischen bzw. Regionalgruppe des Bundesverbandes der Usability-Professionals. Sicherlich finden Sie hierüber auch einen Stammtisch in Ihrer Nähe.

Im User Centered Design wird häufig klassisch in vier Phasen unterschieden: Anforderungsanalyse, Konzeption, Design und Implementierung. Bereits in der Anforderungsanalyse sollten z. B. über Panelbefragungen oder Fokusgruppen wichtige Merkmale und Anforderungen der Zielgruppe erhoben werden. Diese bilden eine wertvolle Grundlage für Entscheidungsprozesse im Rahmen der Konzeption.
In der Konzeptionsphase kommen dann aber häufig noch Detailfragen auf, die sich nicht unbedingt rein aus den Daten der Anforderungsanalyse beantworten lassen. Und: Je spezieller die Zielgruppe, desto mehr Fragen können hier zwischenzeitlich auftreten. Denken Sie z. B. an spezielle Firmensoftware, die z. B. von Mitarbeitern aus dem Einkauf oder der Buchhaltung genutzt wird. Oder an eine mobile Anwendung, die sich speziell an Geschäftsreisende richtet. Hier ergeben sich oft Fragen wie:

• Würde Funktionalität XY überhaupt genutzt werden?
• Welche Funktionalitäten sind für den Nutzungskontext am wichtigsten? Welche Abläufe finden am häufigsten statt?
• Welche Möglichkeiten zur Individualisierung werden gewünscht?
• … und so weiter

Erst, wenn Sie die Antworten auf diese Fragen kennen, kann das Konzept der Anwendung im Detail geplant werden.

Also: Nutzer schon während der Konzeption einbeziehen – aber wie?
Häufig kommt es während der Konzeption darauf an, möglichst schnell eine Rückmeldung zu erhalten, wenn es z. B. um Entscheidungen zwischen verschiedenen Varianten oder die Priorität von Funktionalitäten geht. Folgende Methoden bieten daher bereits während der Konzeption eine gute Möglichkeit, die Nutzer mit einzubeziehen:

• Kunden- oder Zielgruppenblogs: Hier können Sie jederzeit Feedback zu Entwürfen oder bestimmten Fragestellungen einholen – die Zielgruppe kann jeweils unmittelbar reagieren. Natürlich handelt es sich hierbei eher um eine qualitative Methode – dennoch lassen sich auch hieraus bereits wesentliche Erkenntnisse ableiten (z. B. zu bestimmten Varianten oder der Relevanz von Funktionalitäten).
• Fokusgruppen: Auch hier können Sie mit Vertretern der Zielgruppe bereits während der Konzeption verschiedene Fragestellungen diskutieren. Idealerweise sollten solche Diskussionsrunden im Rahmen der Konzeption direkt eingeplant werden (z. B. in zwei Phasen zu Beginn und in der Mitte).
• Zielgruppenbefragungen: Diese eignen als „alleinstehende“ Methode, aber auch, um Erkenntnisse aus einem Blog oder einer Fokusgruppen noch weiter zu verdichten. Auch hier gilt, wie für die Fokusgruppen auch – dass eine solche Befragung bestenfalls direkt in die Konzeptionsphase mit eingeplant werden sollte.

Und wozu das Ganze?
In allen vorgestellten Methoden soll es nicht darum gehen, konkrete Lösungs- oder Designvorschläge von den Nutzern abzufragen. Vielmehr kann so aber frühzeitig erfasst werden …

• … ob Konzepte und Ideen ganz grundsätzlich die Bedürfnisse der Nutzer widerspiegeln
• … ob die Anforderungen im Vordergrund stehen, die für die Nutzer die wichtigsten sind
• … ob es ggf. Problemstellungen seitens der Nutzer gibt, die vom Designer bisher gar nicht beachtet wurden.

Richtig interpretiert können die so gewonnenen Informationen dann die Grundlage für innovative Konzepte liefern, die den Erwartungen der Nutzer entsprechen und hinsichtlich der User Experience optimal gestaltet sind. Mit anderen Worten: Es kommt auf die optimale Kombination von Nutzer-Input und Expertenwissen an.

Aber: Kein Ersatz für Testing!
Das so entstandene Konzept sollte vor der Umsetzung immer noch einmal in einem Klickdummytest beurteilt werden. Wurden mit den o.g. Methoden bereits während der Konzeption hinreichend viele Nutzer einbezogen, so kann der Fokus des Tests auf der Handhabung und weiteren Detailoptimierungen liegen.

Wie beziehen Sie die Nutzer während der Konzeption in den Gestaltungsprozess mit ein? Welche Erfahrungen haben Sie dabei gemacht? Ich freue mich auf eine spannende Diskussion!

Erfolgsfaktor Design

Der Wiedererkennungswert unserer Anwendung ist auch für unsere ideale Anwendung wichtig. Während einige Anwendungen mit Standard-Interfaces arbeiten, bei denen nur das integrierte Firmenlogo im Header-Bereich auf den Absender schließen lässt, kommt einem die Gestaltung der App von Edeka doch sehr bekannt vor. Die aus TV- und Printmedien bekannten Tafeln und der Claim werden aufgenommen und sehr gelungen in die Gestaltung integriert.

Erfolgsfaktor Nutzerführung

Bei Android-Anwendungen steht neben der direkten Navigation über die Touchscreen-Oberfläche eine weitere Variante zur Nutzerführung zur Verfügung. Die Menütaste des Geräts lässt sich abhängig von der geöffneten Seite mit verschiedenen Navigationsoptionen belegen. Der Vorteil dabei: Es steht mehr Platz für den Seiteninhalt zur Verfügung. Der Nachteil: Das Konzept muss vom Nutzer gelernt werden. Daher ist ein stringentes Konzept unabdingbar.

Das Beispiel von Aldi Süd zeigt einen gemischten und daher suboptimalen Ansatz: Bei ausgeblendetem Menü sieht der Nutzer ausschließlich die aktuellen Angebote und geht eventuell davon aus, dass dies bereits der komplette Funktionsumfang ist. Erst mit Klick auf die Menütaste wird das ganze Spektrum der Möglichkeiten deutlich.

Besser gelöst ist in diesem Zusammenhang die Navigation bei Real: Der Nutzer wird durch fehlende Onscreen-Elemente (lediglich die Auswahl der nächsten Filiale wird angeboten) quasi „gezwungen“, die Navigation über die Menütaste zu testen.

Erfolgsfaktor Einkaufsliste

Nachdem mit Design und Nutzerführung zwei Themenbereiche ohne expliziten Bezug zum Lebensmitteleinkauf genannt wurden, soll sich das nun ändern. Das Erstellen einer Einkaufsliste ist eine zentrale Funktion in diesem Zusammenhang und wird daher auch von allen Anwendungen angeboten. Allerdings ist das Erstellen einer vollständigen Einkaufsliste häufig nicht möglich. Häufig beschränken sich die Möglichkeiten auf das Hinzufügen von Artikeln aus dem Angebot oder dem konkreten Artikeln aus dem Sortiment. Das Ergänzen eigener Artikel ist dagegen nur unzureichend implementiert. Einzige Ausnahme stellt die App von Norma dar: Neben Artikeln aus Angebots- und Sortimentartikeln können unbestimmte Produkte (wie im Beispiel die Butter) ergänzt werden. Praktischerweise lassen sich zu diesen Artikeln auch Mengen und (geschätzte) Preise ergänzen, so dass das Aufstellen einer vollständigen Einkaufsliste möglich wird. Erst dann wird meiner Meinung nach auch die von allen Anwendungen angebotene Möglichkeit die Liste per Mail oder SMS zu versenden auch wirklich sinnvoll.

Erfolgsfaktor Barcode-Scanner

Statt lange in Sortimentslisten suchen zu müssen, bieten beispielsweise die Apps von Real und Netto die Möglichkeit, die Einkaufsliste über das Scannen des Produkt-Barcodes zu füllen. Selbstverständlich mit der Einschränkung, keine Eigenmarken der Konkurrenz berücksichtigen zu können ist dies für Markenartikel doch eine hilfreiche Funktion. Alternativ dazu bietet die Anwendung von Norma eine interessante weitere Nutzungsmöglichkeit des Barcode-Scanners an. Hier kann über fTrace die Herkunft von Fleisch- und Wurstwaren nachverfolgt werden.

Erfolgsfaktor Hilfe

Um dem Nutzer den Einstieg in die Anwendung zu erleichtern, werden verschiedene Arten der Unterstützung angeboten. Norma nutzt den Weißraum der bei leeren Listen entsteht, um die Funktion kritischer Elemente zu erläutern. Einen anderen Ansatz wählt Netto.

Zur Erläuterung der App und besonders des Couponing-Dienstes wird direkt auf der Startseite auf ein professionell produziertes youTube-Video verlinkt, in dem der interessierte Nutzer Details zu den Vorteilen und zum Ablauf des Einkaufs mit Coupon-Code erfährt.

Mit Kernnutzen beginnen

Um Anwendungen im Bereich des Lebensmitteleinkaufs zu etablieren müssen die Anbieter zunächst einmal mit dem Kernnutzen beginnen. Das Beispiel der Smartphone-Einkaufsliste zeigt, dass zumindest die gleiche Basisfunktionalität wie bei einer mit Stift und Papier erstellten Liste angeboten werden muss. Kombiniert mit den zusätzlichen Möglichkeiten, wie beispielsweise dem bequemen Hinzufügen über Barcode-Scanner, wird der Weg in den Alltag geebnet. Und je häufiger eine Einkaufsliste erstellt, geändert oder verschickt wird, umso häufiger wird der Blick auch auf die präsentierten (Lock-)Angebote fallen. Und das kann ja nur im Interesse der Anbieter sein…

Warum?

Weil …

• die in den Tests gewonnenen Erkenntnisse oft vorab schon bekannt waren. Wozu dann noch der Testaufwand mit Eyetracking, Protokollen lauten Denkens und Interviews?
• die Tests vor allem Probleme hervorbringen – die zudem als „Kleinigkeiten“ (Banalitäten) eingestuft werden.
• klassisch durchgeführte Usability-Tests so gut wir keinerlei Stärken einer Anwendung aufdecken. Protokolle lauten Denkens während der Bearbeitung von Aufgaben bringen nun mal zu 90% negative Aussagen hervor!

Der letzte Punkt schreckt gerade Designer und Entwickler ab. Sie „fürchten“ ungerechtfertigte Kritik an der eigenen Arbeit und meiden daher Usability-Tests bzw. fördern deren Zustandekommen nicht sonderlich.

Ich kann die genannten Kritikpunkte durchaus nachvollziehen. Sie bedingen sich zum Teil gegenseitig, denn: Es werden überdurchschnittlich oft Anwendungen im Use-Lab getestet, bei denen die größten Usability-Schwächen bereits behoben sind. In dieser Situation können Tests nur noch „Kleinigkeiten“ an Problemen bzw. Optimierungen aufdecken.

Wir bei eResult haben auf die genannten Kritikpunkte reagiert, und uns Maßnahmen überlegt, mit deren Hilfe wir in unseren Use-Labs …

1. die größten Usability-Schwächen identifizieren,
2. Schwächen aufdecken, die als solche von vermeintlichen „Experten“ nicht gesehen werden
3. und – ganz wichtig! – neben Schwächen auch eine Vielzahl an Stärken der getesteten Anwendung aufzeigen.

Der Schlüssel zu diesem Erfolg und zur Weiterentwicklung klassischer Use-Labs: Hautleitwiderstandsmessungen während der Anwendungsnutzung!

Dafür verzichten wir immer mehr auf klassische Protokolle lauten Denkens während der Anwendungsnutzung und Aufgabenbearbeitung.

Worin bestehen die zentralen Vorteile von Hautleitwiderstandsmessungen im Use-Lab?

Der entscheidende Vorzug – im Vergleich zu PLDs (Protokollen lauten Denkens):

Hautleitwiderstandmessungen liefern einen stetigen Datenstrom – über die gesamte Dauer der Anwendungsnutzung und Aufgabenbearbeitung hinweg.

Veränderung des Hautleitwiderstandes beim Shoppen auf einem Online-Shop

Die Messung des Hautleitwiderstandes erfolgt automatisch und ist nicht auf die Unterstützung durch die Testperson angewiesen.

Wer schon einmal mit PLDs gearbeitet hat, der wird grad Letzteres sehr schätzen: Seien wir doch ehrlich, jede zweite Testperson versteht die Einweisung des Interviewers zum lauten Denken nicht – und falls doch, dann beschreibt die Testperson ganz oft einfach nur sein Verhalten (was aber ohnehin per Screen-Cam aufgezeichnet wird!). Gedankengänge und Empfindungen kommen so nicht zum Vorschein.

Ganz anders schaut das bei der Messung des Hautleitwiderstandes aus. Dieses Verfahren zeigt die Veränderung der Leitfähigkeit der Haut an und bildet somit das „emotionale Schwitzen“ ab:
Wir erkennen welche Seiten, Prozesse oder Funktionen der getesteten Anwendung als besonders erregend wahrgenommen werden.

Ob die gemessene Erregung positiv bewertet wird (=Freude, Glück, Begeisterung) oder eher negativer Natur ist (=Ärger, Frustration, Enttäuschung), das wird unmittelbar nach der Anwendungsnutzung erfragt. Wir schauen uns dazu zusammen mit der Testperson ausgewählte Seiten, Prozesse und Funktionen der Anwendung noch einmal an und erfragen was daran besonders positiv oder negativ bewertet wird.

Auf diese Weise fördern wir jede Menge Probleme und Schwächen hervor. Es handelt sich dabei überwiegend um zentrale, „große“ Schwächen und Probleme – fragen wir doch lediglich an diejenigen Stellen nach, die bei der Testperson zu einer besonderen Erregung geführt haben.

Banalitäten und Kleinigkeiten kommen auch zu Tage, sie werden aber nicht 20 Mal benannt, wie das bei PLDs oft der Fall ist. Hat „man“ 4-5 Testpersonen gesehen, dann entsteht schnell der Eindruck, dass bei weiteren Testpersonen nichts Neues mehr ausgesprochen wird.

Weiterer Vorteil der Hautleitwiderstandsmessung:
Es wird gelobt!

Bei klassischen PLDs bleiben Hinweise auf Positives oft „auf der Strecke“. Die Testpersonen sind fokussiert auf das Aufdecken von Schwächen und vergessen dabei den Hinweis auf Positives.

Menschlich – sind die Testpersonen doch doppelt gefordert: Sie müssen die ihnen gestellten Aufgabe bearbeiten und zugleich ihre Gedanken aussprechen.

In einer solchen Doppelbelastung lobt es sich einfach schwerer. Die Testpersonen konzentrieren sich auf das Aufzeigen von Problemen, die sie von der Bearbeitung der Aufgaben abhalten.

Befragt man die Testpersonen dagegen nach der Anwendungsnutzung, dann sprechen sie auch Dinge an, die ihnen positiv auffielen und als besonders „angenehm“ empfunden wurden.

Wagt es mal wieder zu testen!
Also, liebe Skeptiker, lasst euch wieder einmal und immer mehr auf Usability-Tests im Lab ein.

Es lohnt sich – mit dem Verfahren der Hautleitwiderstandsmessung bekommt ihr mehr (als früher): Ihr erkennt die zentralen Treiber für eine positive User Experience und bekommt weiterhin die größten Usability-Schwächen aufgezeigt.

Nettes Beispiel für Responsive Design für verschiedene Endgeräte / Auflösungen (http://2012.newadventuresconf.com)

Vor dem Hintergrund einer plattformübergreifenden, konsistenten Usability und User Experience eine hervorragende Entwicklung! Jedoch stellt sich dies aus meiner Sicht alles andere als einfach und trivial dar… im nachfolgenden einmal einige Überlegungen dazu:

Was gilt es zu beachten in Sachen UX?

Juergen Liechtenecker beschreibt es in seinem Blogartikel „Responsive Webdesign – die Basics“ bereits sehr treffend:

• Konsistentes Design über alle Plattformen
  Zentrale Elemente wie Logos und Farbwelten sollten konsistent bleiben. Der Nutzer sollte sich in allen Layouts (egal ob mobile Version oder stationäre Website) zurechtfinden, ohne dabei den grundlegenden Aufbau als auch den Navigationsmechanismus neu erlernen zu müssen.
• Mobile Endgeräte unterliegen andere Interaktionsprinzipien
  Bei der Bedienung per „Touch“ gibt es weder Mouseover noch Hover-Effekte. Auch die Realisierung von (Mega-)Dropdowns führt immer wieder zu Problemen bei uns im Usability-Lab. Navigationselemente müssen noch deutlicher als klickbare Flächen erkennbar sein als auf dem Desktop. Der Finger ist nun mal kein Mauszeiger.
• Der Erfolg ist (größtenteils) abhängig vom Navigationsdesign
  Wie können Navigationsmechanismen vom Desktop auf mobile Endgeräte übertragen werden? Wie wird die Hauptnavigation abgebildet, wie die Unterkategorien bei deutlich weniger Platz? Welche Alternativen/Lösungen gibt es für (Mega-)Dropdowns? Anbei zwei sehr gute Artikel die sich ausschließlich mit dieser Thematik befassen: „Webseiten-Navigationen in responsive Webdesigns analysiert“ und „Luke Wroblewski on Designingfor Mobile First (nur das Navigation Elements-Video ist kostenlos verfügbar!)“
• Zusatzaufwand
  Seine Website responsive zu gestalten, bedeutet einen zeitlichen als auch finanziellen Mehraufwand, der sich durch alle Stadien des Entwicklungsprozesses zieht. Es bedarf vermehrtem Wireframing, Prototyping als auch User Testing mit verschiedenen Endgeräten, um auch wirklich sicherzustellen, dass alle Versionen den Bedürfnissen der Nutzer entsprechen und ein konsistente, plattformübergreifende User Experience entsteht.

zudem:

• Wo sind die Guidelines?
  Selbst Usability-Papst Jakob Nielsen hat nach eigener Aussagen noch nicht genügend Erfahrungen im Umgang mit „transmediausability“ gesammelt, um eine umfangreiche Liste an Guidelines herauszugeben. Bislangsindesnur 4 (Visual continuity, feature continuity, data continuityundcontent continuity…naja).Das soll schon was heißen!
  Allgemeine Heuristikenala Nielsen &Molich werden weiterhin Bestand haben; sich adaptieren lassen. Bei gerätespezifischen Guidelines und Normen wird es schon interessanter: Ist die DIN EN ISO 9241-151 Empfehlungen zur Gestaltung von Benutzungsschnittstellen für das World Wide Web dann noch die „Richtige“? Dies wird die Zeit sowie zahlreiche Usability-Tests mit tatsächlichen Anwendern zeigen.

eCommerce-Potential!

Mal ganz abgesehen von der plattformübergreifenden, responsiven Gestaltung von Websitelayouts finde ich die sich nun ergebenen Möglichkeiten für Websites im Allgemeinen sehr interessant. Besonders auch für Online-Shops: Burberry macht es vor, wie man sein Schaufenster optimal an die Displaygröße des Betrachters anpasst. Schauen Sie mal rein und spielen Sie ein wenig mit Ihrer Browserfenstergröße!

Startseite des Burberry Online-Shops bei 1920px-Displaybreite: Cool!

Produktübersichtsseite des Burberry Online-Shops bei 1920px: wenn nur nicht die Preise so verdammt hoch wären!

Leider haben wir in eigenen Studien auch noch nicht ausreichend Daten sammeln können, um z. B. valide Aussagen darüber treffen zu können, ob …

• es bei solchen Darstellung nicht eher zur Reizüberflutung kommt (zurück zur guten alten „Übersichtlichkeit“)?
• so etwas für jedes Alter und jede Zielgruppe wünschenswert ist?
• sich ganz andere Conversion Rates erreichen lassen?

Zumindest im Modebereich würde ich jedoch darauf wetten, dass wir hiervon in Zukunft mehr von zu sehen bekommen.

Zuguterletzt: eine kritischer Gedanke

Fern ab des ganzen Hypes sollten wir uns jedoch nichts vormachen: In den USA machen Online-Einkäufe via mobilem Endgerät aktuell gerade einmal 2% aus. Selbstverständlich steigt dieser Anteil in Zukunft; wird aber auch nach Einschätzung von Jakob Nielsen nicht den guten alten Desktop ersetzen. Siehe hierzu seinen sehr lesenswerten Artikel zu „Transmedia User Experience“.

Ferner stelle ich mir an dieser Stelle die Frage, ob die plattformübergreifende Darstellung von Website überhaupt des Rätsels Lösung ist. Denn: der Nutzungskontext beim Surfen via Desktop-PC, Tablet und Smartphone ist doch zu großen Teilen immer ein anderer. Meine Amazon-App unterwegs verwende ich ganz anders als die (Mobile) Website, ganz zu schweigen von der Tablett-App auf dem Sofa. Aber die Diskussion, ob eine native App besser ist als eine auf mobile Endgeräte optimierte Website möchte ich an dieser Stelle eigentlich gar nicht mehr entfachen

Weiterführende Links:

• Responsive Web Design komfortabel testen: Vorstellung von gut geeignete Test-Werkzeuge, die bei der Optimierung von Websites auf unterschiedliche Auflösungen helfen.
• Responsive Web Design, mostcompleteguide: Sehr umfangreicher Artikel, der die Thematik umfassend beschreibt.
• Responsive Web Design: Missingthe Point: Sehr kontroverserArtikel rund um den Hypes des Responsive Design. Lesenswert!
• Responsive Web Design: 50 Examples and Best Practices

Auch wenn Sie derzeit mit Artikel, Slides Co. in Sachen Checkout Optimierung online nahezu bombardiert werden: ich möchte Ihnen Präsentation von Linda Bustos („Ecommerce Checkout Optimization“) auf den Affiliate Management Days in San Francisco nicht vorenthalten. 77 Slides voll mit spannenden Überlegungen und Beispielen unserer Kollegen aus den USA.

Vielen Dank auch an Thomas Lang für das super Beispiel „In-Video Shopping der nächsten Generation“ Bin mir sicher, dass da in Zukunft noch einiges auf uns zukommen wird.

In seinem Artikel „Capturing User Research” zeigt Jim Ross die Möglichkeiten zur Dokumentation von qualitativer Marktforschung im UX-Bereich auf. Wie so oft: es kommt darauf an, was der Kunden als Ergebnis benötigt, wie die räumlichen Bedingungen sind, wie das Studiendesign ist etc. Auch für erfahrene User Experience-Consultants ist der Artikel definitiv lesenswert und führt des Öfteren zum unbewussten Kopfnicken.

Als Unterstützung bei der Durchführung von Kreativitätstechniken geht es nicht darum, ein konkretes Beispiel zu finden, welches die jeweilige Problemstellung löst. Vielmehr wird der Inspirationspool im Workshop als Reizanker benutzt.
Welche Möglichkeiten gibt es nun für diesen Einsatzbereich?

Vielleicht kennen Sie die Bildstimulation oder auch visuelle Synektik, eine von der Reizwort-Analyse abgeleitete Kreativitätstechnik. Bei dieser Technik wird nach dem Zufallsprinzip ein Bild ausgewählt, das man dann für ein bis zwei Minuten wirken lässt. Während dieser Zeit wird versucht, Verbindungen zwischen dem Bild und der Fragestellung herzustellen. Jede Assoziation wird notiert. Diese Vorgehensweise wird nun mit einigen weiteren Bildern wiederholt, bevor mit den gesammelten Assoziationen weiter gearbeitet wird.
Mit dem Inspirationspool ist diese Methode sehr einfach durchführbar. Man sucht sich irgendein Schlagwort aus der Tagcloud aus und klickt es an. Nun hat man eine mehr oder weniger zufällige Auswahl von Bildern und Screenshots. Nach und nach aufgerufen können diese dann als Reizelement eingesetzt werden.

Eine andere Fragestellung, die gelegentlich in Workshops Auftritt ist die nach dem Nutzerempfinden. Designer und Konzepter haben unter Umständen andere Assoziationen als „normale“ Webnutzer, aber auch sonst ist es für den Kreativprozess sinnvoll, sich einmal weitere mögliche Assoziationen vor Augen zu führen.
Ein Beispiel: Es soll etwas entwickelt werden, was besonders modern wirkt. Aber was wirkt überhaupt modern?
Auch für diesen Fall liefert ein Inspirationspool eine wertvolle Hilfe, wenn er mit eingesandtem Bildmaterial „normaler Webnutzer“ gefüllt ist. Wurde diesen Nutzern einmal die Frage gestellt, was für sie modern ist und haben diese mit einem Bild darauf geantwortet, so können diese Bilder über das Schlagwort „modern“ wieder im Inspirationspool aufgerufen werden.
Der Inspirationspool liefert so eine ganze Reihe von Bildern, zu denen irgendjemand die Assoziation „modern“ hatte. Mit diesen Bildern kann dann wieder eine Art Bildstimulation durchgeführt werden, indem man sich für jedes einzelne Bild überlegt, welche „modernen Eigenschaften“ aus dem Bild auf die eigene Problemstellung übertragen werden können.

Haben Sie Erfahrungen mit einer ähnlichen Vorgehensweise gemacht? Dann freue ich mich über einen Austausch.
Falls Sie die beschriebenen Methoden gern einsetzen würden, Ihnen aber der Aufbau eines eigenen Inspirationspools zu aufwändig ist, können Sie über „Inspiration im Abo“ auch auf den eResult Inspirationspool zurückgreifen. Dieser Pool besteht seit drei Jahren und wird sowohl mit Screenshots von Good Practices gefüllt als auch mit Einsendungen von Teilnehmern eines Panels zu Fragestellungen wie „Was ist modern?“ Was ist praktisch?“, „Was ist seriös?“ etc.

Benjamin Uebel Geschäftsführer/Senior Consultant (RapidUsertests.com)

Sven Hoffmann Softwareentwickler (subshell GmbH)

Beliebte Beiträge im April 2012:

1. New York, Rio, Tokyo,…International Usability Testing
   Autor: Martin Beschnitt(eResult GmbH)
2. Ergonomisch sitzen am Arbeitsplatz – Wie man „Rücken“ vorbeugt
   Autorin: Anja Weitemeyer (eResult GmbH)
3. Eine Seite, vier Spalten, voller Bilder – die etwas andere Produktsuchmaschine
   Autorin: Elske Ludewig (eResult GmbH)

Stellenangebote im April 2012:

• Praktikant für User Interface Design
  (DATEV eG – Nürnberg)
• Usability Engineer
  (1&1 Mail & Media GmbH – Karlsruhe)

Kommen wir noch zu den Zahlen und Fakten aus dem April 2012:

• 311.943 Seitenaufruf (-10,2% gegenüber April 2012)
• 94.173 Besuche (-5,6%)
• 1.456 Twitter Follower (+0,8%)
• 2.348 RSS-Feedabrufe pro Tag

Besten Dank an alle Autoren und Leser.

Aber warum diese ausschweifende thematische Klammer zu Beginn eines Artikels, dessen Titel einen Bezug zum Thema „Online-Befragungen“ verspricht?

Weil auch die Teilnahme an Online-Umfragen, vor allem die gewissenhafte Teilnahme, hoch mit der Motivationslage und eben diesem Mehrwert korreliert ist, den sich der Teilnehmer von der Investition seiner Ressourcen verspricht. Im Gegensatz zu Tests im Labor, in denen die Testsituation und die Anwesenheit des Versuchsleiters die Konzentration auf den Untersuchungsgegenstand garantiert, antworten die Teilnehmer online isoliert und ohne diese disziplinierende Stütze. Umso größer entsprechend die Gefahr, dass die Konzentration des Teilnehmers im Laufe des Fragebogens nachlässt oder er die Lust verliert. Nur zwei Faktoren, die sich äußerst negativ auf die Qualität der Angaben auswirken und in Teilnahmeabbrüchen enden.

Im Rahmen dieses Artikels sollen einige „dos and don´ts“ bei der Gestaltung von Online-Fragebögen vorgestellt werden, die dazu beitragen, qualitativ hochwertige Daten zu erheben und die Teilnahme im Idealfall zu einem Erlebnis zu machen.

Erfolgsfaktor Fortschrittsbalken

Die Anzeige, wie viel Prozent der Fragen der Teilnehmer bereits beantwortet hat, dient dazu, dem Nutzer das „Licht am Ende des Tunnels“ zu zeigen und gehört inzwischen zur Standardausstattung eines Fragebogens. Würde man die Elemente eines Online-Fragebogens einer KANO-Analyse unterziehen, bin ich mir sicher, dass der Fortschrittsbalken als Basisfaktor wahrgenommen würde: Eine Voraussetzung, die kaum zur Zufriedenheit des Teilnehmers beiträgt, bei der Schwächen und Mängel aber besonders negativ ins Gewicht fallen. Besonders wichtig daher die korrekte Umsetzung. Eine Überziehung der zu Beginn veranschlagten Beantwortungszeit verzeiht der Teilnehmer eher, wenn er Feedback bekommt, dass er dem Ziel näher kommt und sich mit jeder beantworteten Frage ein Erfolgserlebnis in Form von einigen Prozenten auf der Habenseite einstellt.

Ein falsch umgesetzter Fortschrittsbalken wirkt sich negativ auf die Teilnahmemotivation aus und erhöht die Gefahr von Abbrüchen.

In diesem Beispiel unterstützen die Zwischenschritte die Orientierung zusätzlich.

Erfolgsfaktor Grafische Gestaltung

Auch eine ansprechende optische Gestaltung des Fragebogens kann helfen, den Erlebnisfaktor der Teilnahme zu erhöhen. Die individualisierte Aufbereitung z.B. von Radio-Buttons und Checkboxen wirken hochwertiger und lassen den Fragebogen damit professioneller erscheinen. Bei der Art der Gestaltung ist dabei allerdings auch die Zielgruppe im Auge zu behalten. Was für die Seite eines Spiele-Herstellers funktioniert, mag bei einer Umfrage für einen B2B-Finanzdienstleistungsanbieters fehl am Platz sein.

Schrift, Radiobuttons und der Link auf die nächste Seite entsprechen dem Darstellungsstandard und wirken entsprechend wenig animierend.

Abhängig vom Untersuchungsgegenstand können graphische Gimmicks die Gestaltung auflockern. Die verschieden Smilies unterstützen außerdem das Verständnis und die Intuitivität der Skala.

Erfolgsfaktor Textumfang

Generell gilt, den Umfang von Fragen und Texten so gering wie nur möglich zu halten. Fließtexte intensiv zu lesen sind kognitiv enorm aufwändig, insbesondere am Bildschirm. Viele Teilnehmer schrecken vor diesem Aufwand zurück und brechen besonders häufig auf Seiten mit langen Textabschnitten ab. Daher muss der Textumfang möglichst gering gehalten werden und die Aufbereitung der Texte großzügig und leicht zu verarbeiten sein. Eine elegante Lösung ist neben dem Highlighting von Schlüsselwörtern, Erläuterungen zu ggf. erklärungsbedürftige Begriffe über Icons zu verstecken. Bei Bedarf steht die Info zur Verfügung, der Textumfang ist dennoch reduziert.

Textumfang und Textgestaltung sind nicht ideal. Dem Nutzer werden kein einfacher Weg zum Erfassen der Kerninformation angeboten, z.B. über ein Highlighting von Schlüsselwörtern. Dadurch erweckt die Seite den Eindruck, dass das Erfassen der Information sehr anstrengend und aufwändig wird.

Bei Bedarf stehen erläuternde Informationen zur Verfügung. Sind die Begriffe klar, ist ein leichtes Erfassen der abgefragten Dimension trotzdem möglich.

Den „Nutzer“ im Blick

Wie bei der Optimierung von Webseiten und Online-Shops gilt auch für die Gestaltung von Online-Fragebögen den (gefühlten) kognitiven Aufwand für den Teilnehmer so gering wie möglich zu halten. Je weniger komplex die Anforderung, umso größer die Chance, dass eine valide Antwort folgt (folgen kann). Auch wenn die Möglichkeiten im Rahmen von Online-Fragebögen beschränkt sind, sollte der Spaß an der Teilnahme nicht zu kurz kommen. Abwechslungsreiche Fragebögen, die beispielsweise drag&drop-Auswahlen erlauben statt die immer gleichen Radiobuttons zu nutzen, sind hier eine Variante. Ergänzend sei an dieser Stelle auf den Artikel von Tobias Karsch verwiesen, der sich in einem etwas anderen Zusammenhang dem Thema Gamification gewidmet hat. Ist dann die Nutzerkontrolle über die Teilnahme noch gegeben, d.h. weiß der Nutzer zu jedem Zeitpunkt, welcher Aufwand noch auf ihn wartet, steht der Erfassung von validen und qualitativ hochwertigen Daten nichts mehr im Wege.

Im Folgenden mal eine kleine Sammlung der mobilen Shops, bei denen die Merkzettelfunktion besonders gut umgesetzt ist.

Wo ist sie bloß, die Merkfunktion?

Gerade das habe ich mich bei vielen mobilen Shops schon gefragt (auch bei denen, die tatsächlich einen Merkzettel hatten).

Wichtiges Kriterium beim mobilen Stöbern ist daher in meinen Augen, dass der Merkzettel leicht zugänglich ist. Bei vielen mobilen Shops muss ich allerdings erst auf die Produktdetailseite gehen, um mir ein Produkt merken können. Gerade bei langsamerer Verbindung oft ziemlich lästig – nicht zuletzt, da ich mir mobil ohnehin erst einmal einen Überblick verschaffen möchte.

Schön gelöst sind diesbezüglich die Merkfunktionen im mobilen Shop von z. B. Sportscheck und Neckermann. Schon von der Produktliste aus kann ich einzelne Produkte auf meinen Merkzettel legen. Bereits gemerkte Produkte werden zudem gekennzeichnet.

Ähnlich sieht es auch im mobilen Shop von Otto aus – hier gefällt es mir außerdem besonders gut, dass der Merkzettel selbst oben rechts sehr prominent platziert ist. Sobald ich ein Produkt auf dem Merkzettel gelegt habe, wird dieser farblich hervorgehoben.

Einloggen nicht vergessen!

Nun nützt mir das alleinige Vorhandensein eines Merkzettels noch nicht allzu viel – im Idealfall möchte ich natürlich auch im Webshop auf den gleichen Merkzettel zugreifen können; dazu muss ich mich natürlich einloggen bzw. registrieren. Bei einigen Shops kann ich daher den Merkzettel nur dann nutzen, wenn ich mich vorher mit meinen Zugangsdaten angemeldet habe.

Zwar ist so sichergestellt, dass der Merkzettel in meinem Profil gespeichert wird – dennoch fühle ich mich hier irgendwie ein wenig bevormundet.

Anders als bei Douglas kann ich den Merkzettel bei Baur und Neckermann immer nutzen – ich werde allerdings auch deutlich darauf hingewiesen, dass ich ihn nur dann speichern kann, wenn ich mich anmelde bzw. einlogge. So liegt die Entscheidung bei mir als Nutzer. Bei Neckermann gefällt mir vor allem die deutliche Bezeichnung „Merkzettel speichern“ auf dem Button, der mich zum Login weiterleitet.

Wichtig bei der Integration des Merkzettels in mobile Shops sind vor allem also folgende Dinge:

• Platzieren Sie Merkzettel im mobilen Kontext bereits auf der Produktübersichtsseite – so können Nutzer schnell eine Vorauswahl treffen und diese dann später weiter verfeinern.
• Heben Sie hervor, welche Produkte bereits gemerkt wurden – so verlieren die Nutzer auch bei langen Produktlisten nicht den Überblick.
• Erinnern Sie die Nutzer daran, sich einzuloggen, um den Merkzettel zu speichern und bieten Sie vor allem auch die Möglichkeit an, sich neu zu registrieren.

Auf diese Weise können Nutzer beim mobilen Stöbern unterstützt werden und die Vernetzung der Kanäle gelingt optimal.

Die 1&1 Mail & Media GmbH mit Dienstsitz in Karlsruhe sucht zur Verstärkung des Teams einen Usability Engineer (m/w) für WEB.DE, GMX und Mail.com – Sicherstellung der Nutzbarkeit der Marken WEB.DE, GMX, 1&1, Mail.com und anderen. Nachfolgend die Stellenausschreibung:

Ihre Aufgabe

Als Usability Engineer erschaffen Sie gemeinsam mit unserem kompetenten Team einfach nutzbare Produkte für die Marken WEB.DE, GMX, 1&1 und Mail.com. Sie arbeiten eng mit unserer grafischen Entwicklungsabteilung, der Projektkoordination, den Produktverantwortlichen, der Softwareentwicklung und unseren Partnern zusammen.

• Planung, Durchführung und Auswertung von Nutzertests mit und ohne Eye-Tracking.
• Begleitende Usability-Beratung bei Konzeption und Entwicklung von Produkten.
• Fachliche Beratung und Abstimmung mit dem Auftraggeber.
• Betreuung und Weiterentwicklung des Usability Labors.
• Steuerung von internen und externen Dienstleistern.

Ihr Profil

Nutzbarkeit liegt Ihnen sehr am Herzen. Sie haben Freude an der Planung, Durchführung und Auswertung von Nutzer-Tests sowie der Präsentation der Ergebnisse. Teamarbeit ist kein Fremdwort für Sie und Sie haben Spaß daran eigenverantwortlich zu arbeiten.

• Kenntnis aller gängigen Usability Evaluationsmethoden sowie entsprechende Anwendungserfahrung.
• Erfahrung in der Analyse und Interpretation von Daten sowie der Entwicklung von Handlungsempfehlungen.
• Ausgezeichnetes analytisches Denkvermögen.
• Ausgeprägte Kundenorientierung und eine hohe kommunikative Kompetenz auch in Hinblick auf ein interkulturelles Umfeld.
• Einschlägige fachbezogene Ausbildung oder mindestens drei Jahre Berufserfahrung im Fachbereich User Experience.

Aus Gründen der besseren Lesbarkeit wird auf die gleichzeitige Verwendung der weiblichen und männlichen Sprachform verzichtet. Selbstverständlich bezieht sich dieses Stellenangebot gleichermaßen auf weibliche und männliche Bewerber.

Ich möchte mich per Online-Bewerbung bewerben:

Kennziffer: KA-DN120101