ANALYSE & USABILITY CHECK FÜR

Transkript

1 ANALYSE & USABILITY CHECK FÜR Wir sehen für Sie mit anderen Augen Testbericht für McShave.ch Mirabelli GmbH Chamerstr. 172 CH-6300 Zug PRUVAR GmbH

2 Inhaltsverzeichnis Inhaltsverzeichnis... 2 Management Summary... 3 Auftragsbeschreibung... 4 Was wurde auf Grund des Angebots nicht getestet... 4 Erster Eindruck, die Emotionen... 5 Testbericht... 5 Startseite und Hauptnavigation... 5 Inhalte... 6 Kontaktformular... 7 Suchen... 7 Check Out Prozess... 7 Sonstige Auffälligkeiten... 9 Wir empfehlen PRUVAR GmbH T Seite 2/20

3 Management Summary Wie besprochen haben wir den gewünschten Internetauftritt analysiert und einen Usability Test durchgeführt. Auf Basis der Ergebnisse machen wir Ihnen einige Verbesserungsvorschläge. Aufgrund unserer Analyse empfehlen wir wichtige Kontaktinformationen wie Telefonnummer und Adresse prominenter zu platzieren. eine kontrastreichere Schriftfarbe in der Kopfnavigation zu verwenden. ein Kontaktformular für einen schnelleren Online Kontakt einzurichten. die Versandkosten im Check Out Prozess deutlicher auszuweisen. Die Länderauswahl mit den Versandkosten zu entfernen, wenn es nur den Versand innerhalb der gibt. an prominenter Stelle darauf hinweisen, dass ausschliesslich Kunden mit er Adresse beliefert werden. nur die Warengruppen und Hersteller anzuzeigen, zu denen auch Produkte existieren. die Datenschutzhinweise um Google Analytics zu ergänzen. Gerne können wir die Analyse auch mit Ihnen besprechen, um allfällige Unklarheiten zu erläutern. Basierend auf dieser Auswertung können wir Ihnen nun weitere Massnahmen vorschlagen, wie Sie über Ihren Internetauftritt neue Kunden gewinnen können. PRUVAR GmbH T Seite 3/20

4 Auftragsbeschreibung Der Internetauftritt wurde hinsichtlich der Benutzerfreundlichkeit analysiert. Nachfolgend erhalten Sie eine Auflistung von Verbesserungsvorschlägen auf Basis von Best Practices und Usability Erfahrungen sowie unseren Einschätzungen. Es handelt sich um einen einfachen Test, durchgeführt von einer in Alter und Geschlecht gemischten Gruppe von drei Usability Experten. Der Test umfasste neben der Beantwortung von standardisierten Fragen, eine Sichtkontrolle und eine Funktionskontrolle des Auftritts, wobei sich die Tester hauptsächlich auf die Navigation, auf die Analyse der Darstellung, auf die Bedienbarkeit und auf den Check Out Prozess fokussierten. Der Auftritt wendet sich überwiegend an Privatkunden. In der Regel suchen diese Kunden zunächst gezielt nach spezifischen Artikeln, lassen sich von einem gut gestalteten Shop aber zum Stöbern verführen. Was wurde auf Grund des Angebots nicht getestet Das Produkt umfasst einen reinen Usability Test durch zwei Experten. Nicht getestet wurde: Die Akzeptanz bei einer definierten Zielgruppe Das emotionale Empfinden der Besucher des Auftritts (Joy of Use) Die Darstellung auf verschiedenen Browsern und Geräten Die Funktion der Formulare mit Bewertung der Reaktionszeiten und der Antwortqualität Die Sicherheit gegenüber SQL Injection s Die Ladezeiten Die Erreichbarkeit über einen langen Zeitraum (Monitoring) Testen der Prozesse und der Qualität von Anfragen, Beratungen, Lieferungen und Reklamationen über verschiedene Kanäle im Rahmen des Mystery Shoppings Sollten Sie einen umfangreicheren, und dadurch in seiner Gesamtheit aussagekräftigeren Test benötigen, empfehlen wir Ihnen eine entsprechende Beratung. PRUVAR GmbH T Seite 4/20

5 Erster Eindruck, die Emotionen Der erste Eindruck entscheidet oft darüber, ob sich der Suchende auf dem Internetauftritt zurechtfindet, sich abgeholt fühlt und sich somit weiter umsieht, oder ob er den Auftritt sogleich wieder verlässt und sich einen alternativen Anbieter sucht. In diesen, laut Google- Statistiken entscheidenden ersten 5-8 Sekunden, wurde auf dem Auftritt noch nicht navigiert, somit ist der Eindruck pur und unverfälscht. Der erste Eindruck beim Aufrufen der Startseite des Angebots im Browser ist positiv. Das Angebot gibt sich hell und freundlich. Der Hintergrund ist neutral und stört daher nicht. Die Menge der Schriftenarten und Schriftstile ist akzeptabel. Die Schriftart im Inhaltsbereich ist kontrastreich. Dadurch sind die Texte, auch bei kleiner Schrift, noch gut lesbar. Die Informationen werden gezielt eingesetzt. Der eigentliche Zweck, der Verkauf von Waren, kommt bei diesem Angebot gut zum Vorschein. Eine klare Linie ist erkennbar. Die Seite wirkt strukturiert und seriös. Das Design wirkt klassisch. Wenn man die Zielgruppe dieses Angebots betrachtet, entspricht das Design des Angebots den Erwartungen der Kunden (siehe Screenshot 1). Testbericht Startseite und Hauptnavigation Beim zweiten Blick wird der erste Eindruck weitgehend bestätigt. Dies betrifft vor allem die Darstellung der Inhalte und die Navigation. In der Kopfnavigation stört einzig die helle Schrift im blauen Farbverlauf etwas. Der Kontrast ist jedoch ausreichend (siehe Screenshot 2, Punkt 1). Im rechten oberen Bereich, gleich neben dem Warenkorb, wird die Anzahl der gekauften Artikel und der Gesamtbetrag anzeigt (siehe Screenshot 2, Punkt 2). Diese Texte gehen, im Vergleich zu den anderen Elementen in dieser Zeile, fast unter. Hier bietet sich eine grössere Schrift, eventuell auch ein fett geschriebener Text an. Das Gleiche gilt für die in blau geschrieben Zahlen. Bei der Summe empfehlen wir, auch die Währung (CHF) anzugeben. Das schafft Vertrauen. PRUVAR GmbH T Seite 5/20

6 Die Navigation ist klar und einfach. Dies trifft auf den Kopfbereich, den Fussbereich und auf die linke Navigationsspalte zu. Es gibt keine unnötigen Untermenüpunkte. Alles ist mit einem Blick zu erfassen. Dies kommt vor allem der Präsentation der Produkte entgegen. Der Kunde findet schnell und unkompliziert die gesuchte Produktgruppe. Dieses Vorgehen ist Beispielhaft. Einzig dass einige Produktgruppen keine Inhalte haben ist störend. Der Kunde wird irritiert. So gibt es zu den Produktgruppen After Shave, Unter der Dusche und Centrum - Multi Vitamin keine Produkte (siehe Screenshot 8, Screenshot 9 und Screenshot 10). Das gleiche Verhalten fiel in der Auswahlbox Herstellerauswahl auf (siehe Screenshot 11). In der linken Spalte sind unter dem Punkt Versand Bezahlung Hilfe drei Buttons mit wenig kontrastreicher Schrift zu finden (siehe Screenshot 3). Hier bietet sich an, einen grösseren Button, einen dunkleren Button oder eine dunklere Schrift zu verwenden, um die Lesbarkeit zu verbessern. Die Dreiteilung der Navigation, Kopfnavigation = Firma und Recht, linke Spalte = Produkte und Verkauf, Fussnavigation = Verkaufsunterstützung, ist von bestechender Klarheit. Eine Telefonnummer für den direkten Kontakt ist auf dem gesamten Angebot nicht sofort ersichtlich. Weder im Kopfbereich, noch im Fussbereich findet der Kunde eine Telefonnummer. Generell ist zu einer gut sichtbaren Telefonnummer anzuraten. Dies erhöht nicht nur das Vertrauen in das Angebot, viel wichtiger ist der Umstand, dass (potentielle) Kunden eine schnelle und unkomplizierte Art der Kontaktaufnahme vorfinden. Im vorliegenden Fall muss der Kunde erst Wir über uns, Kontakt oder Impressum anklicken um die Telefonnummer zu finden. Inhalte Die Inhalte werden einheitlich präsentiert. Der Kunde weiss jederzeit wo er ist und was er machen kann. Klinkt der Kunde auf eine der Produktgruppen, so werden die Artikel übersichtlich geordnet angezeigt. Die Navigation über >> Details, >> Bestellen, >> Zurück und >> In den Warenkorb ist leicht verständlich. Die klaren Informationen zum Produkt sowie die gut beschrifteten Navigationselemente geben Sicherheit (siehe Screenshot 4). Sehr schön gelöst ist die Schnellbestellung aus der Artikelgruppe heraus. Ein Klick auf >> Bestellen legt sofort den entsprechenden Artikel in den Warenkorb und wechselt zur Warenkorbansicht. PRUVAR GmbH T Seite 6/20

7 Nur ein kleiner Wehrmutstropfen findet sich auf der Partner Seite. Hier ist das Bild, gegenüber den anderen Seiten, etwas nach oben verrutscht (siehe Screenshot 5). Innerhalb der Inhalte bietet sich bei Datenschutz ein Hinweis auf die Verwendung von Google Analytics an (siehe Screenshot 6). Zudem wird auf dieser Seite mcshave.com erwähnt. Es muss mcshave.ch heissen. Kontaktformular Ein Kontaktformular ist nicht vorhanden (siehe Screenshot 7). Damit ist ein schneller, direkter Online Kontakt nicht möglich. Wir empfehlen ein Kontaktformular einzurichten. Wenn ein Kunde nach einer schnellen Kontaktmöglichkeit sucht, möchte er nicht immer sein Mail Programm starten, um die Nachricht zu schreiben. Das Vorhandensein des Kontaktformulars schafft, wie auch das Vorhandensein einer Telefonnummer, zusätzliche Sicherheit für den Kunden. Wichtig ist, dass beim Kontaktformular immer konkrete Informationen angeboten werden. Ein Text wie Wir werden Sie in den nächsten x Arbeitstagen kontaktieren wirkt vertrauensvoller als Wir werden sie schnellstmöglich kontaktieren. Suchen Eine Suche ist vorhanden und gut platziert. Die Suche umfasst nur die Artikeldaten. Alle Texte rund um Firma und Rechtliches werden bei der Suche nicht berücksichtigt. Die Suchergebnisse werden übersichtlich und informativ präsentiert (siehe Screenshot 4). Die Suchfunktion selber arbeitet nur zufriedenstellend. Es wird nach genauen Begriffen oder Stücken von Begriffen gesucht. Eine Schlagwortsuche scheint nicht vorhanden zu sein. So brachte die Suche nach dental keine Treffer. Die Suche nach zahn erbrachte dagegen 19 Treffer. Eine sinnvolle Beschlagwortung der Artikel kann die Suche deutlich verbessern. An Stelle der Schlagworte kann versucht werden die Artikeltexte mit entsprechenden Synonymen zu versehen. Check Out Prozess Der Warenkorb präsentiert sich übersichtlich (siehe Screenshot 12). Bei einer Änderung der Anzahl wird der Warenkorb neu berechnet, sobald der Button >> Neu berechnen geklickt wird. Dieses Verhalten ist traditionell. Das X oder der Papierkorb zum Löschen eines Artikels fehlt in der Darstellung. Gelöscht wird durch die Eingabe der Artikelmenge 0 und PRUVAR GmbH T Seite 7/20

8 dem anschliessenden Neuberechnen. Dieses Vorgehen ist zwar naheliegend, es wäre für den Kunden aber einfacher, wenn ein Text auf dieses Verhalten hinweist. Auf der Check Out Seite werden alle Daten zusammenhängend angezeigt. Das macht die Seite übersichtlich (siehe Screenshot 13). Das hält den Check Out Prozess übersichtlich. Sehr schön ist der Umstand, dass Kunden sich nicht registrieren müssen. Da zusätzlich keine überflüssigen Daten abgefragt werden, geht der Check Out Prozess schnell vonstatten. Die Darstellung der Waren ist übersichtlich. Informationen, wie z.b. ein Ausweisen der Mehrwertsteuer ist an dieser Stelle noch nicht zwingend erforderlich (siehe Screenshot 13, Punkt 1). Die Länderauswahl ist überflüssig, wenn nicht sogar verwirrend (siehe Screenshot 13, Punkt 2). Da nur innerhalb der geliefert wird, kann diese Auswahlbox durch einen Hinweistext wie z.b. Der Versand erfolgt nur innerhalb der. ersetzt werden. Parallel dazu können die Versandkosten, noch transparenter als jetzt, direkt bei der Summe ausgewiesen werden. So sieht der Kunde die tatsächlichen Gesamtkosten seiner Bestellung. Im Text Lieferadresse (falls abweichend) könnte das (falls abweichend) kräftiger, z.b. in Fettschrift, dargestellt werden (siehe Screenshot 13, Punkt 3). Abgesehen von den erwähnten Punkten ist der gesamte Check Out Prozess ist leicht verständlich und er läuft flüssig ab. Das neben der Kreditkartenzahlung auch die Zahlung auf Rechnung angeboten wird ist ein Plus. Bei diesem Check Out Prozess ist nicht mit einem Abbruch des Kaufes auf Basis von Irritation oder Verunsicherung zu rechnen. PRUVAR GmbH T Seite 8/20

9 Sonstige Auffälligkeiten Auf der Seite Partner gibt es unter Mobile bestellen & bezahlen beim Link keine Webseite mehr. Klickt der Kunde auf ein der folgenden Seiten im Bereich Partner, so wird die entsprechende Seite nicht in einem neuen Browserfenster geöffnet. Stattdessen ersetzt sie die Seite von mcshave.ch. Betroffen sind folgende Partner Links: Link Suchportal auf Schaufenster.ch das Shop-Portal auf Staubbeutel.ch - Ihr Staubsaugerbeutel Spezialist auf Suchportal auf Suxedoo - die grösste, kostenlose online Tombola auf Die auf Die Weinbande auf Auf der Seite Kontakt fehlt hinter dem erklärenden Text Fragen zu Ihrer Bestellung das schliessende ). Bei einem kurzen Blick auf die Seite Impressum fiel zufällig im Text Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich. das, in der in der Regel nicht, verwendet ß auf. Nach erfolgreichem Check Out und anschliessender Bezahlung wird dem Kunden ein Link zur Bestellbestätigung angezeigt. Diese wird als druckbare HTML Seite angezeigt. Auf dieser Seite muss das Logo von mcshave.ch erscheinen (siehe Screenshot 14). Ferner ist am Ende der Bestellbestätigung die Zahl bei der Mengenangabe des Portos verrutscht. Generell ist zu überlegen, die Bestellbestätigung parallel als PDF anzubieten. PRUVAR GmbH T Seite 9/20

10 Screenshot 1 PRUVAR GmbH T Seite 10/20

11 Screenshot 2 Screenshot 3 PRUVAR GmbH T Seite 11/20

20 Wir empfehlen wichtige Kontaktinformationen wie Telefonnummer und Adresse prominenter zu platzieren. eine kontrastreichere Schriftfarbe in der Kopfnavigation zu verwenden. ein Kontaktformular für einen schnelleren Online Kontakt einzurichten. die Versandkosten im Check Out Prozess deutlicher auszuweisen. Die Länderauswahl mit den Versandkosten zu entfernen, wenn es nur den Versand innerhalb der gibt. an prominenter Stelle darauf hinweisen, dass ausschliesslich Kunden mit er Adresse beliefert werden. nur die Warengruppen und Hersteller anzuzeigen, zu denen auch Produkte existieren. die Datenschutzhinweise um Google Analytics zu ergänzen. Basierend auf dem durchgeführten Test empfehlen wir Ihnen auch diese ergänzenden Test: Basis Browserkompatibilität Basis Gerätekompatibilität Basis Sicherheitstest auf SQL Injection Monitoring und Ladezeitverhalten Ihres Angebots um eine schnelle und hohe Verfügbarkeit zu garantieren Aufgrund der vorliegenden Auswertung empfehlen wir Ihnen zwingend einen Re-Test durchzuführen: 1. Überprüfung ob alle Anpassungen/Korrekturen ordnungsgemäss umgesetzt wurden. 2. Die Zielgruppe verändert sich. Ihre Kunden werden immer jünger. Dementsprechend verändern sich auch die Anforderungen an die Webseite. 3. Die Technik entwickelt dich rasant. Dadurch entstehen neue Potenziale. Gleichzeitig entstehen Schwachstellen die erkannt und behoben werden müssen. Für Fragen stehen wir Ihnen jederzeit gerne zur Verfügung: PRUVAR GmbH Cosenzstrasse 14 CH-7204 Untervaz Tel Fax PRUVAR GmbH T Seite 20/20