virtuelles reisen ganz nach nutzerbedürfnis · 2018. 8. 24. · design & ux roman villiger...
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/1.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/2.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/3.jpg)
− 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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/4.jpg)
− 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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/5.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/6.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/7.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/8.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/9.jpg)
− 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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/10.jpg)
"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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/11.jpg)
− 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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/12.jpg)
− 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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/13.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/14.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/15.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/16.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/17.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/18.jpg)
• 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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/19.jpg)
− 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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/20.jpg)
− 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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/21.jpg)
− 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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/22.jpg)
− 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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/23.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051822/5fec0966febc8863983f86ad/html5/thumbnails/24.jpg)
• Wir freuen uns auf Sie!Merci für Ihre Aufmerksamkeit