Case StudyCase Study
Expertenbasierte Evaluation und Expertenbasierte Evaluation und Optimierung found4you.de
Februar 2011
© eResult GmbH – Results for Your E-Business(www.eresult.de)
Inhalt der Fallstudie
Inhaltsverzeichnis
Vorstellung des Kunden 03
Methodik 05Methodik 05
Aufgabenstellung und Vorgehensweise 08
Zentrale Fragestellungen 11Zentrale Fragestellungen 11
Hinweise zum Aufbau des Ergebnisbandes 13
Darstellung ausgewählter Ergebnisse 16Darstellung ausgewählter Ergebnisse 16
– Startseite 17
– Navigation & Nutzerführung 28g g
Kurzvorstellung eResult 39
Kontakt & Ansprechpartner 45
Seite 2 Case Study found4you.de
Nächstes Kapitel
Vorstellung des Kunden
Seite 3 Case Study found4you.de
found4you.deStand: Februar 2011
Vorstellung des Kunden
Stand: Februar 2011
• found4you.de ging als Shop im Herbst 2009 online und hat seinen Sitz in Hamburg.g
• Das Konzept besteht aus außergewöhnlichen und innovativen Produkten aus den Sortimenten Wohnen, Haushalt und
h ik d hl d k b k i k l hTechnik. Es werden sowohl Produkte bekannter Designmarken, als auch kleiner Manufakturen oder Spezialanbieter vertrieben. Der moderne, nordeuropäische Stil findet großen Anklang und inspiriert zum Behalten p g g pund Verschenken schöner Dinge.
• Im Social-Web ist found4you.de auf Twitter, Facebook und mit einem f feigenen Blog vertreten. Auf diesen Plattformen werden nicht nur
aktuelle Designtrends vorgestellt, sondern auch Neuigkeiten aus dem Web2.0 präsentiert.p
Seite 4 Case Study found4you.de
Nächstes Kapitel
Methodik
Seite 5 Case Study found4you.de
Expertenbasierte Evaluation (1/2)
Methodik
• In welcher Projektphase einsetzbar?
Bereits in der frühen Entwicklungs bzw Konzeptionsphase lassen sich Bereits in der frühen Entwicklungs- bzw. Konzeptionsphase lassen sich Usability-Probleme durch Experten identifizieren. Aber auch in der Phase der Umsetzung sowie im laufenden Betrieb ist eine Expertenbasierte Evaluation eine Zeit- und kostengünstige Alternative zu einem Usability-Test.
Wie läuft die Methode ab?• Wie läuft die Methode ab?
Für ein Expertengutachten bieten sich verschiedene Methoden an, die sich auch in Kombination einsetzen lassen, v. a.:,
– Heuristische Evaluation (Usability-Experten begutachten das Produkt im Hinblick auf Konformität mit gängigen Usability-Regeln.)
– Cognitive Walkthrough (Mehrere Experten spielen typische Nutzeraufgaben in der vorgegebenen, korrekten Weise durch (Szenarios)).
Seite 6 Case Study found4you.de
Methodik
Expertenbasierte Evaluation (2/2)
• Stärken der Methode:
Bewertung erfolgt auf Basis von Prüfkatalogen und des langjährigen KnowBewertung erfolgt auf Basis von Prüfkatalogen und des langjährigen Know-hows sowie der Branchenerfahrung von Usability-Experten.
Zeiteffiziente und kostengünstige Methode
Lieferung der Ergebnisse und direkter Handlungsempfehlungen erfolgt zeitnah
Es wird kein interaktiver bzw. klickbarer Prototyp vorausgesetzt.
B t f l t f B i k t U bilit d G t lt i htli iBewertung erfolgt auf Basis anerkannter Usability- und Gestaltungsrichtlinien
• Ergebnis der Expertenbasierten Evaluation:
Als Ergebnis erhalten Sie einen Ergebnisband der die Problembereiche Als Ergebnis erhalten Sie einen Ergebnisband, der die Problembereiche konkret aufzeigt und beschreibt. Dazu erhalten Sie Good Practices von anderen, ähnlichen Produkten und visualisierte Handlungsempfehlungen, die eine schnelle Umsetzung ermöglichen.
Seite 7 Case Study found4you.de
Nächstes Kapitel
Aufgabenstellung und Vorgehensweiseg
Seite 8 Case Study found4you.de
Aufgabenstellung
Aufgabenstellung & Vorgehensweise
• Die Expertenbasierte Evaluation - angelegt als Experten-Walkthrough -durch drei Usability-Experten der eResult GmbH soll Empfehlungen zur durch drei Usability Experten der eResult GmbH soll Empfehlungen zur Verbesserung der Nutzungsfreundlichkeit (Usability) und Likeability des Online-Shops von www.found4you.de bereitstellen.
• Die Evaluation umfasst folgende Aspekte:
Seitenaufteilung (Look & Feel)
Navigation (Logik und Intuitivität)
Positionierung einzelner Elemente
I t kti d i (i kl F l b t )Interaktionsdesign (inkl. Formularbewertung)
Seite 9 Case Study found4you.de
Vorgehensweise
Aufgabenstellung & Vorgehensweise
• Die Bewertung der Website erfolgt auf Basis von branchenspezifischen Prüfkatalogen und der Erfahrung der Experten Zudem werden die Prüfkatalogen und der Erfahrung der Experten. Zudem werden die Kernzielgruppe sowie die häufigsten Nutzungsanlässe berücksichtigt.
1. Die Experten bewerten das Angebot von www.found4you.de zunächst getrennt voneinander.
2. In einem internen Workshop wurden die identifizierten Probleme beschrieben, bewertet und diskutiert.
3 Die Empfehlungen wurden im Konsens abgeleitet!3. Die Empfehlungen wurden im Konsens abgeleitet!
Seite 10 Case Study found4you.de
Nächstes Kapitel
Zentrale Fragestellungen
Seite 11 Case Study found4you.de
Fokus der Untersuchung
Zentrale Fragestellungen
• Startseite: Wird der Nutzer gut „abgeholt“? Wird deutlich, was der Shop bietet?Shop bietet?
• Ist das Navigationskonzept nutzerfreundlich?
• Wie können die Suchfunktion und die Trefferseite optimiert pwerden?
• Bieten die Produktdetailseiten alle notwendigen Informationen in übersichtlicher Art und Weise an? Ist die Vorhang-Funktion nutzbar und verständlich?
• Wie können Bestellabbrüche vermieden werden?• Wie können Bestellabbrüche vermieden werden?
Seite 12 Case Study found4you.de
Nächstes Kapitel
Hinweise zum Aufbau des Ergebnisbandesg
Seite 13 Case Study found4you.de
Darstellung von Problemen & Empfehlungen
Aufbau des Ergebnisbandes
• Im Folgenden stellen wir die identifizierten Probleme dar und unterbreiten konkrete Handlungsempfehlungen zur Behebung der unterbreiten konkrete Handlungsempfehlungen zur Behebung der Probleme.
Dabei gilt:
• Mit einem ☺ gekennzeichnete Darstellungen/Anmerkungen stehen für
positive Aspekte der Website.
• Mit einem gekennzeichnete Darstellungen/Anmerkungen
beschreiben die identifizierten Probleme!
• Empfehlungen werden mit folgendem Zeichen gekennzeichnet:
Seite 14 Case Study found4you.de
Hinweise zum Aufbau des Ergebnisbandes (Wireframes)
Aufbau des Ergebnisbandes
● Der Ergebnisband enthält auch Wireframes zur Verdeutlichungunserer Empfehlungen: Die erstellten Wireframes dienen ausschließlich unserer Empfehlungen: Die erstellten Wireframes dienen ausschließlich der Beschreibung von Funktionalitäten und der Anordnung einzelner Elemente auf den jeweiligen Seiten.
● Es geht hierbei um die Vorstellung eines Konzeptes und nicht primär um dessen grafische Gestaltung. Diese sollte und muss gesondert betrachtet werdenbetrachtet werden.
● D. h. die in den Wireframes eingesetzten Farben dienen lediglich der Unterscheidung von einzelnen Elementen und sind nicht als endgültig zu sehen.
Seite 15 Case Study found4you.de
Nächstes Kapitel
Darstellung ausgewählter Ergebnisseg
Seite 16 Case Study found4you.de
Nächstes Kapitel
Startseite
Seite 17 Case Study found4you.de
Warenkorb
Startseite
☺ Erwartungskonforme Platzierung:
Der Warenkorb ist erwartungskonform und gut g gsichtbar platziert.
Seite 18 Case Study found4you.de
Garten-Teaser
Startseite
☺ Ansprechende Gestaltung:
Der Teaser zum Thema Garten ist ansprechend und inspirierend gestaltet.
Ziel der Verlinkung:Der Nutzer gelangt nach Klick auf ein bestimmtes Produkt (z.B. Beistelltisch) nicht direkt auf die entsprechende Produkt-detailseite, sondern stattdessen erst einmal auf die Kampagnenseiteauf die Kampagnenseite.
Seite 19 Case Study found4you.de
Empfehlungen zum Garten-Teaser
Startseite
Direkt zur Produktdetailseite verlinken: Wenn in einem Themen-Teaser konkrete Produkte benannt und ausgepreist sind dann sollte Teaser konkrete Produkte benannt und ausgepreist sind, dann sollte auch bei Klick auf das Produkt bzw. auf dessen Namen die Produktdetailseite verlinkt werden.
Zusätzlicher Link zur Themenseite: Analog zu den Teasern ohne konkrete Produktvorstellungen (z.B. muuto – siehe unten), sollte ein Link zur Themenseite angeboten werden Link zur Themenseite angeboten werden. Am Beispiel: „Ab in den Garten – alle Produkte“
Seite 20 Case Study found4you.de
Vorhang öffnen
Startseite
Wording unpassend:Wording unpassend:Das Wording „Fenster öffnen“ ist nicht erwartungskonform. Der Nutzer könnte erwarten, dass an dieser Stelle ein Popup-Fenster oder ein neuer Tab geöffnet wirdFenster oder ein neuer Tab geöffnet wird.
Umbenennung in Vorhang öffnen“: Umbenennung in „Vorhang öffnen : Passender, weil deutlich wird, dass man nicht die Seite verlässt. Außerdem kann diese Benennung Neugierde erzeugen und zum Ausprobieren animieren.
Seite 21 Case Study found4you.de
Vorhang geöffnet
Startseite
Reihenfolge ungünstig:Reihenfolge ungünstig:Die Anzeige des Trusted Shops-Logos an erster Position ist zu prominent. Der Nutzer lernt bereits auf der Startseite, dass hier keine Aktion bzw. kontextbezogene Handlung stattfindet Somit sinken kontextbezogene Handlung stattfindet. Somit sinken die Chancen, dass der Vorhang auf Detailseiten erneut geöffnet wird.
Seite 22 Case Study found4you.de
Empfehlungen zum Vorhang geöffnet
Startseite
Reihenfolge verändern: An oberster Position sollte - wenn möglich -immer ein Teaser stehen der einen Kontextbezug aufweist Der rechte immer ein Teaser stehen, der einen Kontextbezug aufweist. Der rechte Seitenbereich wird von den Nutzern erfahrungsgemäß wenig beachtet, deshalb muss eine Veränderung der Inhalte im sofort sichtbaren S i b i h fi dSeitenbereich stattfinden.Reihenfolge: FOUND4YOU 4ORT, Kontakt „Für Sie da“, Trusted Shops
Seite 23 Case Study found4you.de
Anordnung der Seitenelemente
Startseite
Platzierung nicht erwartungskonform:Die Seitenelemente Hilfe, FAQ, Kontakt, Über uns werden nicht im linken mittleren Seitenbereich erwartet und entsprechend dort auch nicht gesuchtund entsprechend dort auch nicht gesucht.
Wording nicht aussagekräftig:Wording nicht aussagekräftig:Die Benennung der Linkbox als „Informationen“, ist nicht aussagekräftig.
Seite 24 Case Study found4you.de
Empfehlungen zur Anordnung der Seitenelemente
Startseite
Metanavigation und Footer nutzen: Die verschiedenen Seitenelemente sollten zum einen in der Metanavigation im oberen Seitenelemente sollten zum einen in der Metanavigation im oberen Seitenbereich oder im Footer am unteren Ende der Seite platziert werden, da Nutzer dies auch von anderen Online-Shops gewohnt sind
d i di El h ll und somit die Elemente schneller finden. Zu diesem Ergebnis kam auch die von eResult 2010 durchgeführte Imagery-Studie, bei der 1200 Internetnutzer u.a. befragt wurden wo sie in einem befragt wurden, wo sie in einem Online-Shop die verschiedenen Elemente erwarten.
Auszug aus der eResult Imagery-Studie 2010 (http://eresult.de/studien_artikel/studienbaende/ Imagery-Studie_IV.html)
Seite 25 Case Study found4you.de
Good Practice: hagebau.de Teasergestaltung
Startseite
Teasergestaltung
• Um entweder Unterrubriken vorzustellen oder auf spezielle Themen in der Rubrik hinzuweisen, kann ,auch nebenstehende Teasergestaltung verwendet werden - wie verwendet werden wie auf www.hagebau.de in der Rubrik Haus & Wohnen entdecktWohnen entdeckt.
• Der Nutzer wird zur aktiven Erkundung
i i t d di animiert und die Bekanntheit solcher Funktionalitäten steigt
i
Seite
stetig.
26 Case Study found4you.de
Good Practice: walmart.comTeasergestaltung
Startseite
Teasergestaltung
• Abschließend noch zwei Teaserbeispiele von Walmart.p
• Beispiel 1: Die Animation (Wechsel zwischen den einzelnen Teaserthemen) läuft einmal durch Teaserthemen) läuft einmal durch beim Aufruf der Seite und kann dann durch Klick gewechselt werdenwerden.
• Beispiel 2: Es wird angezeigt, wie lange das aktuelle Bild noch eingeblendet wird (hier: Kasten 2 füllt sich langsam). Außerdem kann die Animation gestoppt werden (Pause).
Seite 27 Case Study found4you.de
Nächstes Kapitel
Navigation & Nutzerführung
Seite 28 Case Study found4you.de
Horizontale Hauptnavigation
Navigation & Nutzerführung
Unpassende Platzierung:Die horizontale Navigation ist oberhalb des Logos, sehr weit entfernt vom eigentlichen Content platziert und wird damit leicht übersehen.
Seite 29 Case Study found4you.de
Empfehlungen zur horizontalen Hauptnavigation
Navigation & Nutzerführung
Horizontale Navigation unterhalb des Logos: Die horizontale Navigation sollte beibehalten jedoch unterhalb des Logos platziert Navigation sollte beibehalten, jedoch unterhalb des Logos platziert werden.
Kontakt | Hilfe und FAQ
Unsere Empfehlung - visualisiert
Seite 30 Case Study found4you.de
Hauptnavigation & Pfadanzeige (1/2)
Navigation & Nutzerführung
Doppelte Hauptnavigation:Die Hauptkategorien sind gedoppelt und p g g ppwerden sowohl oben horizontal als auch auf der linken Seite als vertikale Navigation angezeigt.
Seite 31 Case Study found4you.de
Hauptnavigation & Pfadanzeige (2/2)
Navigation & Nutzerführung
S d i d Pf d i i h bStandort nur in der Pfadanzeige sichtbar:Wo man sich genau befindet, ist weder in der horizontalen noch in der vertikalen Navigation sichtbar. Lediglich in der Pfadanzeige sieht der Nutzer, in welcher Unterrubrik er sich befindetbefindet.
Seite 32 Case Study found4you.de
Empfehlungen zur Hauptnavigation & Pfadanzeige
Navigation & Nutzerführung
Vertikale Navigation der 1. Ebene entfernen: Die Hauptrubriken sollten nur über die horizontale Navigation angeboten werden und sollten nur über die horizontale Navigation angeboten werden und auswählbar sein.
Unterrubriken und Pfad in der linken Spalte anzeigen: Befindet sich ein Nutzer in einer der Hauptrubriken, dann sollten in der linken Spalte die jeweiligen Unterrubriken angezeigt werden.
Markierung des aktuellen Standorts: Sowohl in der horizontalen Markierung des aktuellen Standorts: Sowohl in der horizontalen Hauptnavigation als auch in den Unterrubriken auf der linken Seite sollte die aktuelle Auswahl eindeutig gekennzeichnet sein. Diese Markierung kann durch Fettsetzung und die Verwendung einer anderen Farbe erreicht werden.
Seite 33 Case Study found4you.de
Unsere Empfehlungen - visualisiert
Navigation & Nutzerführung
Kochen & EssenKochen & Essen
Kochen & Essen
► Kochwerkzeuge
► Töpfe & Pfannen
► Servieren
► Gläser & Geschirr
► Tischaccessoires
► Wein- & Barzubehör
Seite 34 Case Study found4you.de
Filter auf der Startseite (1/2)
Navigation & Nutzerführung
Wording unpassend:Das Wording der Box ist unpassend und vermittelt den Das Wording der Box ist unpassend und vermittelt den Eindruck, dass ein Wort fehlt „Sortiment nach Preis…?“.
Handhabung nicht erwartungskonform:g gAuf der Startseite handelt es sich bei den Optionen Preis, Marke etc. eher um alternative Einstiege zu den Kategorien als um Filter. Zu benutzen sind sie jedoch wie Filter, d.h. ist eine Marke ausgewählt, dann muss die Auswahl entfernt werden, um nur die Produkte einer anderen Marke betrachten zu können.
Seite 35 Case Study found4you.de
Filter auf der Startseite (2/2)
Navigation & Nutzerführung
Ebenfalls ein alternativer Einstieg:Specials besteht aus den Neuheiten und aktuellen Specials besteht aus den Neuheiten und aktuellen Aktionen. Auch dabei handelt es sich um einen alternativen Einstieg analog zu Marke / Geschenkanlass.
Seite 36 Case Study found4you.de
Empfehlungen zu den Filtern auf der Startseite
Navigation & Nutzerführung
Wording ändern: Die Box mit den Einstiegen über Preis, Marke, Geschenkanlass etc sollte umbenannt werden in „Entdecken“Geschenkanlass etc. sollte umbenannt werden in „Entdecken .
Handhabung analog der Kategorien: Die Auswahl einer Preis-spanne, eines Markennamens oder Geschenkanlasses sollte genauso nutzbar sein, wie die Auswahl einer Kategorie, d.h. es ist kein Entfernen der Auswahl notwendig, sondern es kann durch Anklicken der einzelnen Optionen gestöbert bzw nach Produkten gesucht werdenOptionen gestöbert bzw. nach Produkten gesucht werden.
Specials zu den alternativen Einstiegen hinzufügen: Die Neuheiten bzw. aktuellen Aktionen sind in der Box „Entdecken“ zu integrieren, da es sich ebenfalls um einen Einstieg ins Sortiment handelt.
Entdecken“ in der Hauptnavigation: Anstatt des Ha ptna igations„Entdecken“ in der Hauptnavigation: Anstatt des Hauptnavigations-punktes „Specials“ sollte der Punkt „Entdecken“ in die Hauptnavigation aufgenommen werden, um jederzeit ausgewählt werden zu können.
Seite 37 Case Study found4you.de
Unsere Empfehlungen - visualisiert
Navigation & Nutzerführung
Kontakt | Hilfe und FAQ
Entdecken
Kochen & EssenEntdecken
► Neuheiten
► Marken
► Geschenkanlässe
► Preis
► Awards/ Stile
► 50th Stelton
Seite 38 Case Study found4you.de
Kurzvorstellungg
eResult GmbHeResult GmbH
© eResult GmbH – Results for Your E-Business(www.eresult.de)
eResult GmbHE Commerce Research & Consulting
Kurzvorstellung
E-Commerce Research & Consulting
• Usability-Tests & Beratung( b i & b lik i
• (mobiles) Usability-Lab (Websites & Webapplikationen,Intranets, Software, Mobile Dienste & Geräte, Consumer Electronics)
• Online-Access Panel (60.000 Personen)
• Marketing-Forschung & Beratung(Online-Marketing, Online-Werbung,
• Weitere Forschungstools für…
− Blickverlaufsanalysen
Online /Onsite Befragungen ( g, g,Zufriedenheitsanalysen)
• Gründung: 2000 (Spin-off Uni Göttingen)
− Online-/Onsite-Befragungen
− (Online-)Fokusgruppen
− Clickstream-AnalysenGöttingen)
• 19 feste Mitarbeiter/-innen
• 3 Standorte: Göttingen, Hamburg,
− Umfrage-Datenbank (Bewertungen für mehr als 350 Web-Angebote)
3 Standorte: Göttingen, Hamburg, Frankfurt a.M.
Seite 40 Case Study found4you.de
Fundiertes Methoden-Knowhow
Kurzvorstellung
Umfangreiches Produktportfolio mit über 30 Methoden & Verfahren, die jedoch immer entsprechend Ihrer Frage-/Problemstellung jedoch immer entsprechend Ihrer Frage /Problemstellung ausgewählt, kombiniert und angepasst werden:
● Anforderungs- & Nutzerstrukturanalysen
● Nutzerbasierte Usability-Tests
● Online- & Panel-Befragungen
C d S ti & F k● Card-Sorting & Fokusgruppen
● Remote Usability-Testing
● Benchmarking-AnalysenBenchmarking Analysen
● Expertenevaluationen
● Prototyping
● Eyetracking
● Ethnograpische Studien
Seite 41 Case Study found4you.de
Nutzerzentrierter Entwicklungsprozesseine typische“ Vorgehensweise
Kurzvorstellung
eine „typische Vorgehensweise
Anwendung 1.0
Nutzerbefragung (Nutzerstruktur- &
Anforderungsanalyse)
Erfolgskontrolle(A-B-Test, Online-
Befragung, …)
Expertenbasierte Evaluation
(St t Anwendung 2.0 (Status quo –Analyse)
Anwendung 2.0
Denkprotokolle
Konzepterstellung(Screens /
Wireframes)
Szenariobasierter Usability-Testmit typischen
Nutzern
Konzeptionz. B. mithilfe von
Fokusgruppen
Eyetracking
Fokussierte Interviews
Clickstream-Analyse
Anwender
Konzept-& Designtest
bei mehreren Prototyp(en)-entwicklung
Analyse
Gestik & Mimik
u.v.m.
Seite 42 Case Study found4you.de
Varianten
Ausgewählte Referenzen
Kurzvorstellung
Mehr als 100 Usability-Projekte pro Jahr und eine Wiederbeauftragungsrate von über 90% sprechen für sich. Zu unseren 200 zufriedenen Kunden zählen u.a.:
Seite 43 Case Study found4you.de
DAS deutschsprachige Wissensportal in Sachen UsabilityRedaktionelle Betreuung durch eResult
Kurzvorstellung
Redaktionelle Betreuung durch eResult
Seite 44 Case Study found4you.de
Ihre Ansprechpartner: eResult GmbH
Kontakt
Thorsten Wilhelm
Geschäftsführender Gesellschafter & Gründer
0551 – 5177426
M i B h iMartin Beschnitt
Managing Director
040 - 36166 7981
Standort Hamburg:Büro Göttingen: Standort Frankfurt:Standort Hamburg:
Ludwig-Erhard-Str. 18
20459 Hamburg
040 - 36166 7981
Büro Göttingen:
Planckstr. 23
37073 Göttingen
0551 - 49569331
Standort Frankfurt:
Frankfurter Straße 151 c
63303 Dreieich
06103 - 4690943040 36166 79810551 49569331
0551 – 49569330
Website: www.eresult.de
06103 4690943
Seite 45
Themenblog: www.usabilityblog.de
Case Study found4you.de