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