Joy of Use - wenn Usability wirkt

Größe: px

Ab Seite anzeigen:

Download "Joy of Use - wenn Usability wirkt"

Jörn Melsbach
vor 8 Jahren
Abrufe

1 Joy of Use - wenn Usability wirkt April 2015

5 Joy of Use wenn Usability wirkt.

6 Joy of Use ist mehr als Usability Joy of Use Funktion

7 Joy of Use wenn Usability Spaß macht.

8 Optimale User Experience setzt voraus, dass das digitale Produkt konsequent nutzerzentriert entwickelt wird.

9 Aber was bedeutet nutzerzentrierte Entwicklung?

Prototyping Axure-Prototyp Testing Proof-of-Concept/

10 Methodik: Nutzerzentrierte Entwicklung! Verstehen Anforderungen Ideen Kreativ-Workshop Konzept Prototyping Axure-Prototyp Testing Proof-of-Concept/ Lab-Testing Beobachten Synthese Empfehlungen, Iterationen geprägt durch Design Thinking und ISO

11 Methodik: Nutzerzentrierte Entwicklung Verstehen Ideen Prototyping Testing Beobachten Synthese Strategie: Verstehen, worum es geht. Ziele definieren Ziele verstehen; das Warum beantworten Stakeholder & Märkte verstehen Anforderungen sammeln und priorisieren Passende Methoden & Verfahren auswählen Am Anfang steht der Anforderungs-Workshop Grundlage für eine detaillierte Planung 11

Ziele definieren Ziele verstehen; das Warum beantworten Stakeholder & Märkte verstehen

12 Methodik: Nutzerzentrierte Entwicklung Verstehen Ideen Prototyping Testing Beobachten Synthese Kreation: Von User Stories & Usecases zum Konzept Kreativ-Workshop mit Stakeholdern Personas & Usecases definieren Storys erzählen Erste Sketches, Mockups, Moods, Wireframes Meilensteine: Grobkonzept, Designsichten Aus Ideen werden Konzepte 12

Kreativ-Workshop mit Stakeholdern Personas & Usecases definieren Storys erzählen

13 Methodik: Nutzerzentrierte Entwicklung Verstehen Ideen Prototyping Testing Beobachten Synthese Prototyping: Konzeption mittels Prototypen Konzept-Prototypen (Axure) werden von Konzept über Design bis zur technischen Umsetzung weiterentwickelt Prototyping schon in den frühen Projektphasen zur Abnahme der Meilensteine für Kunden & Nutzer: Grobkonzept > Feinkonzept > Design > Funktionen Ideen & Konzepte erlebbar machen 13

zur technischen Umsetzung weiterentwickelt Prototyping schon in den frühen Projektphasen zur Abnahme der

14 Methodik: Nutzerzentrierte Entwicklung Verstehen Ideen Prototyping Testing Beobachten Synthese Testing: Ihr Produkt gehört Ihren Nutzern Proof-of-Concept/Usability-/UX Lab-Testing Schnelles, pragmatisches Testen von Iterationen Identifikation von Stärken/Schwächen Methoden: Interview, Dummy Test mit Blick- & Klickverlauf, Thinking-aloud, Meilensteine: Testergebnisse zur Freigabe der nächsten Projektphase Je früher Sie testen, umso günstiger/ machbarer sind Änderungen. 14

Identifikation von Stärken/Schwächen Methoden: Interview, Dummy Test mit Blick- & Klickverlauf, Thinking-aloud,

15 Methodik: Nutzerzentrierte Entwicklung Verstehen Ideen Prototyping Testing Beobachten Synthese Beobachten: Realitycheck Stakeholder im UX Lab bzw. Remote am Arbeitsplatz Nutzertests live beobachten Erkenntnisse im Team diskutieren Ergebnisse sofort erhalten Gemeinsam Optimierung vorantreiben Sehen Sie Ihr Produkt mit den Augen Ihrer Nutzer. 15

Remote am Arbeitsplatz Nutzertests live beobachten Erkenntnisse im Team diskutieren

16 Methodik: Nutzerzentrierte Entwicklung Verstehen Ideen Prototyping Testing Beobachten Synthese Synthese: Nutzerorientierung = Wettbewerbsvorteil Ideen Prototyping Umsetzung der Optimierungsempfehlungen aus dem User Centered Design Prozess Stufenweise Entwicklung mit Fokus auf Nutzerfreundlichkeit als Business Ziel Perspektiven wechseln: vom Businessfokus zur Nutzerperspektive Vom Prototyp zum optimierten Produkt Verstehen Testing Synthese Beobachten Der User Centered Design Prozess sichert die Qualität und vermeidet teure Korrekturen in späteren Projektphasen. 16

Fokus auf Nutzerfreundlichkeit als Business Ziel Perspektiven wechseln: vom Businessfokus zur Nutzerperspektive Vom Prototyp zum optimierten

17 Best Practice Liebherr International GmbH

18 Hintergrund: Das Unternehmen 11 Geschäftsfelder Mitarbeiter 8,9 Mrd. Umsatz Gründungsjahr

19 Aufgabe: Vom Produktkatalog...

20 Vorgehen: Nutzerverhalten messen und bewerten Untersuchung zahrlreicher Parameter wie besuchte Seiten, Verweildauer etc. Auswertung der Zugangswege (Direkteinstieg, google) und des Kanals (Mobil, Browesergröße, etc.). TOP 3: 1. Firmengruppe Liebherr 2. Haushaltsgeräte 3. Stellenangebote

Auswertung der Zugangswege (Direkteinstieg, google) und des Kanals

21 Methoden: Die Nutzerperspektive Was sagen (potenzielle) Kunden? 23

22 Methoden: Usability-Test im Labor (alte Website) 24

23 Methoden: Benchmarking - Wie steht Liebherr im Wettbewerb? Usability und Joy of Use bei Liebherr (alt) im Vergleich schlecht sehr gut User-Brand Experience Emotionale Markeninszenierung Attraktive visuelle Ästhetik Joy of Use Aktivierender Dialog Kontextuelle Kontakt-/Feedbackoptionen Effektive Konversions-Tools Aktives Beziehungsmanagement Inhaltlicher Mehrwert Inszenierung von Produkt- und Themenwelten Adäquate Informationsbreite und -tiefe Kontextrelevante Crosslinks Funktionaler Bedienkomfort Klare, selbsterklärende Navigation Kurze Wege zum Ziel Intuitives Handling Individuelle Ansprache Zielgruppenspezifische Zugänge Bedarfsorientierte Informationsarchitektur Visuelle und inhaltliche Tonalität Liebherr Bosch Siemens AEG Manitowoc Hitachi Komatsu Caterpillar Stetter

24 Methoden: Anforderungs-Workshops

25 Methoden: Kernbotschaften und Zielgruppen identifizieren B2B B2C Corporate Bauunternehmen Vermieter Industrie Wir sind innovativ. Bewerber Presse Tagebauunternehmen Hafen Industrie Reedereien Gastronomie Privat haushalte Wir sind unabhängig und selbstständig. Automobil industrie Wir liefern Top Qualität. Labor Lebensmittel industrie Mitarbeiter Multiplikatoren Flugzeug Hersteller Airlines Bahn Hersteller Betreiber Bauma Community Lebensmittel vertrieb Wir arbeiten, bis unsere Kunden zufrieden sind. Zulieferer Partner

26 Methoden: Personas Suche in Google nach Liebherr Gefriergerät Produkte Kühlen & Gefrieren Übersicht Kühl- Gefrierkombinationen Produktdetailseite Special NoFrost

27 Methoden: Wireframes & Prototyping

28 Methoden: Prototyp im Usability-Test

29 Ergebnis: Responsives Dachmarkenportal / Continuous Relaunch... zum internationalen B2B-Portal.

32 Liebherr

33 Best Practice VolksbankenRaiffeisenbanken

34 Hintergrund Für die zahlreichen Websites der VolksbankenRaiffeisenbanken sowie deren Partner optimiert interactive tools laufend u.a. Vertriebsstrecken und Informationsseiten. Hierbei werden sowohl Expert Reviews als auch Nutzertests im UX Lab durchgeführt.

35 Aufgabe & Vorgehen Auf die Empfehlung eines Expert Reviews wurden in einem A/B-Test unterschiedliche Ansätze zur Einbindung von Kontaktformularen untersucht. Das neue Formular sollte aktivieren, den Erwartungen entsprechen, Akzeptanz finden und vor allem verständlich und eindeutig sein. Mittels Nutzerbeobachtung, Kontextinterviews und Eyetracking identifizierten wir den performanteren Ansatz.

36 Aufgabe & Vorgehen Variante A (alles in einem Formular) Variante B (Formular in mehreren Schritten)

37 Vorgehen: Varianten im Test

38 Ergebnis Nach nur einem Expert Review und einem mehrphasigen Usability-Test konnte der performantere Ansatz eindeutig bestimmt werden. In der Optimierungsphase wurde das Formular nutzerorientiert feingetuned.

39 Vielen Dank gibt es Fragen?

Ähnliche Dokumente

Best Case Corporate Websites. Digitale Strategien & Services für die Praxis

Best Case Corporate Websites. Digitale Strategien & Services für die Praxis Best Case Corporate Websites Digitale Strategien & Services für die Praxis Dezember 2014 Was ist eigentlich eine Corporate Website? Corporate Website Die Corporate Website ist das Schaufenster eines Unternehmens