13.06.2016 Aufrufe

Shoplupe Expertengutachten Beispiel

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.

SHOP ANALYSE<br />

SHOP KONZEPTION<br />

SHOP COACHING<br />

360° USABILITY EXPERTENGUTACHTEN<br />

<strong>Beispiel</strong><br />

<strong>Shoplupe</strong> GmbH<br />

Fraunhofer Straße 5<br />

83714 Miesbach


Sehr geehrter Shopbetreiber,<br />

vielen Dank, dass Sie sich für das Usability <strong>Expertengutachten</strong> von <strong>Shoplupe</strong> ®<br />

entschieden haben. Wir möchten Ihnen kurz den wissenschaftlichen Hintergrund<br />

erläutern:<br />

Das <strong>Shoplupe</strong> <strong>Expertengutachten</strong> beruht auf der Usability Methode einer<br />

„Heuristischen Evaluation“. Dies bedeutet, dass Usability Experten die<br />

Benutzerschnittstelle eines Produktes untersuchen und überprüfen, inwieweit diese<br />

mit bestimmten Usability Prinzipien (Heuristiken) übereinstimmt.<br />

Die Heuristiken basieren auf den wissenschaftlichen Erkenntnissen von Jakob<br />

Nielsen, aktuellen internationalen Studien zur Conversion Optimierung, Usability<br />

Erkenntnissen der eResult GmbH, aktuellen e-Commerce Trends und Entwicklungen<br />

sowie Erfahrungen aus <strong>Shoplupe</strong> Projekten. Für das Usability <strong>Expertengutachten</strong><br />

wurden die Prüfkriterien speziell gemäß den Anforderungen eines Onlineshops<br />

entwickelt und werden ständig angepasst und weiterentwickelt.<br />

Die Heuristische Evaluation ist dem Ansatz des Discount Usability Engineering<br />

zuzuordnen. Ziel dieses Ansatzes ist es, den Verantwortlichen keinen Anlass mehr zu<br />

geben auf Usability-Analysen aufgrund des zeitlichen oder finanziellen Aufwands zu<br />

verzichten. Dafür sorgen Prüfmethoden, die effizient durchzuführen sind und geringe<br />

Kosten verursachen. Das <strong>Shoplupe</strong> ® Usability <strong>Expertengutachten</strong> erfüllt diese<br />

Kriterien.<br />

Anhand der individuell ausgearbeiteten Handlungsempfehlungen können Sie den<br />

Shop bezüglich seiner Nutzbarkeit und Nutzerfreundlichkeit weiter optimieren und<br />

gegebenenfalls die eigene Betriebsblindheit überwinden.<br />

Viel Erfolg!<br />

Ihr <strong>Shoplupe</strong>® Usability Team


ÜBER SHOPLUPE<br />

Die <strong>Shoplupe</strong> GmbH ist das Beratungsunternehmen für e-Commerce Versandhändler.<br />

Mit unserer Beratungsexpertise unterstützen wir Shop-Betreiber bei der<br />

konzeptionellen Weiterentwicklung ihrer Online-Shops. Die Nutzerfreundlichkeit des<br />

Shops steht dabei als zentraler Erfolgsfaktor im Vordergrund. Mit klarem<br />

Menschenverstand wollen wir deshalb Shop-Betreiber praxisorientiert und realitätsnah<br />

bei ihren Herausforderungen unterstützen. Unser Thema ist die Usability Optimierung<br />

von bestehenden Online-Shops, die Konzeption und Strategie-Entwicklung künftiger<br />

Shops und das Projektmanagement bei der Realisierung von Shops.<br />

<strong>Shoplupe</strong> ist seit 2011 autorisierter Trusted Shops Partner und<br />

damit das einzige empfohlene Usability- und<br />

Beratungsunternehmen.<br />

ZIEL DER ANALYSE<br />

Die Website soll Vertrauen wecken, informieren und alle Elemente zur Verfügung stellen, die<br />

User bei der Kaufentscheidung unterstützen. Das Risiko von Kaufabbrüchen soll verringert<br />

werden. Dies soll eine Steigerung der Konversionsrate zur Folge haben.<br />

Der Shop wurde von zwei <strong>Shoplupe</strong> Usability Experten analysiert, ob<br />

dieser intuitiv nutzbar ist<br />

für den User alle Informationen zur Verfügung stehen,<br />

die er zur Vertrauensbildung benötigt<br />

für den User alle Informationen zur Verfügung stehen, die er zur<br />

Kaufentscheidung benötigt<br />

Wenn nötig wurden Optimierungsvorschläge und Handlungsempfehlungen erarbeitet.


BEGRIFFSERKLÄRUNG<br />

Folgende Begriffe werden in den <strong>Shoplupe</strong>® Usability Analysen für verschiedene<br />

Navigationselemente verwendet:<br />

Gewählte Personenbezeichnungen in der Analyse schließen alle möglichen Bezeichnungen<br />

betroffener Personen mit ein. Soweit im Text Substantive verwendet werden, für die männliche<br />

und weibliche Wortformen existieren, sind je nach inhaltlichem Zusammenhang beide Formen<br />

gemeint, auch wenn aus Gründen der vereinfachten Lesbarkeit teilweise nur die männliche<br />

Form Anwendung findet. Grundsätzlich hat die Typisierung von Usern eine Vereinfachung zur<br />

Folge, da nicht alle Persönlichkeitsmerkmale von Individuen zur Thesenfindung beachtet<br />

werden können.


AUFBAU DER ANALYSE<br />

Die vorliegende Analyse ist im typischen <strong>Shoplupe</strong> ® Rasterformat aufgebaut, um die Themen<br />

optimal lesen und strukturieren zu können. So erhalten Sie konkrete Handlungsempfehlungen<br />

für Ihren Shop.<br />

In der ersten Spalte finden Sie die Bezeichnung des Prüfkriteriums. Das Kriterium wird in<br />

Spalte zwei detailliert erklärt und gegebenenfalls auf eine Studie hingewiesen. In die dritte<br />

Spalte schreiben wir die persönliche Empfehlung, gefolgt von der Priorität.<br />

<strong>Beispiel</strong>:<br />

Prioritäten im Gutachten<br />

PRIO A = große Usability Unstimmigkeit, die zum Kaufabbruch führen kann<br />

PRIO B = Usability Unstimmigkeit, die Sie optimieren sollten<br />

PRIO C = Idee / Inspiration zur weiteren Entwicklung des Shops


INHALTSVERZEICHNIS<br />

01 | Authentizität spürbar machen<br />

02 | Sicherheit & Vertrauen aufbauen<br />

03 | Zahlung & Versand<br />

04 | Gestaltungsraster & Performance<br />

05 | Attraktiv im Design<br />

06 | Kontaktoptionen<br />

07 | Kundenbindung & Service<br />

08 | Beratungskompetenz Navigation<br />

09 | Aufmerksamkeit auf der Startseite<br />

10 | Shop-Suche<br />

11 | Kategorie-Übersichtsseite<br />

12 | Produktliste<br />

13 | Produktdetailseite<br />

14 | Warenkorb<br />

15 | Bestellprozess<br />

16 | Bestellbestätigung<br />

Usability Branding<br />

Management Summary


Firmendaten<br />

Firma<br />

Straße<br />

PLZ / Ort<br />

<strong>Beispiel</strong><br />

<strong>Beispiel</strong><br />

<strong>Beispiel</strong><br />

Ansprechpartner<br />

Name<br />

Telefon<br />

Telefax<br />

E-Mail<br />

<strong>Beispiel</strong><br />

<strong>Beispiel</strong><br />

Shop<br />

Domain<br />

Shopname<br />

<strong>Beispiel</strong><br />

<strong>Beispiel</strong><br />

Prüfung<br />

Datum 2016<br />

Prüfer<br />

E-Mail<br />

Kommentar / Hinweis<br />

Urheberrecht: © Die Unterlagen des vorliegenden Shop Gutachten sind nur für den internen Gebrauch des Shopbetreibers bestimmt. Eine<br />

Veröffentlichung, Verbreitung, Vervielfältigung, Zitierung oder sonstige öffentliche Verwertung bedarf einer vorherigen, schriftlichen Genehmigung<br />

durch die <strong>Shoplupe</strong> GmbH.<br />

<strong>Shoplupe</strong>® ist eine eingetragene Marke der <strong>Shoplupe</strong> GmbH.<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


01 | Authentizität spürbar machen<br />

Die Glaubwürdigkeit ist zentraler Erfolgsfaktor im e-Commerce. Zum einen soll der User dem<br />

Shop vertrauen und dazu gibt es zahlreiche Möglichkeiten, zum anderen soll der Verkäufer aber<br />

auch als seriöser, authentischer Anbieter wahrgenommen werden. Dazu muss das Unternehmen<br />

hinter dem Shop erkennbar werden und die Kompetenz glaubwürdig spürbar gemacht werden.<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Tagline<br />

Die „Tagline“ ist der Slogan Ihrer Site. Ein guter<br />

Tagline-Slogan unterstützt das Logo des Shops<br />

und bietet gleichzeitig einen direkten Einblick in<br />

den Kerninhalt der Website. Sie können in der<br />

Tagline Ihren einzigartigen Verkaufsvorteil<br />

(USP) deutlich machen - die Abgrenzung zu<br />

Ihren Wettbewerbern, die Positionierung Ihres<br />

Shops. Ihr Shop-Name in Verbindung mit einer<br />

nutzen- oder wertversprechenden Unterzeile<br />

vermittelt sofort den Geschäftsinhalt der<br />

Website.<br />

Weder aus der der Shop URL noch aus dem<br />

Shopnamen geht der Geschäftsinhalt hervor.<br />

Sie verwenden keine Tagline im Shop. Ein<br />

individueller Zusatz zum Shopnamen kann<br />

Usern helfen, den Shopinhalt oder besondere<br />

Services schneller / eindeutiger zu erkennen<br />

und schärft Ihr Profil. Was unterscheidet Sie<br />

von anderen Anbietern, was macht Sie<br />

einzigartig? Können Sie Ihr Business in nur<br />

einem Satz beschreiben?<br />

Prio B<br />

Wichtig wären unseres Erachtens eindeutige<br />

Hinweise auf „Naturkosmetik“ (und „Schweiz“<br />

wäre ein Qualitätsmerkmal).<br />

Kriterium Erläuterung <strong>Beispiel</strong> Empfehlung ToDo<br />

„Über uns“<br />

Ein seriöser Anbieter sollte dem Interessenten<br />

die Möglichkeit geben, sich über das<br />

Unternehmen zu informieren. In einem „Über<br />

uns“-Bereich kann der Anbieter Kompetenz<br />

zeigen und durch Sympathie und Transparenz<br />

Vertrauen aufbauen. Diese Möglichkeit sich<br />

glaubwürdig als Fachverkäufer zu präsentieren<br />

sollte aus Gründen des Shop Usability<br />

Brandings nicht ungenutzt bleiben. „Über uns“<br />

gilt als etablierte Linkbezeichnung.<br />

Wir haben einen „Über uns“-Bereich im Footer<br />

gefunden der mit einer Unterseite verlinkt ist.<br />

Diese Serviceseite sollte aus Gründen der<br />

Vertrauensbildung noch mit weiteren Inhalten<br />

und Bilder ergänzt werden. Interessenten<br />

wollen hier nicht nur erfahren was Sie<br />

machen, sondern wer es macht. User, die Ihr<br />

Unternehmen noch nicht kennen überzeugen<br />

möglicherweise Inhalte, die Sie als Anbieter in<br />

einem sympathischen, seriösen und<br />

authentischen Licht zeigen.<br />

Prio B<br />

Können Sie sich vorstellen, ein Bild<br />

einzubinden, welches Sie bei der Produktion<br />

zeigt?<br />

<strong>Beispiel</strong>e für sehr gut gelungene<br />

Unternehmensprofile in Onlineshops:<br />

…<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Argumente /<br />

Vorteile Ihres<br />

Shops<br />

Im Shop sollten die<br />

Alleinstellungsmerkmale (USPs) deutlich<br />

kommuniziert werden, so dass für den<br />

User spürbar wird, warum Sie ein<br />

attraktiver Shop - idealerweise der Shop<br />

erster Wahl für den Besucher sind.<br />

Kommunizieren Sie an geeigneter Stelle<br />

Ihre wichtigsten Argumente, die den<br />

Shop attraktiv machen. Legen Sie<br />

eindeutige Leistungsmerkmale fest, wie<br />

Sie sich positionieren und damit am<br />

Markt der Beste sein wollen.<br />

Prio B<br />

Die Leiste ganz oben könnte erweitert<br />

werden. Zudem könnte man im Footer<br />

„Vorteile“ kommunizieren. Interessant<br />

sind auch Kaufargumente wie<br />

„Versandkostenfrei ab 40 € (DE)“.<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Sicherheit<br />

Jeder Shop sollte eine sichere SSL-Verbindung<br />

innerhalb des Bestellprozesses anbieten sowie<br />

wenn persönliche Daten eingegeben werden<br />

können (z.B. Kontaktformular) und dies offen<br />

und deutlich kommunizieren. In einem eigenen<br />

Verzeichnispunkt zum Thema Sicherheit und<br />

Verschlüsselung sollte der User Hinweise zu<br />

den Sicherheitsvorkehrungen bei der<br />

Übertragung von sensiblen Kundendaten<br />

finden. Laut einer W3B-Umfrage durch Fittkau<br />

& Maaß steht für 87,9% der Internet-Nutzer die<br />

Sicherheit von Daten und Zahlungsverkehr klar<br />

an erster Stelle, wenn Sie nach den wichtigsten<br />

Anforderungen an Onlineshops gefragt werden.<br />

Eine sichere Zahlungsabwicklung gehört zum<br />

Standard eines jeden Shops.<br />

Informationen zum Thema Sicherheit sind in<br />

den Datenschutzinformationen enthalten. Sie<br />

sollten entweder einen Link direkt darauf<br />

setzen oder „Datenschutz“ in „Sicherheit &<br />

Datenschutz“ umbenennen. Ergänzen Sie<br />

außerdem noch den Punkt „SSL<br />

verschlüsselte Datenübertragung“.<br />

Den Hinweis auf SSL sollten Sie in den Footer<br />

platzieren, derzeit sieht man Grafik und<br />

Hinweis nur auf der Startseite.<br />

Prio B<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Datenschutz<br />

Datenschutz ist ein hochsensibles Thema<br />

beim Online-Shoppen, das auch von den<br />

Medien immer wieder aufgegriffen wird.<br />

Studien weisen permanent auf die<br />

Wichtigkeit des Themas Datenschutz hin.<br />

Um den Vertrauensbildungsprozess<br />

positiv zu beeinflussen, muss jeder Shop<br />

Informationen zu diesem Thema zur<br />

Verfügung stellen. Laut einer Studie von<br />

eResult erwarten 58% der befragten User<br />

Datenschutz-Hinweise im Footer-Bereich.<br />

Lt. einem Urteil im Juni 2013 droht eine<br />

Abmahnung bei fehlender<br />

Datenschutzerklärung im Shop.<br />

Informationen zum Datenschutz findet<br />

der User im Footer. Der Inhalt ist<br />

professionell und verständlich formuliert.<br />

Optimal wäre eine zusätzliche<br />

downloadbare PDF-Version.<br />

Externe Links schließen den Shop (z.B.<br />

econda, google), hier bitte neue<br />

Browsertabs öffnen lassen.<br />

Prio A<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Retourenprozess<br />

Der Retourenprozess verläuft in Shops<br />

unterschiedlich: Manchmal muss ein<br />

Retourenschein angefordert werden, bei<br />

manchen Versendern ist der<br />

Retourenschein in der Lieferung<br />

enthalten. Um den Prozess für User<br />

möglichst transparent zu machen und<br />

Rückfragen zu minimieren, sollte der<br />

Retourenfall in den Kundeninformationen<br />

erklärt werden. So kann man sich vorab<br />

mit dem Retourenmanagement im Shop<br />

vertraut machen. Lt. einer Studie von ECC<br />

(2014) erwarten über 87% der mehr als<br />

zehntausend befragten Konsumenten<br />

eine unkomplizierte Retourenabwicklung.<br />

Begleiten Sie den Retourenprozess mit E-<br />

Mail-Statusmeldungen.<br />

Der Retourenprozess ist für den User<br />

nicht klar. Sie sollten Usern mehr<br />

Informationen zur Verfügung stellen, wie<br />

Retouren abgewickelt werden.<br />

Liegt der Sendung bereits ein<br />

Retourenschein bei oder muss dieser<br />

ggf. angefordert werden, muss das Porto<br />

ausgelegt werden, bekommt man eine<br />

Gutschrift für das Porto etc. Detaillierte<br />

Informationen stärken das Vertrauen in<br />

den Shop und Shopbetreiber. Ideal ist<br />

eine separate Unterseite „Rücksendung“<br />

in den Kundeninformationen.<br />

Prio B<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Auswahl<br />

Zahloptionen<br />

Payment ist extrem wichtig und ist<br />

Bestandteil des Businessplans eines<br />

Online-Shops. Dem Besteller soll eine<br />

möglichst große Vielfalt an<br />

Bezahloptionen angeboten werden. Das<br />

macht einen Shop attraktiv und<br />

möglicherweise zur ersten Wahl, wenn<br />

das präferierte Zahlmittel geboten wird.<br />

Mit Rechnungskauf konnte telefon.de lt.<br />

einer Studie eine um mehr als 10%<br />

höhere Conversion erreichen. Der Wert<br />

des Warenkorbs stieg um 20 %.<br />

Sie bieten Ihren Kunden eine top<br />

Auswahl gängiger Zahlungsarten. Die<br />

Zahlungsmöglichkeiten werden jeweils<br />

kurz beschrieben und Logos der<br />

Zahlungsanbieter werden angezeigt –<br />

diese könnten noch größer eingebunden<br />

werden.<br />

Prio B<br />

Ergänzen Sie Hinweise zu Amazon<br />

Payment und DHL Nachnahme.<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Auffindbarkeit<br />

Zahlungsinformationen<br />

Zahloptionen und die -konditionen sollen<br />

offen auf der Website kommuniziert<br />

werden und schnell auffindbar sein, so<br />

dass sich User ohne Hürden vorab<br />

informieren können.<br />

In den Kundeninformationen gibt es<br />

einen Link, der direkt zu Informationen<br />

bzgl. der Bezahlung im Shop führt. Die<br />

Inhalte sind nicht ausreichend<br />

umfangreich. Die Zahlung gehört zu den<br />

kritischen Instanzen im Distanzhandel.<br />

Prio B<br />

Widmen Sie dem Thema eine eigene<br />

Infoseite, listen Sie die Optionen auf und<br />

ergänzen Sie jeweils Details dazu.<br />

Kontraste<br />

Zu geringe Kontraste im Shop erwirken<br />

den Effekt, dass das Design blass und<br />

langweilig wirkt, zu starke Kontraste<br />

wiederum können den Shop unruhig<br />

wirken lassen. Dies kann den „Joy of<br />

Use“ oder im schlimmsten Fall die<br />

reibungslose Bedienbarkeit der<br />

Shopseiten negativ beeinflussen. Kontrast<br />

erleichtert ebenso das Lesen von Text,<br />

das beste Verhältnis entsteht bei dunklem<br />

Text auf hellem Grund.<br />

Die Kontraste im Shop sind angenehm<br />

und Inhalte gut erfassbar. Das Grund-<br />

Layout ist schwarz/weiß gehalten –<br />

typisch für Fashion Shops. Achten Sie<br />

darauf, dass bei Überlagerung von<br />

Inhalten die problemlose Lesbarkeit<br />

gewährt bleibt. Die Typo wird zudem<br />

insbesondere im Internet Explorer<br />

unscharf dargestellt.<br />

Prio B<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Ladezeit /<br />

Performance<br />

Websurfer sind ungeduldig und erwarten<br />

einen schnellen Seitenaufbau in<br />

Onlineshops. Für Google ist eine schnelle<br />

Ladezeit im Zusammenhang mit dem<br />

Nutzungserlebnis der Besucher sehr<br />

wichtig. Auch dies sollte ein gewichtiger<br />

Grund sein, auf die Performance des<br />

Shops erhöhtes Augenmerk zu legen.<br />

Die Performance des Shops ist<br />

durchwegs unzureichend, dieses<br />

Problem sollte dringend behoben<br />

werden.<br />

Prio A<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Schriftliche<br />

Erreichbarkeit<br />

Der Shopanbieter sollte auf einer<br />

Unterseite „Kontakt“ neben einem simplen<br />

Kontaktformular auch eine E-Mail-Adresse<br />

anbieten. Es ist sehr wichtig, in<br />

Kontaktformularen lediglich jene Angaben<br />

als Pflichtfelder abzufragen, die für die<br />

aus der Anfrage resultierende Aktion<br />

sinnvoll sind.<br />

Im Bereich „Kontakt“ sollten neben dem<br />

Kontaktformular auch die kompletten<br />

Anbieterdaten dargestellt werden (Tel.,<br />

Fax, E-Mail-Adresse, Postanschrift), so<br />

dass der User hier die vom ihm<br />

bevorzugte Option der Kontaktaufnahme<br />

auswählen kann. Optimieren Sie die<br />

Darstellung im Internet Explorer:<br />

Prio B<br />

Positiv aufgefallen ist, dass Sie auf ein<br />

Captcha beim Kontaktformular<br />

verzichten, da dies von Ihren Usern<br />

einen zusätzlichen - und bei<br />

Fehleingaben oft frustrierenden Aufwand<br />

abverlangt.<br />

Auf der Kontaktseite sollte SSL<br />

aufgebaut werden.<br />

Sie könnten die Kontaktseite noch<br />

emotionalisieren. <strong>Beispiel</strong> links.<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Grafische<br />

Übersicht<br />

Zahloptionen<br />

Eine Studie (ECC) belegt, dass viele<br />

Zahlungsmöglichkeiten erst recht eine<br />

positive Auswirkung auf den<br />

Kaufabschluss haben, wenn dazu<br />

frühzeitig im Shop informiert wird.<br />

Relevante Logos für PayPal, Kreditkarten,<br />

Giropay aber auch Vorkasse, Rechnung<br />

etc. sollten daher gut sichtbar im<br />

permanent sichtbaren Bereich des Shops<br />

an schlüssiger Stelle platziert sein. Hierfür<br />

hat sich der Footer etabliert.<br />

Die Logos werden im Footer angezeigt.<br />

Den Bereich bitte direkt mit einer<br />

entsprechenden Unterseite in den<br />

Kundeninformationen verlinken. „Klarna“<br />

ist nicht aussagekräftig - kommunizieren<br />

Sie deutlich, dass in Ihrem Shop Zahlung<br />

auf Rechnung möglich ist. Ergänzen Sie<br />

Grafiken für Vorkasse und Lastschrift.<br />

Prio A<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Mobility Ein wichtiger Schwerpunkt im<br />

E-Commerce liegt auf der mobilen<br />

Verfügbarkeit von Onlineshops. Eine<br />

Optimierung ist nicht nur wichtig, weil auf<br />

mobilen Geräten weiteres<br />

Umsatzpotenzial besteht, sondern auch<br />

weil Google mittlerweile mobile friendly<br />

Shops besser rankt. Geprüft wird, ob der<br />

Shop auf Tablet (iPad) und Smartphone<br />

(iPhone) optimal dargestellt wird. Neben<br />

dem entscheidenden Aspekt der<br />

Nutzbarkeit sollten Sie auch aus Gründen<br />

der Markenführung jeden Besucher auf<br />

seinem Endgerät optimal „abholen“.<br />

Mobile Shops sind daher reduziert und<br />

einfacher gestaltet – müssen den Nutzen,<br />

Vorteil und die Identität des Shops aber<br />

bewahren.<br />

Sie bieten dem Nutzer einen auf mobile<br />

Endgeräte optimierten Shop. Im Header<br />

wird sowohl auf dem Tablet als auch auf<br />

dem Smartphone nur die Logo Grafik<br />

angezeigt, der Shopname fehlt - dies<br />

halten wir aktuell für nicht optimal, weil<br />

der Shop neu ist und noch keine große<br />

Bekanntheit hat.<br />

Sie könnten den ersten Teaser der<br />

Bühne auf mobilen Endgeräten fixieren,<br />

so bleibt der Slogan im Blick und mit<br />

„Jetzt starten“ bieten Sie einen<br />

deutlichen Einstieg.<br />

Prio B<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Hervorhebungen<br />

Nicht alle Informationen können wichtig<br />

sein und besonders hervorgehoben<br />

werden. Die Konzentration auf das<br />

Wesentliche sollte im Vordergrund stehen.<br />

So besitzt eine minimale Anzahl an<br />

ausdrucksstarken Eye Catchern die<br />

größte Wirkung.<br />

Viele zum Teil animierte Teaser und<br />

grafische Elemente buhlen auf der<br />

Startseite um die Aufmerksamkeit der<br />

User. Dadurch ist eine zielgenaue<br />

Nutzerführung nicht optimal möglich.<br />

User werden überfordert und steuern<br />

unkontrolliert zu irgendeinem Link oder<br />

verlassen im schlimmsten Fall den Shop<br />

vorzeitig. Sie sollten klare Ziele verfolgen<br />

und User gezielt zu Angeboten,<br />

Produktgruppen und Aktionen führen.<br />

Die linke Randspalte könnte auf der<br />

Startseite leicht weggelassen werden. So<br />

könnte sich der User schlicht auf die<br />

animierte Aktionsbühne sowie die<br />

Produkte darunter konzentrieren.<br />

Prio B<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Weitere<br />

Anmerkungen<br />

Weitere Anmerkungen zum<br />

Gestaltungsraster.<br />

Herstellerseiten sind nicht aufrufbar, es<br />

kommt zur Fehlermeldung in den<br />

Browsern, User fliegen an dieser Stelle<br />

zudem aus dem Shop - bitte dringend<br />

prüfen. Hier können User verloren<br />

gehen.<br />

Prio A<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Link-Gestaltung Unsere Wahrnehmung wird in<br />

erheblichem Maße durch Erfahrungen und<br />

daraus resultierende Erwartungen<br />

geprägt. Aus diesem Grund sollten<br />

textbasierte Links zugunsten einer<br />

optimalen Usability weiterhin konsequent<br />

als solche formatiert dargestellt werden,<br />

so dass Links sich eindeutig von<br />

gewöhnlichen Texten ohne Linkfunktion<br />

unterscheiden. Links müssen für den User<br />

klar erkennbar sein, andere Textelemente<br />

dürfen nicht wie Links aussehen. Usability<br />

Guru Jakob Nielsen im März 2014: „To<br />

help users quickly find what they need,<br />

anchor text should stand out from the<br />

body content and accurately describe the<br />

page that it refers to.“<br />

Im Shop gibt es unterschiedliche<br />

Linkformatierungen. Die Formatierungen<br />

wurden nicht konsequent verwendet. Der<br />

User kann sich daher nicht optimal<br />

orientieren und wird eventuell manchen<br />

Link nicht erkennen.<br />

Es fehlen Roll-Over-Effekte.<br />

Prio B<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Roll-Over-Effekte<br />

(„hover“)<br />

Hover / MouseOver Effekte vereinfachen<br />

das Navigieren auf der Website<br />

(Desktop), erhöhen den „Joy of Use“.<br />

Dezentes System-Feedback unterstützt<br />

bei der Orientierung im Shop und wirkt<br />

interaktiv.<br />

Das Navigieren im Shop wird noch<br />

angenehmer werden, wenn Sie<br />

konsequent „Hover“ verwenden - auch<br />

bei Buttons. Dezentes Systemfeedback<br />

durch RollOver-Effekte unterstützt bei<br />

der Navigation und Orientierung im Shop<br />

und erhöht auch den sogenannten „Joy<br />

of Use“. Ein wesentlicher Punkt bei<br />

jedem Interface.<br />

Prio B<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Newsletter Über Newsletter können Inhalte<br />

regelmäßig per E-Mail an Interessenten<br />

gesendet werden. Newsletter eignen sich<br />

hervorragend für Direktmarketing-<br />

Maßnahmen, um die Kundenbindung<br />

aufrecht zu erhalten bzw. zu stärken, was<br />

wiederum eine Steigerung der<br />

Konversionsrate zur Folge haben kann. In<br />

einer Fallstudie (ConAgra Foods)<br />

generieren Verbraucher, die sich zu<br />

einem Newsletter anmelden knapp 35%<br />

mehr Abverkäufe. Machen Sie die<br />

Anmeldemöglichkeit leicht zugänglich,<br />

beschränken Sie sich im Anmeldeprozess<br />

auf die E-Mailadresse als Pflichtangabe.<br />

Wie abonniert man den Newsletter unter<br />

xxx/newsletter?<br />

E-Mail-Marketing bietet die Möglichkeit,<br />

Kundenbindung aufzubauen sowie<br />

Begehrlichkeiten und Kauflaune zu<br />

wecken. Bitte bedenken Sie: ein<br />

Newsletter-Abo ist auch eine<br />

Transaktion, der User wünscht eine<br />

Bindung zu Ihrem Unternehmen.<br />

Im Footer wäre noch Platz für eine Abo-<br />

Box.<br />

Prio A<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Social-Media-<br />

Präsenzen (Social<br />

Proof)<br />

Unternehmenspräsenz auf Social-<br />

Community-Seiten ist wichtig.<br />

Shopbetreiber nutzen Twitter, Google+,<br />

Pinterest, Instagram und facebook<br />

Accounts als weitere Kanäle für<br />

Reichweite, PR, Storytelling und<br />

Kundenbindung. Mit sinnvollen Aktivitäten<br />

in Social Communities können Sie bei<br />

Interessenten einen sympathischen,<br />

authentischen Eindruck hinterlassen und<br />

eine persönliche Bindung aufbauen.<br />

Im Header und Footer sind Social Media<br />

Präsenzen (facebook, goggle+) verlinkt.<br />

Sämtliche Links schließen den Shop,<br />

hier müssen neue Browsertabs öffnen.<br />

Ob diese Art von Artikeln geteilt werden<br />

ist fraglich, Share-Optionen haben sicher<br />

keine hohe Relevanz. Ein „facepile“<br />

könnte sinnvoll sein, wenn Sie mehr<br />

Fans haben.<br />

Prio A<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Weitere<br />

Anmerkungen<br />

Weitere Anmerkungen zu<br />

„Kundenbindung“.<br />

Ein Blog kann den Shop von einer ganz<br />

anderen Seite präsentieren. Eine<br />

Chance, um nicht nur die Produkte<br />

darzustellen, sondern auch Ideen und<br />

Anwendungen zu präsentieren. Sie<br />

bieten hier nützlichen Content.<br />

Prio B<br />

Achten Sie darauf, dass der Shop im<br />

Blog Bereich problemlos nutzbar ist,<br />

siehe Screenshot: die Shopseite rutscht<br />

nach rechts, es gibt keinen Scrollbalken.<br />

Wir konnten diese Darstellung nicht<br />

willentlich reproduzieren, bitte prüfen.<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Navigationsplatzierung<br />

Die Navigation wird je nach Umfang<br />

entweder oben horizontal und/oder am<br />

linken Shoprand platziert. Dies gilt als<br />

Standard (Sehgewohnheit). Gewohnte<br />

Positionierungen verkürzen die<br />

Orientierungszeit, der User kann sich<br />

sofort den Shop-Inhalten zuwenden. Eine<br />

horizontale Navigation sollte nicht über<br />

einem Werbebanner angebracht sein, weil<br />

sie dort aufgrund der sogenannten<br />

„Bannerblindheit“ leicht übersehen werden<br />

kann.<br />

Die Hauptnavigation wird vollständig im<br />

Header dargestellt. Dadurch stehen alle<br />

Einstiege jederzeit zur Verfügung.<br />

Die optische Darstellung ist sehr dezent,<br />

wir empfehlen eine Navigationsleiste zu<br />

ergänzen, so findet das Auge besser<br />

Halt. Die Hauptkategorien sind das<br />

wichtigste Element für den Einstieg und<br />

um den Geschäftsinhalt von Vimeda zu<br />

begreifen.<br />

Zudem wäre die Suche besser als<br />

Eingabefeld dargestellt, man kann sich<br />

dann viel schneller orientieren.<br />

Prio B<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Filteroptionen /<br />

Faceted<br />

Navigation<br />

Sehr hilfreich ist, wenn systemseitig eine<br />

Shopberatung stattfindet. Dies erfolgt<br />

auch über eine sogenannte „Faceted<br />

Navigation“. Das System fragt den User<br />

über Attribute nach seinen Bedürfnissen<br />

und der Shop liefert relevante<br />

Produktlisten aus. So können Sie auch<br />

Artikel in den Fokus bringen, die in der<br />

Regel in Produktlisten weit hinten platziert<br />

sind (Long Tail). Ziel ist, dass der User<br />

durch das Filtern weniger, aber präzisere<br />

Ergebnisse in der Produktliste angezeigt<br />

bekommt und sein Wunschprodukt schnell<br />

im Shop findet.<br />

Die umfangreichen Filtermöglichkeiten<br />

im Shop sind einer Kaufberatung<br />

gleichzustellen. Der User kann seine<br />

Bedürfnisse angeben und erhält eine für<br />

ihn/sie passende Auswahl an Produkten.<br />

Mit einer Mehrfachauswahl könnte der<br />

User noch besser nach dem passenden<br />

Produkt stöbern.<br />

Entspricht die Reihenfolge der Attribute<br />

der Relevanz? Z.B. Armanschluss vor<br />

Kragenform.<br />

Prio B<br />

Es wäre hilfreich, wenn der User mit<br />

einem Klick alle Filter zurücksetzen<br />

könnte.<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Weitere<br />

Anmerkungen<br />

Weitere Anmerkungen zur Navigation.<br />

Die Layer der Headernavigation sind<br />

optimierbar. Etablieren Sie eine<br />

„Meganavigation“ mit breiten Flyouts.<br />

Hier bitte weitere Einstiege anbieten und<br />

dem User die Möglichkeit geben, sich<br />

schnell und ohne hin-und-herklicken mit<br />

dem gesamten Sortiment des Shops<br />

vertraut machen zu können. So<br />

entstehen u.a. möglicherweise noch<br />

weitere Bedürfnisse, was<br />

Umsatzsteigerungen zur Folge haben<br />

kann. Geben Sie Marken im Shop<br />

deutlich mehr Präsenz.<br />

Prio B<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Lieferzeiten<br />

Bereits in der Produktliste sollten die<br />

Lieferzeiten der einzelnen Produkte<br />

angezeigt werden. Nur so kann man sich<br />

gleich für ein Produkt entscheiden, das<br />

sofort lieferbar ist, wenn dieses Kriterium<br />

ausschlaggebend sein sollte. Ersparen<br />

Sie dem User mehrfaches, ggf.<br />

frustrierendes Klicken zwischen<br />

Listenebene und Detailseiten.<br />

Die Lieferzeiten werden in den<br />

Produktlisten nicht dargestellt. Es<br />

besteht die Gefahr den User zu<br />

verärgern, wenn er mehrmals auf die<br />

Produktdetailseiten klickt, um<br />

festzustellen, dass die Lieferzeiten nicht<br />

seinen Wünschen entsprechen. Wenn<br />

Artikel keine Varianten mit<br />

unterschiedlichen Lieferzeiten haben,<br />

sollten Sie diese noch ergänzen, um<br />

dem User die Produktvorauswahl zu<br />

erleichtern.<br />

Prio B<br />

Eine Darstellung mit Bullet und Tooltip<br />

bei MouseOver wäre ausreichend. Vgl.<br />

design3000.de<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Produktabbildungen<br />

Produktlisten enthalten aussagekräftige<br />

Abbildungen ergänzt. Produkte müssen<br />

gut erkennbar sein, zu kleine Bilder wirken<br />

sich negativ auf das Nutzungserlebnis<br />

aus.<br />

Die Abbildungen sind angenehm in der<br />

Größe, allerdings müssen Sie<br />

sicherstellen, dass die Abbildungen auf<br />

allen Bildschirmen scharf sind. Einige<br />

Inhalte sind unscharf.<br />

Prio B<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Produktnamen Produktnamen sollten komplett<br />

ausgeschrieben und ohne Abkürzungen<br />

nach den Vorgaben des Herstellers<br />

formuliert werden. Produktnamen sind<br />

auch Keywords für Suchmaschinen, ihre<br />

korrekte Schreibweise ist deshalb<br />

essenziell.<br />

Die Produktnamen sind nicht vollständig<br />

ausgeschrieben und nur in der<br />

Breadcrumb sehr klein zu lesen. Sie<br />

sollten den Produktnamen deutlich über<br />

dem Produkt anzeigen und diesen ggf.<br />

kürzen.<br />

Prio B<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


15 | Bestellprozess<br />

Hat sich der User für ein oder mehrere Produkte entschieden, wird er den technischen<br />

Kaufprozess (Checkout) starten. Hier gehen nach verschiedenen Studien in der Regel immer noch<br />

zwischen 40-60% der Besucher verloren, die den Kauf abbrechen. Gründe für Kaufabbrüche sind<br />

u.a. fehlende Informationen, technische Fehler, mangelnde Zahlungsoptionen, Zuschläge oder<br />

auch gefühlte Unsicherheit. Letztendlich vertreibt man User auch …<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Bestellen mit /<br />

ohne<br />

Registrierung<br />

In vielen Shops ist es notwendig ein<br />

Kundenkonto anzulegen um bestellen zu<br />

können. Es gilt als nutzerfreundlich, dem<br />

User die Wahl zu lassen, ob er einen<br />

Account anlegen oder ohne<br />

Pflichtregistrierung kaufen möchte. Wenn<br />

Sie User zur Registrierung bewegen<br />

möchten, beispielsweise wegen<br />

zukünftiger Kundenbindungsmaßnahmen,<br />

sollten Sie mit der Registrierung eine<br />

Belohnung verknüpfen, z.B. Rabatt für<br />

Neukunden oder spezielle Benefits. Laut<br />

einer Studie erachten es nahezu die<br />

Hälfte der befragten User als geradezu<br />

selbstverständlich, dass ein Online-Shop<br />

einen personalisierten Bereich anbietet, in<br />

dem er die Verwaltung der Bestelldaten,<br />

Adressen und Zahlungsarten organisiert.<br />

Vier von zehn Nutzern brechen den Kauf<br />

beim Anlegen eines Kundenkontos lt.<br />

einer Studie von trbo (2014) ab - selbst<br />

wenn bereits Produkte im Warenkorb<br />

liegen.<br />

Der User ist gezwungen sich zu<br />

registrieren, um die Bestellung zu<br />

tätigen, dies begünstigt Kaufabbrüche.<br />

Sie sollten alternativ eindeutig eine<br />

Bestellung ohne Registrierung anbieten,<br />

so dass der User eine Wahl treffen kann.<br />

Studien sprechen von bis zu 25%<br />

Kaufabbrüche bei Zwang zur<br />

Registrierung. Wenn Sie eine<br />

Registrierung für unverzichtbar halten<br />

sollten Sie dem Nutzer dies erläutern.<br />

Prio A<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Fehlermeldungen Fehlermeldungen müssen sowohl<br />

inhaltlich als auch „optisch“ bei der<br />

Fehlererkennung und Korrektur<br />

unterstützen: die falsche oder fehlende<br />

Angabe sollte genau bezeichnet und der<br />

Eingabebereich farbig hervorgehoben<br />

werden. Geben Sie dem User in höflicher<br />

Alltagssprache Hinweise zur<br />

Fehlerkorrektur. User sollten niemals<br />

aufgrund von Fehlermeldungen ein<br />

Formular komplett von vorne ausfüllen<br />

müssen. Es muss eine<br />

Zwischenspeicherung der bisher<br />

eingegebenen Daten stattfinden.<br />

Unterstützen Sie den Besteller an dieser<br />

kritischen Stelle. Sie sollten neben der<br />

grafischen Hervorhebung noch<br />

erklärende Informationen zu den<br />

fehlenden Angaben liefern.<br />

Prio C<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Lieferadresse<br />

Eine gesonderte Lieferadresse sollte erst<br />

eingeblendet werden, wenn der Besteller<br />

dies aktiv wünscht. Erst dann werden die<br />

zusätzlichen Datenfelder angezeigt. So<br />

kann das Bestellformular zumindest<br />

optisch minimiert werden.<br />

Eingabefelder für eine alternative<br />

Lieferadresse werden nur angezeigt,<br />

wenn der Besteller dies aktiv wünscht.<br />

So bleibt der Bestellprozess<br />

übersichtlicher. Prüfen Sie die<br />

Darstellung:<br />

Prio B<br />

Kriterium Erläuterung / <strong>Beispiel</strong> Empfehlung ToDo<br />

Korrekturmöglichkeiten<br />

Der User muss die Möglichkeit haben,<br />

den Warenkorb vor Abschluss der<br />

Bestellung zu korrigieren, d.h. Artikel<br />

herausnehmen und Mengen verändern<br />

können. Nach § 312e BGB (Pflichten im<br />

elektronischen Geschäftsverkehr) muss<br />

der Unternehmer dem Kunden<br />

„angemessene, wirksame und<br />

zugängliche technische Mittel zur<br />

Verfügung zu stellen, mit deren Hilfe der<br />

Kunde Eingabefehler vor Abgabe seiner<br />

Bestellung erkennen und berichtigen<br />

kann“.<br />

In der Bestellzusammenfassung lassen<br />

sich keine direkten Änderungen an<br />

Produkten vornehmen. Bitte integrieren<br />

Sie auch beim Warenkorb den<br />

entsprechenden Link „ändern“ in der<br />

Bestellzusammenfassung.<br />

Prio B<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


Management Summary<br />

Der Shop ist technisch professionell, basiert auf Responsive Webdesign und bietet dem User eine<br />

Smartphone Version des Shops.<br />

….<br />

Der Bestellprozess sollte lt. Empfehlungen im Usability Expertengutachen optimiert werden, mit dem Ziel<br />

Bestellabbrüche zu reduzieren (Conversion Optimierung).<br />

…<br />

Um die Glaubwürdigkeit zu stärken sollten Sie Ihre Content Strategie weiterentwickeln:<br />

Warum …<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90


<strong>Shoplupe</strong> GmbH | Fraunhofer Str. 5 | 83714 Miesbach<br />

Tel. +49 (0) 8025 - 925928 – 0 | Fax - 2<br />

E-Mail: info@shoplupe.com | www.shoplupe.com<br />

Die Unterlagen der Usability Gutachten der <strong>Shoplupe</strong> GmbH sind nur für den internen Gebrauch des Shopbetreibers bestimmt. Eine Veröffentlichung,<br />

Verbreitung, Vervielfältigung, Zitierung oder sonstige öffentliche Verwertung bedarf einer vorherigen, schriftlichen Genehmigung durch die <strong>Shoplupe</strong><br />

GmbH. <strong>Shoplupe</strong> ® ist eine eingetragene Wort- Bildmarke.<br />

Copyright by <strong>Shoplupe</strong>® | Seite xx von ca. 90

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!