Fallstudie Found4You.ppt [Kompatibilitätsmodus]€¦ · Title: Microsoft PowerPoint - Fallstudie_Found4You.ppt [Kompatibilitätsmodus] Author: User Created Date: 3/4/2011 3:06:07

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


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


Nächstes Kapitel

Methodik


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


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.


Nächstes Kapitel

Aufgabenstellung und Vorgehensweiseg


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)


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!


Nächstes Kapitel

Zentrale Fragestellungen


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?


Nächstes Kapitel

Hinweise zum Aufbau des Ergebnisbandesg


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:


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.


Nächstes Kapitel

Darstellung ausgewählter Ergebnisseg


Nächstes Kapitel

Startseite


Warenkorb

Startseite

☺ Erwartungskonforme Platzierung:

Der Warenkorb ist erwartungskonform und gut g gsichtbar platziert.


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.


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“


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.


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.


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


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.


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)


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


Nächstes Kapitel

Navigation & Nutzerführung


Horizontale Hauptnavigation


Unpassende Platzierung:Die horizontale Navigation ist oberhalb des Logos, sehr weit entfernt vom eigentlichen Content platziert und wird damit leicht übersehen.


Empfehlungen zur horizontalen Hauptnavigation


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


Hauptnavigation & Pfadanzeige (1/2)


Doppelte Hauptnavigation:Die Hauptkategorien sind gedoppelt und p g g ppwerden sowohl oben horizontal als auch auf der linken Seite als vertikale Navigation angezeigt.


Hauptnavigation & Pfadanzeige (2/2)


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.


Empfehlungen zur Hauptnavigation & Pfadanzeige


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.


Unsere Empfehlungen - visualisiert


Kochen & EssenKochen & Essen

Kochen & Essen

► Kochwerkzeuge

► Töpfe & Pfannen

► Servieren

► Gläser & Geschirr

► Tischaccessoires

► Wein- & Barzubehör


Filter auf der Startseite (1/2)


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.


Filter auf der Startseite (2/2)


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.


Empfehlungen zu den Filtern auf der Startseite


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.


Unsere Empfehlungen - visualisiert


Kontakt | Hilfe und FAQ

Entdecken

Kochen & EssenEntdecken

► Neuheiten

► Marken

► Geschenkanlässe

► Preis

► Awards/ Stile

► 50th Stelton


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.


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


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.


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


DAS deutschsprachige Wissensportal in Sachen UsabilityRedaktionelle Betreuung durch eResult

Kurzvorstellung

Redaktionelle Betreuung durch eResult


Ihre Ansprechpartner: eResult GmbH

Kontakt

Thorsten Wilhelm

Geschäftsführender Gesellschafter & Gründer

0551 – 5177426

[email protected]

M i B h iMartin Beschnitt

Managing Director

040 - 36166 7981

[email protected]

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

Documents

Fallstudie Found4You.ppt [Kompatibilitätsmodus]€¦ · Title: Microsoft PowerPoint - Fallstudie_Found4You.ppt [Kompatibilitätsmodus] Author: User Created Date: 3/4/2011 3:06:07