virtuelles reisen ganz nach nutzerbedürfnis · 2018. 8. 24. · design & ux roman villiger...

24
User-Centered Design: Virtuelles Reisen ganz nach Nutzerbedürfnis Susann Buchholz Design & UX Roman Villiger Projektleitung & Beratung

Upload: others

Post on 09-Sep-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

User-Centered Design:

Virtuelles Reisen ganz nach Nutzerbedürfnis

Susann Buchholz

Design & UX

Roman Villiger

Projektleitung & Beratung

Page 2: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

1. User-Centered Design makes your users happy - Ein Beispiel

2. Was ist User-Centered Design?

3. Konzepte mit dem User im Fokus - Die Methoden

4. User-Centered Design für Ihre digitale Strategie

Überblick

Page 3: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

− Ganzheitlicher Anspruch beim Gestalten interaktiver Produkte

oder Services

− Interface-Gestaltung bei Websites, Webapplikationen sowie

Ticketautomaten oder Haushaltsgeräten

− Einblick in das Thema User Interface Design von Websites

1. User-Centered Design makes your users happy

Page 4: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

− Benutzererlebnis = User Experience (UX)

− Digitales Kauferlebnis: z. B. Online-Konfiguration eines Autos

Ein Beispiel

Page 5: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

Herausforderung:

Das Produkt digital

erlebbar machen

und dem User

während des

Kaufprozesses ein

positives Erlebnis

bereiten.

Online Konfiguration - Autokauf

Bild: http://configurator.seat.ch

Page 6: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

Wie erreichen wir eine optimale Benutzerführung

und eine positive User Experience?

Bilder: www.pexels.com

Page 7: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

Optimale Benutzer-

führung und eine

positive User

Experience durch:

User Interface Design

Einige Beispiele.

− Intuitive Bedienbarkeit

− Call-to-Action Elemente (z. B. Button)

− Kontinuierliches Feedback vom System

Page 8: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

Kommunikation / Dialog

Einige Beispiele.

− Mit Usern bzw. Kunden im Dialog bleiben

− Service über den Kauf hinaus

− Nachträgliche Tipps für Pflege des

Produktes oder Zubehör

Optimale Benutzer-

führung und eine

positive User

Experience durch:

Page 9: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

− Entwicklungsverfahren, das zukünftige User von Anfang an

einbezieht

− Ziel: gute Benutzerführung und ein positives Benutzererlebnis

− Der UCD-Prozess ist zielorientiert und iterativ

2. Was ist User-Centered Design?

Page 10: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

"A user interface is like a joke.

If you have to explain it, it's not that good.“

Martin Leblanc

Page 11: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

− Bedürfnisse der User bestimmen Struktur, Inhalte, Funktionen

des Endprodukts

− Benutzerfreundliche Websites optimieren das Kundenerlebnis

und erhöhen die Verkaufschancen

− User bevorzugen leicht verständliche, gut gestaltete Websites

Warum setzen wir User-Centered Design ein?

Page 12: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

− Im UCD-Prozess wird früh visualisiert und getestet

− Mit UCD wird ihr Projektbudget optimal eingesetzt

Warum setzen wir User-Centered Design ein?

Page 13: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

3. Konzepte mit dem User im Fokus - Die Methoden

− Nutzer- & Bedürfnisanalyse

− Konzept

− Prototyping & Testing

Page 14: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

Nutzer- & Bedürfnisanalyse.

Wer sind eigentlich meine User?

− Nutzungskontextanalyse,

Bedürfnisanalyse sowie Inhaltsanalyse

− Workshops und Interviews

− Card Sorting

− Ergründen des Nutzungskontextes

Die Methoden

Page 15: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

Konzept. Erstes Visualisieren des zukünftigen

Produktes.

− Auswertung der Daten aus Nutzeranalyse

− Personas & Szenarien

− Flow-Charts

− Wireframes

− Informationsarchitektur

Die Methoden

Page 16: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

Prototyping & Testing.

Zukünftige Website oder Applikation mit

Modell Charakter.

− Erlebbarmachen der Benutzeroberfläche

und des Inhalts- und Navigationskonzeptes

durch schematische Darstellung

− Wireframes

− Prototypen

Die Methoden

Page 17: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

Prototyping & Testing. Zukünftige Website oder

Applikation mit Modell Charakter.

− Usability Tests (User Tests)

− Iterativer Einsatz während der gesamten

Entwicklungsphase

− Konzeptblatt oder Pflichtenheft

Die Methoden

Page 18: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

• Wir freuen uns auf Sie!4. User-Centered Design: Unsere Leistungen

Page 19: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

− Prototyping mit Wireframe

− Umfangreiches

Gestaltungskonzept

− Interaktive Karte mit

Pelletsproduzenten in

der Schweiz

− Visualisierung der Preis-

entwicklung verschiedener

Energieträger

− CO2- und Preisrechner

− Vergleich verschiedener

Heizlösungen

Strategie & Konzept für propellets.ch

Page 20: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

− Analyse & Workshop

− Prototyping mit Wireframe

− Umfangreiches

Gestaltungskonzept

− Navigations- und

Inhaltskonzept

− Tagging-System für

Bedürfnisorientiertes

Surfen

Strategie & Konzept für verkehrshaus.ch

Page 21: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

− Wireframes

− Verbesserung der

Benutzerführung

− Patienten-Online-Check-in

− Spitalmanager zur

Verwaltung von internen

Organisations- und

Prozessdaten

− Enterprise Search (Solr)

Strategie & Konzept für inselgruppe.ch

Page 22: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

− Machen Ihre User gute Erfahrungen mit Ihrer Website, Ihrer

Applikation oder Ihrem Service?

− Kennen Sie Ihre User wirklich und besitzt Ihre Website die

entsprechende Relevanz für Ihre Kunden?

− Gibt es Prozesse im Unternehmen, die neu über die Website

abgewickelt werden könnten, um intern Ressourcen zu sparen?

Und ihre digitale Strategie?

Page 23: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

Wir helfen Ihnen gerne, die Fragen zu beantworten z.B. mit einem

Expert-Review oder User Testings Ihrer Website

Weitere Infos auf

blog.internezzo.ch

Download der Präsentation unter

www.drei-w.ch

Page 24: Virtuelles Reisen ganz nach Nutzerbedürfnis · 2018. 8. 24. · Design & UX Roman Villiger Projektleitung & Beratung. 1. User-Centered Design makes your users happy - Ein Beispiel

• Wir freuen uns auf Sie!Merci für Ihre Aufmerksamkeit