User Experience Design - von der Idee zum erfolgreichen Produkt

transcript

in2code.deWir leben TYPO3

Wir leben TYPO3

User Experience Designvon der Idee zum erfolgreichen Produkt

Was machen die bei in2code

Maßgeschneiderte Lösungen mit TYPO3 für

• Websites

• Corporate Internet

• Intranet

• mobile Apps

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

Der ProzessProduktvision

Ideenfindung

Konzept & Planung

Business-AnalyseNutzerforschungAnforderungen

Iterative Umsetzung

PrototypenImplementierungUsability Testing

Release

Warum UX Design?

• höhere Kundenzufriedenheit à ROI

• benutzerfreundlicher à weniger Support/Schulung

• keine teuren Konzeptfehler

• benutzerzentrierten Ansatz à Effizienz/Produktivität

• kreative Improvisationsmöglichkeiten

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

Rollen im Team

• Management

Projektleitung, Businessanalyse, Produktmanagement• Design

Nutzerforschung, Informationsarchitektur, Interaktions- und Visualdesign, Usability Testing

• Entwicklung

Software-Architektur, -Entwicklung und Testing

Die Idee

Am Anfang ist die Idee

Ideenfindungsprozess

ASEBriefing

ZieleBedingungen

SE Generieren

VergleichenKombinierenNachbessernKEINE KRITIK

SE Bewertung

AussortierungAusarbeitung

Kreativitätsmethoden (kreative Phase)

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

Kreativitätsmethoden (kreative Phase)

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

Ideenworkshop

• Kartenabfrage

• Punkteabfrage• Zurufverfahren• Fragen- und

Themenspeicher• Kleingruppen• Blitzlicht

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?

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.

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.)?

Business-Analyse

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

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

Business-Analyse

SWOT-Analyse

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

Maßnahmen

Business-Analyse

SWOT-Analyse Beispiel

Externe Faktoren

Chancen Risiken

Interne Faktoren

Stärken Maßnahmen Maßnahmen

Schwächen Maßnahmen Maßnahmen

Business-Analyse

Kano-Analyse

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

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

Business-Analyse

Weitere Punkte• Zielgruppenanalyse• Roadmaperstellung

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.

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

Stakeholderliste erstellenName

Interesse

Einfluss

Risiken

Maßnahmen

Max Mustermann

Kann das Projekt stoppen,unpassende Anforderungen

eng einbeziehenund aktiv beeinflussen

Bastian Beispiel

IT-Administrator

mittel

Will die Administration nicht übernehmen

In den Technikprozess mit einbeziehen

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!

Der Nutzer

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

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

Anforderungen

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

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

Design

Interaktionsdesign

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

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

Interaktionsdesign

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

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

Visual DesignGestaltungsgesetze• Figur-Grund-Trennung

• Gesetz der Einfachheit

• Gesetz der Symmetrie

Visual DesignGestaltungsgesetze• Gesetz der Nähe

• Gesetz der Kontinuität

• Gesetz der Prägnanz

Visual DesignGestaltungsgesetze• Gesetz der Verbundenheit

• Gesetz der Ähnlichkeit

• Gesetz der Geschlossenheit

Visual DesignGestaltungsgesetze• Gesetz des gemeinsamen

Schicksals

Visual Design

Farben• Farbharmonien beachten (www.colorschemedesigner.com)

• Farbkontraste beachten• Wirkung von Farben

• Natürliche Assoziation• Kulturelle Assoziation• Fachspezifische Assoziation

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

in2code.deWir leben TYPO3T

Visual Design

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

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

Das Erlebnis prüfen

Usability Testing

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

Usability Testing

Evaluationsmethoden• Gütekriterien:

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

•Art des Gutachtens• Nutzertests• Expertentests

Usability Testing

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

Release!

Alle Usability-Test erfolgreich?

You‘re ready!

Quellen

Vor allem dieses Buch:

…und natürlich Google und Wikipedia

Fragen?

Danke!

Martin HuberFollow me: @huaba

Wir suchen

Projektmanager

Webentwickler

Administratoren

www.in2code.de/starterbox

User Experience Design - von der Idee zum erfolgreichen Produkt

Technology