+ All Categories
Home > Technology > User Experience Design - von der Idee zum erfolgreichen Produkt

User Experience Design - von der Idee zum erfolgreichen Produkt

Date post: 22-Nov-2014
Category:
Upload: martin-huber
View: 1,737 times
Download: 0 times
Share this document with a friend
Description:
Ein Produkt benutzerzentriert entwickeln: Ideenfindung, Markt- und Businessanalyse, Interaktions- und Visual Design
54
in2code.de Wir leben TYPO3 Wir leben TYPO3 User Experience Design von der Idee zum erfolgreichen Produkt
Transcript
Page 1: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Wir leben TYPO3

User Experience Designvon der Idee zum erfolgreichen Produkt

Page 2: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Was machen die bei in2code

Maßgeschneiderte Lösungen mit TYPO3 für

• Websites

• Corporate Internet

• Intranet

• mobile Apps

Page 3: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Ein Produkt wird nur erfolgreich,wenn es für den Benutzer ein positives Erlebnis ist!

Page 4: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Der ProzessProduktvision

Ideenfindung

Konzept & Planung

Business-AnalyseNutzerforschungAnforderungen

Iterative Umsetzung

PrototypenImplementierungUsability Testing

Release

Page 5: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Warum UX Design?

• höhere Kundenzufriedenheit à ROI

• benutzerfreundlicher à weniger Support/Schulung

• keine teuren Konzeptfehler

• benutzerzentrierten Ansatz à Effizienz/Produktivität

• kreative Improvisationsmöglichkeiten

Page 6: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Teams

Page 7: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Ein interdisziplinäres Team

Rollenverteilung anhand der Teamgrösse

• kleines Team mit mind. 3 Personen• mittleres Team ab 5 Personen• großes Team ab 9 Personen

Page 8: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Rollen im Team

• Management

Projektleitung, Businessanalyse, Produktmanagement• Design

Nutzerforschung, Informationsarchitektur, Interaktions- und Visualdesign, Usability Testing

• Entwicklung

Software-Architektur, -Entwicklung und Testing

Page 9: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Die Idee

Page 10: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Am Anfang ist die Idee

Ideenfindungsprozess

AN

ALY

TIS

CH

E

PH

ASEBriefing

ZieleBedingungen

KR

EATIV

E P

HA

SE Generieren

VergleichenKombinierenNachbessernKEINE KRITIK

KR

ITIS

CH

E P

HA

SE Bewertung

AussortierungAusarbeitung

Page 11: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Kreativitätsmethoden (kreative Phase)

Intuitive Methoden• Brainstorming• Galeriemethode• Semantische Intuition• Methode 6-3-5• Kopfstandtechnik• Provokationstechnik

Page 12: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Kreativitätsmethoden (kreative Phase)

Diskursive Methoden• Morphologischer Kasten• Scramper• Trix• Kraftfeldanalyse• Sechs-Hut Methode

Page 13: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Ideenworkshop

• Kartenabfrage

• Punkteabfrage• Zurufverfahren• Fragen- und

Themenspeicher• Kleingruppen• Blitzlicht

Page 14: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Business-Analyse

Page 15: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Business-Analyse

Ausfiltern der Ideen• Passt die Idee zu unseren Zielen?• Ist die Idee organisatorisch machbar?• Ist die Idee wirtschaftlich machbar?• Ist die Idee zeitlich machbar?• Ist die Idee technologisch machbar?• Ist die Idee rechtlich machbar?

Page 16: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Business-Analyse

Elevator Pitch

Eine Idee ist erfolgreich, wenn man diese in wenigen Sekunden erklärt werden kann.

Sie müssen also einen Interessenten während einer Aufzugsfahrt (innerhalb von 30 Sekunden) von ihrer Idee überzeugen können.

Page 17: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Business-Analyse

Fragen, die eine Idee beantworten soll• Welche Zielgruppe spricht das Produkt an?• Welche Kundenbedürfnisse deckt das Produkt ab?• Welche Merkmale müssen vorhanden sein um obige

Bedürfnisse abdecken zu können?• Was sind die USP und wie unter-

scheidet sich das Produkt von andern (eigene und Mitbewerber)?

• Was sind die Rahmenbedingungen (Budget, Zeit usw.)?

Page 18: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Business-Analyse

Umweltanalyse mit dem PESTEL-Modell• Politik• Wirtschaft• Soziales Verhalten und Kultur• Technologie• Ökologie• Recht

Page 19: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Business-Analyse

Konkurrenzanalyse• Festlegen der Kriterien• Recherche von Sekundärdaten• Erheben von Primärdaten• Verdichten und Bereinigen der Daten • Auswerten und Visualisieren

• Wertungspunkte werden mit der Gewichtung multipliziert• Gesamtpunktzahl aller Kriterien ist vergleichbar

• Periodische Aktualisierung

Page 20: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Business-Analyse

SWOT-Analyse

• Interne Analyse• Externe Analyse• SWOT-Kombinationen• Entwickeln von

Maßnahmen

Page 21: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Business-Analyse

SWOT-Analyse Beispiel

Externe Faktoren

Chancen Risiken

Interne Faktoren

Stärken Maßnahmen Maßnahmen

Schwächen Maßnahmen Maßnahmen

Page 22: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Business-Analyse

Kano-Analyse

Basierend auf dem Kano-Modell werden die Produktmerkmale in fünf Kategorien unterteilt:• Basismerkmale• Leistungsmerkmale• Begeisterungsmerkmale• Unerhebliche Merkmale• Rückweisungsmerkmale

Page 23: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Business-AnalyseKano-Analyse BeispielWie fänden Sie es, wenn Sie ihren Warenkorb länger speichern können?

O Das wäre tollO Das muss so seinO Das ist mir egalO Damit kann ich lebenO Das finde ich nicht gut

Wie fänden Sie es, wenn Sie ihren Warenkorb nicht speichern können?

O Das wäre tollO Das muss so seinO Das ist mir egalO Damit kann ich lebenO Das finde ich nicht gut

Wie wichtig ist ihnen die Warenkorb-speichern Funktion?

Unwichtig wichtig sehr wichtig1 2 3 4 5 6 7 8 9 10

Page 24: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Business-Analyse

Weitere Punkte• Zielgruppenanalyse• Roadmaperstellung

Page 25: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Stakeholder-Management

Page 26: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Stakeholder-Management

Alle beteiligten Personen und Gruppen sind Stakeholder!

Dazu zählen interne Mitarbeiter wie z.B. Produktmanager, Projektleiter, Marketingverantwortliche oder Designer sowie externe Mitarbeiter wie z.B. Sponsoren, Investoren oder Organisatoren.

Die rechtzeitige Einbeziehung aller Stakeholder trägt zum erfolgreichen Produkt bei.

Page 27: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Stakeholder-Management

Einordnung der Stakeholder für das Projekt• Wie hoch ist das Interesse am Erfolg• Wie groß ist sein Einfluss auf den Verlauf• Wie ist seine Rolle und Informationsbedürfnis• Wie kann er motiviert und eingebunden werden

Page 28: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Stakeholder-Management

Stakeholderliste erstellenName

Rolle

Interesse

Einfluss

Risiken

Maßnahmen

Max Mustermann

CEO

groß

groß

Kann das Projekt stoppen,unpassende Anforderungen

eng einbeziehenund aktiv beeinflussen

Bastian Beispiel

IT-Administrator

mittel

klein

Will die Administration nicht übernehmen

In den Technikprozess mit einbeziehen

Page 29: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Stakeholder-Management

Stakeholder-Interviews

1. Interview mit dem Hauptsponsor

2. Gruppeninterviews mit den am stärksten involvierten Stakeholdern

3. Einzelinterviews mit den übrigen Stakeholdern

Daraus werden die Bedürfnisse der einzelnen Stakeholder abgeleitet und dokumentiert.

Achtung: meistens werden nur Lösungen und nicht die Bedürfnisse genannt!

Page 30: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Der Nutzer

Page 31: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Nutzerforschung

• Erkennen von Erwartungen, Bedürfnissen und Gewohnheiten

• Kennenlernen von Denken, Handeln und Kontext

• Wissen durch Beobachtungen, Befragungen oder Inhaltsanalysen

• Bereinigen von Daten und Eindrücke à Effektivität

Page 32: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Nutzerforschung

• verständliche Modelle und Grafiken anstatt Tabellen und technischer Diagramme nutzen

• Modellierung von Benutzergruppen mit Personas um Arbeitsabläufe, Szenarien, soziales und physisches Umfeld zu erkennen

Page 33: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Anforderungen

Um die Anforderungen der Benutzer besser kennen zu lernen eignen sich folgende Methoden:

• Anforderungsdefinitionen• Use Cases• Use-Case-Diagramm• User Stories• Kontextszenarien• Storyboards

Page 34: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Design

Page 35: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Interaktionsdesign

Designprinzipien von Norman (2005)• Sichtbarkeit• Feedback• Einschränkungen• Aktion und Wirkung• Konsistenz• Affordance

Page 36: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Interaktionsdesign

Interaktionselemente• immer die passenden Elemente wählen• wenn möglich die Eingabe erleichtern z.B. mit

Autocomplete, Datepicker, RTE usw.• Gruppieren von zusammengehörigen Elementen• Logische Anordnung• Wirkungsbereiche klar darstellen• Abhängigkeiten sichtbar machen• Natürlichen Lesefluss beachten• Zustände richtig anzeigen

Page 37: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Interaktionsdesign

Interaktionsprototypen• Skizzen• Papierprototypen• Wireframes / Mockups• Interaktive Prototypen• Grafische Mockups

Page 38: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Informationsdesign

• Komplexe Sachverhalte einfach darstellen• Informationen visuell darstellen• Interaktionstechniken nutzen wie z.B. Filtern, Zoomen

und Scrollen, Markieren, Drill-Down (Semantischer Zoom), Verknüpfen von Ansichten oder Details-on-demand

• Technisches Schreiben: verständlich, übersichtlich formatieren, Konsistenz

Page 39: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Visual DesignGestaltungsgesetze• Figur-Grund-Trennung

• Gesetz der Einfachheit

• Gesetz der Symmetrie

Page 40: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Visual DesignGestaltungsgesetze• Gesetz der Nähe

• Gesetz der Kontinuität

• Gesetz der Prägnanz

Page 41: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Visual DesignGestaltungsgesetze• Gesetz der Verbundenheit

• Gesetz der Ähnlichkeit

• Gesetz der Geschlossenheit

Page 42: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Visual DesignGestaltungsgesetze• Gesetz des gemeinsamen

Schicksals

Page 43: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Visual Design

Farben• Farbharmonien beachten (www.colorschemedesigner.com)

• Farbkontraste beachten• Wirkung von Farben

• Natürliche Assoziation• Kulturelle Assoziation• Fachspezifische Assoziation

Page 44: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3T

Visual Design

Typographie• Schriftart auf dem Zielsystem verfügbar?• Hat die Schrift eine gute Lesbarkeit?• Der Charakter der Schrift passt zum Einsatzzweck

Page 45: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3T

Visual Design

Makrotypographie• Satzspiegel und Gestaltungsraster• Überschriften• Absätze• Auszeichnungen• Satzformen• Zeilenabstand und Zeilenlänge• Blindtexte

Page 46: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Visual Design

Affordance• Effektive und wahrgenommene Affordances• Visuelle Hinweise durch:

• Tiefenwirkung durch Licht und Schatten• Bewegungsrichtung durch Form• Materialwirkung durch Glanz und Textur• Realistisches Verhalten durch physische

Eigenschaften

Page 47: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Das Erlebnis prüfen

Page 48: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Usability Testing

Ablauf eines Usability-Tests• Ziel und Zweck festlegen• Untersuchungsdesign entwerfen• Teilnehmer rekrutieren• Evaluation vorbereiten• Evaluation durchführen• Resultate auswerten

Page 49: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Usability Testing

Evaluationsmethoden• Gütekriterien:

• Objektivität• Reliabilität• Validität

•Art des Gutachtens• Nutzertests• Expertentests

Page 50: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Usability Testing

• Hallway-Testing• Pluralistic Walkthrough• Formaler Usability-Test• Heuristische Evaluation• Cognitive Walkthrough• Usability-Befragung• GOMS• A/B-Tests

Page 51: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Release!

Alle Usability-Test erfolgreich?

You‘re ready!

Page 52: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Quellen

Vor allem dieses Buch:

…und natürlich Google und Wikipedia

Page 53: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Fragen?

Danke!

Martin HuberFollow me: @huaba

Page 54: User Experience Design - von der Idee zum erfolgreichen Produkt

in2code.deWir leben TYPO3

Wir suchen

Projektmanager

Webentwickler

Administratoren

www.in2code.de/starterbox


Recommended