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