Usability. - ein wichtiger Erfolgsfaktor für E-Commerce-Webseiten. Potsdam, 12. Juni 2008

Transkript

1 Usability - ein wichtiger Erfolgsfaktor für E-Commerce-Webseiten Potsdam, 12. Juni 2008

2 Usability Allgemein wird Usability durch die Tatsache definiert, dass ein Benutzer ein Produkt effektiv, effizient und zufrieden stellend benutzen kann. Effektivität: Ziele werden erreicht Effizienz: erforderlicher Aufwand zur Zielerreichung ist angemessen Zufriedenheit: emotionale Qualität der Nutzung Usability ist dabei kein alleiniges Kennzeichen, sondern ein Zusammenspiel aus diversen Faktoren

3 Eine Website mit schlechter Usability / User Experience Verwirrt den Besucher und führt ihn nicht zum Ziel Ist frustrierend Lässt den Besucher mit ungeklärten Fragen allein Bleibt hinter seinen Erwartungen zurück Zwingt den Besucher, länger zu bleiben, als er will Hat hohe Abbruchraten

4 Eine Website mit guter Usability / User Experience Führt den Besucher schnell zum Ziel Macht Freude Gibt dem Besucher die Informationen, die er braucht Lädt den Besucher zum Verweilen ein Wird gerne wieder besucht Hat hohe Kaufabschlüsse

5 Warum also Usability? Die Optimierung eines Onlineshops führt zu gesteigerten Konversionsraten, zu erhöhten Umsätzen, zu gestiegener Kundenzufriedenheit und zu verringerten Supportkosten. Viel Umsatz wird nicht gemacht, weil Nutzer nicht finden, was sie suchen, das Kauferlebnis frustrierend ist und Kunden daher zur Konkurrenz wechseln

6 Der schnelle Weg zum optimierten Online-Shop

7 Best Practice - Die Startseite

8 Startseite: Der erste Eindruck zählt! Entscheidend über den Verbleib auf der Webseite: Schneller Überblick über die präsentierten Produkte Verschiedene Einstiegs- und Handlungsoptionen Zum Weitersurfen animieren

9 Startseite: Der erste Eindruck zählt! Schneller Überblick über die präsentierten Produkte: Teaser als Blickfang Große und ansprechende Produktabbildungen Klarer Seitenaufbau durch (drei) Spalten

10 Startseite: Der erste Eindruck zählt! Verschiedene Einstiegs- und Handlungsoptionen: Obere Navigationsleiste als Hauptnavigation Navigation über den Content-Bereich Suchfunktion

11 Startseite: Der erste Eindruck zählt! Zum Weitersurfen animieren: Gut strukturierter Seitenaufbau Freundlicher Eindruck durch farbliche Gestaltung Informationen und Abbildungen sind erwartungskonform zu 'BLUME2000.de'

12 Startseite: Zielgerichtet oder stöbernd einsteigen Zielgerichtet: Über die obere Navigationsleiste Über die Suchfunktion Stöbern: Inspiration durch große, emotional ansprechende Teaser

13 Best Practice - Der Weg zum Produkt / Die Suchfunktion

14 Suchfunktion: Häufigster Einstieg für zielgerichtete Nutzer Zentrales Element im Online- Shop Auf der Startseite, direkt im Blickfeld des Betrachters, platzieren Filtermöglichkeiten zur Einschränkung der Suchergebnisse anbieten

15 Suchfunktion: Den Nutzern Unterstützung anbieten Schon während der Eingabe passende Treffer anzeigen Fehlertoleranz, z.b. gegenüber Rechtschreibfehlern

16 Best Practice - Kategorienavigation

17 Kategorienavigation: Wegweiser für den Shop Wichtigstes Orientierungselement für zielgerichtete und stöbernde Shopper: Klare Einstiegsmöglichkeiten über Kategorie- oder Produkt-Teaser Eindeutig definierte, gut erkennbare Informationsarchitektur Verständliche und einheitliche Klickwege Kategorie-übergreifende Vergleichs- und Kombinationsmöglichkeiten

18 Kategorienavigation: Wegbeschreibung für zielgerichtete Shopper Nachvollziehbare Einteilung in Haupt- und Unterkategorien Konsistente Klickpfade bei der Vorund Zurücknavigation

19 Kategorienavigation: Inspiration für Stöberer Produktwelten als Kategorien

20 Best Practice - Kategorie-Übersicht

21 Kategorie-Übersicht: Die Produkte einer Kategorie im Überblick Helfer bei der Suche nach dem passenden Angebot: Einheitlicher Seitenaufbau als Orientierungshilfe Einblick über die verschiedenen Unterbereiche und Funktionen Kurze und übersichtliche Darstellung der ersten, wichtigsten Produktinformationen

22 Kategorie-Übersicht: Der erste Kontakt mit dem Produkt Gliederung langer Produktlisten erhöht die Übersichtlichkeit Sortier- und Filtermöglichkeiten helfen, das Angebot auf die relevanten Kriterien einzuschränken

23 Best Practice - Produktinformationen

24 Produktinformationen: Entscheidungsgrundlage für den Kauf Auf der Detailseite entscheidet sich der Nutzer für oder gegen ein Produkt: Wichtige Produktdetails kommunizieren Interesse am Produkt wecken Vorteile gegenüber anderen Produkten verdeutlichen (USP)

25 Produktinformationen: Die ideale Produktansicht Einheitliche und vergleichbare Darstellung der Produktinformationen Wichtige Produktdetails im sichtbaren Bereich Ausführliche Produktbeschreibungen Produktabbildungen aus verschiedenen Perspektiven Hinweise auf passende Cross-Selling- Produkte Erste Service-Informationen, wie Verfügbarkeit angeben

26 Best Practice - Warenkorb

27 Warenkorb: Bindeglied zwischen Produktwahl und Bestellprozess Warenkorb als wichtiges Bindeglied zwischen Informations- und Bestellprozess, in dem die Zusammenstellung der ausgewählten Produkte kontrolliert wird: Sammeln, ndern und Löschen von Artikeln Bestellübersicht und Kostenkontrolle

28 Warenkorb: Jederzeit abrufbare Zwischenablage Von jeder Seite aus erreichbar Informationen über die sich im Warenkorb befindlichen Artikel Einfaches Hinzufügen von Artikeln Rückmeldung über nderungen des Warenkorbs (z.b. durch Layer)

29 Warenkorb: Schneller Überblick über Produkte, Anzahl und Kosten Informationen zu Art und Anzahl der ausgewählten Artikeln Transparente Kostenaufschlüsslung inkl. Versandkosten und - bedingungen ndern und Entfernen von Artikeln ermöglichen Eindeutige Möglichkeiten zum Weitershoppen oder Bestellen Unaufdringliche Gestaltung von Cross-Selling-Angeboten

30 Einführung in Usability-Methoden

31 Usability-Testing als Life-Cycle 1. Planung Verstehen von Nutzungsverfassungen und -bedürfnissen 4. Inbetriebnahme Untersuchung des Status Quo und Ausloten von Potenzialen Iterative Evaluation 2. Konzeption Festlegung des Interaktionsdesigns unter Einbeziehung der Nutzer ( Open Innovation ) 3. Umsetzung Iteratives Testen und Optimieren von ersten Prozessen und Funktionalitäten

32 Eindrücke vom Testing

33 Unterschiedliche Methoden Remote User Experience Controlling Nutzungskontextanalyse Gruppendiskussion Personas Remote Test Kartensortierung (Card Sorting) Eye-Tracking Usability-Test Expertengutachten Paper Prototyping Marktbeobachtung / Wettbewerberanalyse Online-Befragung Rapid Prototyping

34 Expertengutachten: Key Facts Wie? Ein oder mehrere Experten beurteilen eine Website anhand von heuristischen Kriterien und eines kognitiven Walkthrough Wann? Die Erstellung eines Expertengutachtens ist in allen Entwicklungsphasen möglich. Aufwand? Der Aufwand für Expertengutachten richtet sich ausschließlich nach dem Umfang des zu begutachtenden Produktes und ob Nutzertests vorgeschaltet werden. Wer? Usability Experten

35 Usability-Test: Key Facts Wie? Usability-Tests werden in speziellen Laboren durchgeführt, die eine Beobachtung und Aufzeichnung des Nutzerverhaltens ermöglichen. User spielen für die Seite typische UseCases durch, die nachexploriert werden. Wann? Der User Experience-Test ist entwicklungsbegleitend einsetzbar, kann aber auch wiederholt durchgeführt werden. Aufwand? Je nach Anzahl der Testpersonen kann die Studie innerhalb von 3 bis 5 Wochen durchgeführt werden. Wer? Usability Experten

36 Blickaufzeichnung: Key Facts Erhebung unbewusst ablaufender Aufmerksamkeits- und Wahrnehmungsprozesse Auffälligkeit: Werden zielführende Funktionen, Inhalte und Navigationselemente gesehen? Verweildauer: Wie lange dauern die Fixationen auf den einzelnen Elementen? Scanpfad: In welcher Reihenfolge und zu welchen Zeitpunkten werden die Elemente betrachtet?

37 Referenten: phaydon Nicole Oberg +49 (0) SirValUse Consulting GmbH Karolin Wisch +49(0)

38 Gemeinsam die digitale Welt bewegen. Kontakt: Bundesverband Digitale Wirtschaft (BVDW) e.v. Fachgruppe E-Commerce Thomas Schauf Fachgruppenmanager +49(0) Bundesverband Digitale Wirtschaft (BVDW) e.v