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


Gliederung

1. Problemstellung und Zielsetzung

2. Lösungskonzept

3. Artefakt

4. Ausblick

21.Januar 2010Simon, Marc Uwe 2


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



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



Zielsetzung - Wünschenswert



Gliederung

1. Problemstellung

2. Lösungskonzept

3. Artefakt

4. Ausblick



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



Lösungskonzept - Grundlagen


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


VDI/VDE 3850 Blatt 3 - Idealfall

8. September 2009Florian Ott 9


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)



Lösungskonzept – Schema



Lösungskonzept - Taster



Lösungskonzept - Schalter



Gliederung

1. Problemstellung

2. Lösungskonzept

3. Artefakt

4. Ausblick



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



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)



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)



Artefakt – SwitchButtons mit verbesserter Statusanzeige


Kategoriename(optional)

Kategoriename(optional)

Aktivierte Kategorie

Deaktivierte Kategorie


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)





Info-Button zum Darstellen von Zusatzinformationen

Hilfe-Button, falls Nutzer sich nicht auskennt

Close-Button

Zoom-In

Zoom-Out

Evtl. Bewertungs-Button




Information

Hilfe

Schließen

Zoom-In

Zoom-Out

Bewertung negativ Bewertung positiv


Gliederung

1. Problemstellung

2. Lösungskonzept

3. Artefakt

4. Ausblick



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



Fragen

?Fragen


bachelorarbeit simon 2009

Education