My Bachelors Thesis about creating interactive touchscreen components for the CommunityMirror(TM) Framework

1. CommunityMirrors™ Gestaltung interaktiver Touchscreen-Komponenten für das CommunityMirror™ Framework unter Berücksichtigung von Usability-Aspekten 21.Januar 2010 Simon, Marc Uwe

2. Gliederung Problemstellung und Zielsetzung Lösungskonzept Artefakt Ausblick 21.Januar 2010 Simon, Marc Uwe 2

3. Problemstellung Buttons für CommunityMirror™ nicht immer intuitiv verständlich Bei großer Zahl von Buttons in einer linearen Leiste überschreiten diese den Bildschirmbereich Vorhandene Buttons/Leisten/Panels schwer erweiterbar 21.Januar 2010 Simon, Marc Uwe 3

4. Zielsetzung Gestaltung eines generischen, erweiterbaren ButtonGenerators unter Beachtung von Usability-Kriterien Gestaltung neuer optisch ansprechender Panels (z. B. RoundPanel), die im CMF verwendet werden können 21.Januar 2010 Simon, Marc Uwe 4

5. Zielsetzung - Wünschenswert 21.Januar 2010 Simon, Marc Uwe 5

6. Gliederung Problemstellung Lösungskonzept Artefakt Ausblick 21.Januar 2010 Simon, Marc Uwe 6

7. Lösungskonzept Ergebnisse aus ausführlicher Analyse software-ergonomischer Studien Ergebnisse aus Feldtest an der TU München Übernahme bewährter Konzepte des CMF 21.Januar 2010 Simon, Marc Uwe 7

8. Lösungskonzept - Grundlagen 21.Januar 2010 Simon, Marc Uwe 8 Wichtige Quelle für die Oberflächengestaltung an Touchscreens ist die VDI/VDE 3850, im besonderen wichtig ist Blatt 3

9. VDI/VDE 3850 Blatt 3 - Idealfall 8. September 2009 Florian Ott 9

10. Lösungskonzept - Feldtest Test an der TU München hat gezeigt, dass viele Nutzer auf Anhieb die Möglichkeit der Interaktion nicht begreifen(  mehr kleine Animationen) Weiterhin wurden häufig die Kategoriebuttons nicht als solche verstanden Das Bewertungssystem wurde nicht verstanden ( BA von Herrn Michaelis) 21.Januar 2010 Simon, Marc Uwe 10

11. Lösungskonzept – Schema 21.Januar 2010 Simon, Marc Uwe 11

12. Lösungskonzept - Taster 21.Januar 2010 Simon, Marc Uwe 12

13. Lösungskonzept - Schalter 21.Januar 2010 Simon, Marc Uwe 13

14. Gliederung Problemstellung Lösungskonzept Artefakt Ausblick 21.Januar 2010 Simon, Marc Uwe 14

15. Artefakt – Icons Verschiedene Quellen im Internet, um aussagekräftige Icons zu bekommen Gutes Beispiel: Iconspedia mit einigen tausend verschiedenen Icons für verschiedene Anlässe Teils auch generische Icons, die mit Fireworks selbst bearbeitet werden können 21.Januar 2010 Simon, Marc Uwe 15

16. Artefakt – Lineare Leisten mit Resize Beim Hinzufügen von Buttons zu einer Leiste muss diese ab einer bestimmten Menge angepasst werden Nutzer kann entscheiden, ob Leiste nur eine Spalte/Zeile haben darf und die Buttons immer kleiner werden Oder ob die Leiste automatisch umgebrochen werden soll (hängt von den Ausmaßen des Bildschirms ab) 21.Januar 2010 Simon, Marc Uwe 16

17. Artefakt – Voting-Buttons Problem: Voting-Buttons (Daumen) nicht verständlich Eventuelle Lösung: Buttons zweifarbig, die +1 oder -1 als Aufschrift haben Alternativ: Ausgeklügelteres Bewertungssystem (siehe z. B. Youtube) 21.Januar 2010 Simon, Marc Uwe 17

18. Artefakt – SwitchButtons mit verbesserter Statusanzeige 21.Januar 2010 Simon, Marc Uwe 18 Kategoriename (optional) Aktivierte Kategorie Kategoriename (optional) Deaktivierte Kategorie

19. Artefakt - RoundPanel Rundes Panel, dass (u. U. mehrfach) an einer beliebigen Stelle des Bildschirms geöffnet werden kann Enthält bis zu zehn Buttons (beim Hinzufügen weiterer wird eine Fehlermeldung als logger.warning erzeugt) Panel kann auch geschlossen werden und ist dann nicht mehr sichtbar ( keine ständig gebrauchten Funktionen) 21.Januar 2010 Simon, Marc Uwe 19

20. Artefakt - RoundPanel 21.Januar 2010 Simon, Marc Uwe 20 Close-Button Info-Button zum Darstellen von Zusatzinformationen Zoom-In Hilfe-Button, falls Nutzer sich nicht auskennt Zoom-Out Evtl. Bewertungs-Button

21. Artefakt - RoundPanel 21.Januar 2010 Simon, Marc Uwe 21 Schließen Information Zoom-In Hilfe Zoom-Out Bewertung positiv Bewertung negativ

22. Gliederung Problemstellung Lösungskonzept Artefakt Ausblick 21.Januar 2010 Simon, Marc Uwe 22

23. Ausblick Implementierung der ButtonFactory muss noch fertiggestellt werden Nutzung des Java Media Frameworks wird empfohlen Evtl. in Form eines Praktikums (5ECTS) in Zusammenarbeit mit der BA von Herrn Michaelis 21.Januar 2010 Simon, Marc Uwe 23

24. Fragen ? Fragen 21.Januar 2010 Simon, Marc Uwe 24