Ludwig-Maximilians-Universität München
Mensch Maschine Interaktion
Übung 08
Anforderungen & Prototypen
1 Sommersemester 2020
Ludwig-Maximilians-Universität München
Benutzeranforderungen
Sommersemester 2020 3
Ludwig-Maximilians-Universität München
Nicht verwechseln:
Steak Holder Stake Holder Stakeholder
Stakeholder
Sommersemester 2020 4
http://vignette1.wikia.nocookie.net/buffy/images/f/f9 /BuffyStake.jpg/revision/latest?cb=20131113083746
https://www.infosysblogs.com/management-
consulting/images/young%20business%20people%202.jpg https://liber.post-
gazette.com/image/2014/05/25/ca 18,74,1333,1389/100919562.jpg
Ludwig-Maximilians-Universität München
Stakeholder
• Stakeholder sind eine Gruppe von Personen, die ein Interesse an einem bestimmten Produkt haben.
• Dabei wird unterschieden in primären, sekundären und tertiären Stakeholdern
• Beispiele für
• Primäre:
• Sekundäre:
• Tertiäre:
Sommersemester 2020 5
Ludwig-Maximilians-Universität München
Anforderungs-Erhebung
Sommersemester 2020 6
Ludwig-Maximilians-Universität München
Interviews
• Direkte Befragung von Benutzern
• Unstrukturiert: freies Gespräch
• Strukturiert: Streng entlang eines Leitfadens
• Semi-strukturiert: Mit Leitfaden aber offen für Alternativen
• Eher offene als geschlossene Fragen
Sommersemester 2020 7
Ludwig-Maximilians-Universität München
Fragebögen
• Strukturierte Informationssammlung
• Klassifizierbar über die Modalität (bspw. auf Papier, online, etc.) und Antwort-Formen:
• Single- & Multiple Choice
• Frei-Text
• Likert-Skalen
• ...
• Einfache Verteilung an große Benutzergruppen
• Fragebögen sollten “pilotiert” werden
Sommersemester 2020 8
Ludwig-Maximilians-Universität München Ludwig-Maximilians-Universität München
Likert-Skalen
• Diskutieren Sie die beiden Varianten der Likert-Skala, die unten abgebildet ist.
• Welche Effekte könnten bei diesem Frage-Typ eintreten, die ein Ergebnis verfälschen würden?
Sommersemester 2020 9
Neutral Stimme eher nicht zu Stimme nicht zu Stimme zu Stimme eher zu
Stimme eher nicht zu Stimme nicht zu
Stimme zu Stimme eher zu
Ludwig-Maximilians-Universität München
Fokusgruppen
• Moderierte Gruppen-Disukussion verschiedener Stakeholder
• Austausch und Interaktion der Stakeholder
• Typischerweise 5-10 Teilnehmer
• Oft unter Verwendung verschiedener Kreativ-Techniken, Props, etc.
Sommersemester 2020 10
Ludwig-Maximilians-Universität München
Beobachtungen
• Beobachtung der Nutzer durch Experimentator
• Kann unter “Labor-Bedigungen” oder als Feld-Studie geschehen
• Beobachtung kann direkt oder indirekt sein
• Fokus oft insbes. auf motorischen Leistungen und Arbeitsabläufen
Sommersemester 2020 11
Ludwig-Maximilians-Universität München Ludwig-Maximilians-Universität München
Anforderungsanalyse I
Sie sind Mitarbeiter in einer Marketingagentur und zuständig für Anforderungserhebung.
Ein Betreiber eines Online-Shops für Kletter-Ausrüstung stellt Sie an, da die Umsätze seit der vergangenen Saison stark eingebrochen sind.
Ihre Aufgabe ist den Kunden zu beraten, welche Analysemethode genutzt werden sollte um das Problem einzugrenzen?
Diskutieren Sie die Vor- und Nachteile der vorgestellten Methoden in diesem Kontext
Sommersemester 2020 12
Ludwig-Maximilians-Universität München Ludwig-Maximilians-Universität München
Vor- und Nachteile
Methode Vorteile Nachteile
Interviews
Fragebogen
Fokusgruppen
Beobachtung
Sommersemester 2020 13
Ludwig-Maximilians-Universität München
Personas & Szenarien
• Personas: Prototypische, fiktive Nutzer-Profile um Idee oder Funktionen eines Produktes zu kommunizieren
• Angreichert durch Daten, die durch andere Methoden erfasst wurden
• Variante: Proto-Personas – Personas ohne Daten-Grundlage
• Szenario: Prototypische Handlungsabläufe/Prozesse
Sommersemester 2020 16
Ludwig-Maximilians-Universität München Ludwig-Maximilians-Universität München
Personas & Szenarien
Ihre Anforderungsanalyse des Kletter-Shops hat ergeben, dass der Prozess vom ersten Besuch der Website bis zum abgewickelten Einkauf zu komplex ist.
Entwickeln Sie ein Szenario, welches einen diesen Prozess beschreibt.
Gehen Sie auch auf mögliche alternative Handlungs-Abläufe in Ihrem Szenario ein.
Sommersemester 2020 17
Ludwig-Maximilians-Universität München
Prototypen
Sommersemester 2020 18
Ludwig-Maximilians-Universität München
Skizzen, Wireframes, Mockups
Sommersemester 2020 19
Ui Sketch by Anthony Lagoon for Underbelly
https://cdn.dribbble.com/users/4613/screenshots/1218034/ui-sketch.jpg
Free wireframe kits for Adobe XD - CE ALi Omarollow
https://mir-s3-cdn-cf.behance.net/project_modules/disp/aaa79966495471.5b17ef996b93f.jpg Dmm_ Animation by Tran Mau Tri Tam
https://dribbble.com/shots/12017499-Dmm-Animation
Ludwig-Maximilians-Universität München
Warum Skizzen & Prototypen?
“getting the design right vs. getting the right design”
- B. Buxton
Sommersemester 2020 20
Ludwig-Maximilians-Universität München Ludwig-Maximilians-Universität München
Skizzen
• Warum sollten gute Skizzen idealerweise folgende Eigenschaften haben?
• Clear vocabulary
• Plentiful
• Suggest and explore rather than confirm
• Quick and inexpensive
• Timely, when needed
• Disposable
• Minimal detail and distinct gesture
• Ambiguous
• Appropriate degree of refinement
Sommersemester 2020 21
Vgl. N. Marquardt, Sketching User Experiences, Stories Strategies Surfaces, 2013
Ludwig-Maximilians-Universität München
Fidelity & Resolution
Sommersemester 2020 22
http://p3acorp.com/wp-content/uploads/Bicycle-Wheel.jpg
High Resolution High Fidelity Low Resolution
High Fidelity Low Resolution
Low Fidelity
Ludwig-Maximilians-Universität München
Vertikale und Horizontale Prototypen
Sommersemester 2020 23
Feature 1 Feature 2 Feature 3 Feature 4 Feature 5 Feature 6 Feature 7 0%
100%
Implementi erungs grad
Ludwig-Maximilians-Universität München
Zweck von Prototypen
Sommersemester 2020 24
Für den Designer:
• Exploration
• Visualisierung
• Inspiration
• Machbarkeit
• Kollaboration
Für den Nutzer:
• Nutzen-Abschätzung
• Usability
• Begehrenswürdigkeit
Für den Hersteller:
• Spezifikation
• Vergleichs-Benchmark
Ludwig-Maximilians-Universität München
Prototypen
• Typischerweise mehrere Prototypen verschiedener Art im der Entwicklung
• Skizzen
• Wireframes
• Mockups
• Papier-Prototypen
• Wizard of Oz Prototyping
• Video-Prototypen
• Hardware-Prototypen (bspw. in Sketching with Hardware!)
Sommersemester 2020 25
Ludwig-Maximilians-Universität München Ludwig-Maximilians-Universität München
Prototyping
Es gibt div. Tools um Wireframes, Mockups etc. zu erstellen, bspw.:
• Adobe XD
• Balsamiq
• Moqups
• Wireframe.cc (ohne Registrierung)
Nutzen Sie eins dieser Tools um einen kleinen Prototypen für den Kletter-Shop aus den vorherigen Aufgaben zu erstellen.
Sommersemester 2020 26
Ludwig-Maximilians-Universität München
Nächste Übung:
Evaluation
22.06.20 - 26.06.20
Sommersemester 2020 27