Mädchenorientiertes Interaktionsdesign – Fallstricke und Chancen

Mädchenorientiertes Interaktionsdesign – Fallstricke und Chancen!

http://www.flickr.com/photos/lupuca/8720604364/"

Claudia Müller-Birn, Robert Philipps, Silvia Arlt, Mechthild Koreuber, Deborah Correia!

Gender-UseIT 2014, Berlin! 3. April 2014!

2!

Agenda!

» Vorstellung meines Forschungskontexts und des Projektkontexts!

»  Ziel des Projekts und Ableitung der weiteren Vorgehensweise!

» Mädchenorientiertes Interaktionsdesign - Adaption bestehender Konzepte!

» Von der Idee zum Design - Verwendete Methoden!

» Zusammenfassung und Diskussion!

C.Müller-Birn et al., Kinderorientiertes Interaktionsdesign - Fallstricke und Chancen !

3!

Mein Forschungskontext!


Social Web!Application!

Data !Analysis!

Contextual Adaptation!of Software Features!

4!

Projektkontext - Girls’ Day an der FU Berlin !

»  Idee stammt aus den USA „Bring your kids to work”-Tag!

» Ziel ist es, Schülerinnen möglichst frühzeitig an ein breites Berufsspektrum heranzuführen!

» Seit 2002 an der FU Berlin mit über 75 jährlich angebotenen Workshops für rund 1.000 Schülerinnen der 5. bis 10. Klasse aller Berliner Schulen !

» Hohe Nachfrage wird über eine Webanwendung gesteuert !

» Aufgrund der veralteten Technik wurde im Herbst 2013 beschlossen, die komplette Webanwendung neu zu programmieren!

!


5!C.Müller-Birn et al., Kinderorientiertes Interaktionsdesign - Fallstricke und Chancen !

Unser Ziel ist es, !dass sich alle Schülerinnen !unabhängig vom Alter und !

von ihrer technischen Affinität !selbständig, !

d.h. mit möglichst wenig Unterstützung durch Erwachsene, über einen Workshop!informieren und sich anmelden können.!

http://www.flickr.com/photos/ogimogi/2223450729/"

6!

Mädchenorientiertes Interaktionsdesign!- Adaption bestehender Konzepte -!


7!

Aspekte des nutzerorientierten Designs!

Aktive Einbeziehung der Nutzerinnen in den Designprozess, um ein sehr gutes Verständnis für die Bedürfnisse der Nutzerinnen zu entwickeln!» Wer sind meine Nutzerinnen?!» Wie arbeiten und denken meine Nutzerinnen?!

!Iterativer Prozess der Softwareentwicklung!

Steht der Idee entgegen:!

„Getting it right the first time“!!!!


8!

Grundsätzlicher Ablauf bei der iterativen Entwicklung!


Iteration 0! Iteration 1! Iteration 2! Iteration 3! Iteration 4! Iteration 5!

Entscheidungsspiel-raum!

Projekt-start!

Geplantes Design!

Umgesetztes Design!

Finale Software!

9!

!Designpartnerin!

Umfang der Integration der Mädchen in den Designprozess!» Das Ziel sollte es sein, Mädchen möglichst früh in den Designprozess zu

involvieren.!

Anwendungsspezifikation Girls‘ Day Website!

Informantin!

Testerin!

Nutzerin!

Geringer Einfluss auf Änderungen, !da Software bereits “fertig”!

Späte Integration in den!Entwicklungsprozess!

Zeitaufwändiger Prozess, !aber bereits frühes Feedback!

Sofortiges Feedback und Kinder sind Design-!partner im Entwicklungsprozess!

Dru

in, A

. (20

02).

The

role

of C

hild

ren

in th

e D

esig

n of

New

Tec

hnol

ogy.

Beh

avio

ur a

nd In

form

atio

n Te

chno

logy

, 21(

1) 1

-25.

!

10!

!Designpartnerin!

Umfang der Integration der Mädchen in den Designprozess!» Das Ziel sollte es sein, Mädchen möglichst früh in den Designprozess zu

involvieren.!


Informantin!

Testerin!

Nutzerin!

Geringer Einfluss auf Änderungen, !da Software bereits “fertig”!

Späte Integration in den!Entwicklungsprozess!

Zeitaufwändiger Prozess, !aber bereits frühes Feedback!

Sofortiges Feedback und Kinder sind Design-!partner im Entwicklungsprozess!

Dru

in, A

. (20

02).

The

role

of C

hild

ren

in th

e D

esig

n of

New

Tec

hnol

ogy.

Beh

avio

ur a

nd In

form

atio

n Te

chno

logy

, 21(

1) 1

-25.

!

11!

Von der Idee zum Design!- Verwendete Methoden -!


12!

Angewandtes Vorgehen!

»  Semi-strukturierte Interviews mit einer Dauer von 30 min-1,5 h!

»  Analyse der bestehenden Anwendung basierend auf Gestaltungsrichtlinien!

»  Zusammenführung der Ergebnisse in sechs Bereiche !

»  Ableitung der zentralen Abläufe!

»  Entwerfen von Papier Prototypen für zentrale Abläufe!


Phase 1!

Phase 2!

Phase 3!


http://www.flickr.com/photos/53003768@N06/5177208768!

"Was würden Sie davon halten, die Webseite !mädchenorientierter zu gestalten?"!

Interviews!

14!

Geschlechtsspezifisches Design von Webanwendungen !

Forschungsarbeiten in diesem Bereich eher übersichtlich!

Bestehende Forschung basiert häufig auf der „Mirroring Principle”, welches beschreibt: “efficacy of tools or messages can be maximized by ensuring that they contain features that mirror the preferences of the target market” (Moss et al., 2006) !

Untersuchung von 23 Webseiteneigenschaften (Bereich Navigation, Visuelles Design, Sprache) !!Datenbasis sind persönliche Webseiten erstellt von je 30 Frauen und Männern an der Oxford University !


Mos

s, G

.A.,

Gun

n, R

.W. a

nd H

elle

r, J.

A.G

. Som

e m

en li

ke it

bla

ck, s

ome

wom

en li

ke it

pin

k: c

onsu

mer

im

plic

atio

ns o

f diff

eren

ces

in m

ale

and

fem

ale

web

site

des

ign,

Jou

rnal

of C

onsu

mer

Beh

avio

ur. 2

006!

15!

Geschlechtsspezifisches Design von Webanwendungen (2) !

Ergebnisse zeigen für 13 (56%) Eigenschaften statistisch signifikante Unterschiede zwischen Frauen und Männern, beispielsweise!» Frauen nutzen eher informelle Sprachelemente!» Frauen bevorzugen weiße, gelbe, rosa oder violette Typographie!» Frauen präfieren eher horizontale (d.h. breitere) Layouts !


Moss, G.A., Gunn, R.W. and Heller, J.A.G. 2006!Derrick Barth: Designing the gender – neutral user experience. !

https://www.wpi.edu/Pubs/E-project/Available/E-project-042612-150925/unrestricted/Designingä_the_Gender-Neutral_User_Experience.pdf!

Male biased !design book inventory!

Female biased !design book inventory!

16!

Heuristische Evaluation!

Basiert auf einem analytischer Evaluationsprozess nach (Nielsen und Molich, 1991) bei dem mit einem vordefinierten Set von Heuristiken eine existierende Softwareoberfläche und deren Interaktionskonzept analysiert wird!

Heuristiken sind Regeln bzw. Designrichtlinien für die Gestaltung von Benutzeroberflächen!

Einsatz von Heuristiken für Kinderorientiertes Design - 110 Kriterien aus den Bereichen Oberflächendesign, Interaktionsdesign und Inhalt (Liebal und Exner, 2011)!

Berücksichtigte Heuristiken nach Altersgruppen (nach Piaget)!» Konkret-operationale Phase (7-11 Jahre)!» Formal-operationale Phase (ab 11 Jahre)!

!


Nielsen, Jakob und Molich, Rolf, Heuristic evaluation of user interfaces. ACM Conference on Human Factors in Computing Systems, Seattle (USA), 1990.!Liebal, Janine, Exner, Markus, Usability für Kids - Ein Handbuch zur ergonomischen Gestaltung von Software und Websites für Kinder, Vieweg+Teubner Research, 2011.!


Beispiele für ausgewählte Heuristiken!»  Informationen sollten im sichtbaren Bereich liegen!» Einfache und fixe Navigation!» Möglichst ähnliche Interaktionstechniken verwenden!

!Einschränkung bei den verwendeten Gestaltungsrichtlinien!» Keine geschlechtsspezifische Ausrichtung!» Keine empirische Validierung!

!!

18!

Papier Prototypen !

Methode zur nutzerorientierten Gestaltung von Software!

Papier Prototypen sind gezeichnete / grobe Skizzen der geplanten Oberfläche zum Testen!

Vorteile!» Schnell und einfach anzufertigen!» Frühe Veranschaulichung einer Design-Idee !» Testen wenig aufwändig!» Maximiert die Veränderungsmöglichkeiten, bevor mit

dem Programmieren begonnen wird!


19!

Zusammenfassung/Erkenntnisse!

Genderdifferenziertes Applikationsdesign nützlich und notwendig !

Bestehende Forschung im Bereich des genderdifferenzierten Applikationsdesigns noch unterrepräsentiert (bei Kindern anscheinend nicht existent)!

Hilfestellung zur gendergerechten Anpassung bestehender Gestaltungs- und Entwicklungsmethoden nicht einfach verfügbar!

Interdisziplinäre Forschungsteams erforderlich, um Forschungslücken zu schließen!


20!

Kontakt!


Mädchenorientiertes Interaktionsdesign – Fallstricke und Chancen

Science

Transcript of Mädchenorientiertes Interaktionsdesign – Fallstricke und Chancen