bachelorarbeit simon 2009

www.communitymirrors.net

CommunityMirrors™

Gestaltung interaktiver Touchscreen-Komponenten für das

CommunityMirror™ Framework unter Berücksichtigung von Usability-

Aspekten

21.Januar 2010Simon, Marc Uwe

www.communitymirrors.net

Gliederung

1. Problemstellung und Zielsetzung

2. Lösungskonzept

3. Artefakt

4. Ausblick

21.Januar 2010Simon, Marc Uwe 2

www.communitymirrors.net

Problemstellung

1. Buttons für CommunityMirror™ nicht immer intuitiv verständlich

2. Bei großer Zahl von Buttons in einer linearen Leiste überschreiten diese den Bildschirmbereich

3. Vorhandene Buttons/Leisten/Panels schwer erweiterbar

21.Januar 2010Simon, Marc Uwe 3

www.communitymirrors.net

Zielsetzung

1. Gestaltung eines generischen,

erweiterbaren ButtonGenerators unter

Beachtung von Usability-Kriterien

2. Gestaltung neuer optisch

ansprechender Panels (z. B.

RoundPanel), die im CMF verwendet

werden können

21.Januar 2010Simon, Marc Uwe 4

www.communitymirrors.net

Zielsetzung - Wünschenswert

21.Januar 2010Simon, Marc Uwe 5

www.communitymirrors.net

Gliederung

1. Problemstellung

2. Lösungskonzept

3. Artefakt

4. Ausblick

21.Januar 2010Simon, Marc Uwe 6

www.communitymirrors.net

Lösungskonzept

1. Ergebnisse aus ausführlicher Analyse

software-ergonomischer Studien

2. Ergebnisse aus Feldtest an der TU

München

3. Übernahme bewährter Konzepte des

CMF

21.Januar 2010Simon, Marc Uwe 7

www.communitymirrors.net

Lösungskonzept - Grundlagen

21.Januar 2010Simon, Marc Uwe 8

Wichtige Quelle für die Oberflächengestaltung an Touchscreens ist die VDI/VDE 3850, im besonderen wichtig ist Blatt 3

www.communitymirrors.net

VDI/VDE 3850 Blatt 3 - Idealfall

8. September 2009Florian Ott 9

www.communitymirrors.net

Lösungskonzept - Feldtest

1. Test an der TU München hat gezeigt, dass viele Nutzer auf Anhieb die Möglichkeit der Interaktion nicht begreifen( mehr kleine Animationen)

2. Weiterhin wurden häufig die Kategoriebuttons nicht als solche verstanden

3. Das Bewertungssystem wurde nicht verstanden ( BA von Herrn Michaelis)

21.Januar 2010Simon, Marc Uwe 10

www.communitymirrors.net

Lösungskonzept – Schema

21.Januar 2010Simon, Marc Uwe 11

www.communitymirrors.net

Lösungskonzept - Taster

21.Januar 2010Simon, Marc Uwe 12

www.communitymirrors.net

Lösungskonzept - Schalter

21.Januar 2010Simon, Marc Uwe 13

www.communitymirrors.net

Gliederung

1. Problemstellung

2. Lösungskonzept

3. Artefakt

4. Ausblick

21.Januar 2010Simon, Marc Uwe 14

www.communitymirrors.net

Artefakt – Icons

1. Verschiedene Quellen im Internet, um

aussagekräftige Icons zu bekommen

2. Gutes Beispiel: Iconspedia mit einigen

tausend verschiedenen Icons für

verschiedene Anlässe

3. Teils auch generische Icons, die mit

Fireworks selbst bearbeitet werden können

21.Januar 2010Simon, Marc Uwe 15

www.communitymirrors.net

Artefakt – Lineare Leisten mit Resize

1. Beim Hinzufügen von Buttons zu einer Leiste muss diese ab einer bestimmten Menge angepasst werden

2. Nutzer kann entscheiden, ob Leiste nur eine Spalte/Zeile haben darf und die Buttons immer kleiner werden

3. Oder ob die Leiste automatisch umgebrochen werden soll (hängt von den Ausmaßen des Bildschirms ab)

21.Januar 2010Simon, Marc Uwe 16

www.communitymirrors.net

Artefakt – Voting-Buttons

1. Problem: Voting-Buttons (Daumen)

nicht verständlich

2. Eventuelle Lösung: Buttons zweifarbig,

die +1 oder -1 als Aufschrift haben

3. Alternativ: Ausgeklügelteres

Bewertungssystem (siehe z. B. Youtube)

21.Januar 2010Simon, Marc Uwe 17

www.communitymirrors.net

Artefakt – SwitchButtons mit verbesserter Statusanzeige

21.Januar 2010Simon, Marc Uwe 18

Kategoriename(optional)

Kategoriename(optional)

Aktivierte Kategorie

Deaktivierte Kategorie

www.communitymirrors.net

Artefakt - RoundPanel

1. Rundes Panel, dass (u. U. mehrfach) an einer beliebigen Stelle des Bildschirms geöffnet werden kann

2. Enthält bis zu zehn Buttons (beim Hinzufügen weiterer wird eine Fehlermeldung als logger.warning erzeugt)

3. Panel kann auch geschlossen werden und ist dann nicht mehr sichtbar ( keine ständig gebrauchten Funktionen)

21.Januar 2010Simon, Marc Uwe 19

www.communitymirrors.net

Artefakt - RoundPanel

21.Januar 2010Simon, Marc Uwe 20

Info-Button zum Darstellen von Zusatzinformationen

Hilfe-Button, falls Nutzer sich nicht auskennt

Close-Button

Zoom-In

Zoom-Out

Evtl. Bewertungs-Button

www.communitymirrors.net

Artefakt - RoundPanel

21.Januar 2010Simon, Marc Uwe 21

Information

Hilfe

Schließen

Zoom-In

Zoom-Out

Bewertung negativ Bewertung positiv

www.communitymirrors.net

Gliederung

1. Problemstellung

2. Lösungskonzept

3. Artefakt

4. Ausblick

21.Januar 2010Simon, Marc Uwe 22

www.communitymirrors.net

Ausblick

1. Implementierung der ButtonFactory muss noch fertiggestellt werden

2. Nutzung des Java Media Frameworks wird empfohlen

3. Evtl. in Form eines Praktikums (5ECTS) in Zusammenarbeit mit der BA von Herrn Michaelis

21.Januar 2010Simon, Marc Uwe 23

www.communitymirrors.net

Fragen

?Fragen

21.Januar 2010Simon, Marc Uwe 24