Das Dokument beschreibt die Gestaltung interaktiver Touchscreen-Komponenten für das CommunityMirrorTM-Framework, wobei die Benutzerfreundlichkeit im Vordergrund steht. Ziel ist die Entwicklung eines generischen, erweiterbaren Buttongenerators und die Gestaltung neuer, ansprechender Panels. Außerdem werden Ergebnisse von Feldtests und Usability-Studien präsentiert, die auf häufige Missverständnisse bei der Interaktion hinweisen.

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

2. GliederungProblemstellung und ZielsetzungLösungskonzeptArtefaktAusblick21.Januar 2010Simon, Marc Uwe2

3. ProblemstellungButtons für CommunityMirror™ nicht immer intuitiv verständlichBei großer Zahl von Buttons in einer linearen Leiste überschreiten diese den BildschirmbereichVorhandene Buttons/Leisten/Panels schwer erweiterbar21.Januar 2010Simon, Marc Uwe3

4. ZielsetzungGestaltung eines generischen, erweiterbaren ButtonGenerators unter Beachtung von Usability-KriterienGestaltung neuer optisch ansprechender Panels (z. B. RoundPanel), die im CMF verwendet werden können21.Januar 2010Simon, Marc Uwe4

5. Zielsetzung - Wünschenswert21.Januar 2010Simon, Marc Uwe5

6. GliederungProblemstellungLösungskonzeptArtefaktAusblick21.Januar 2010Simon, Marc Uwe6

7. LösungskonzeptErgebnisse aus ausführlicher Analyse software-ergonomischer StudienErgebnisse aus Feldtest an der TU MünchenÜbernahme bewährter Konzepte des CMF21.Januar 2010Simon, Marc Uwe7

8. Lösungskonzept - Grundlagen21.Januar 2010Simon, Marc Uwe8Wichtige 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 - Idealfall8. September 2009Florian Ott9

10. Lösungskonzept - FeldtestTest 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 verstandenDas Bewertungssystem wurde nicht verstanden ( BA von Herrn Michaelis)21.Januar 2010Simon, Marc Uwe10

11. Lösungskonzept – Schema21.Januar 2010Simon, Marc Uwe11

12. Lösungskonzept - Taster21.Januar 2010Simon, Marc Uwe12

13. Lösungskonzept - Schalter21.Januar 2010Simon, Marc Uwe13

14. GliederungProblemstellungLösungskonzeptArtefaktAusblick21.Januar 2010Simon, Marc Uwe14

15. Artefakt – IconsVerschiedene Quellen im Internet, um aussagekräftige Icons zu bekommenGutes Beispiel: Iconspedia mit einigen tausend verschiedenen Icons für verschiedene AnlässeTeils auch generische Icons, die mit Fireworks selbst bearbeitet werden können21.Januar 2010Simon, Marc Uwe15

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

17. Artefakt – Voting-ButtonsProblem: Voting-Buttons (Daumen) nicht verständlichEventuelle Lösung: Buttons zweifarbig, die +1 oder -1 als Aufschrift habenAlternativ: Ausgeklügelteres Bewertungssystem (siehe z. B. Youtube)21.Januar 2010Simon, Marc Uwe17

18. Artefakt – SwitchButtons mit verbesserter Statusanzeige21.Januar 2010Simon, Marc Uwe18Kategoriename (optional)Aktivierte KategorieKategoriename (optional)Deaktivierte Kategorie

19. Artefakt - RoundPanelRundes Panel, dass (u. U. mehrfach) an einer beliebigen Stelle des Bildschirms geöffnet werden kannEnthä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 2010Simon, Marc Uwe19

20. Artefakt - RoundPanel21.Januar 2010Simon, Marc Uwe20Close-ButtonInfo-Button zum Darstellen von ZusatzinformationenZoom-InHilfe-Button, falls Nutzer sich nicht auskenntZoom-OutEvtl. Bewertungs-Button

21. Artefakt - RoundPanel21.Januar 2010Simon, Marc Uwe21SchließenInformationZoom-InHilfeZoom-OutBewertung positivBewertung negativ

22. GliederungProblemstellungLösungskonzeptArtefaktAusblick21.Januar 2010Simon, Marc Uwe22

23. AusblickImplementierung der ButtonFactory muss noch fertiggestellt werdenNutzung des Java Media Frameworks wird empfohlenEvtl. in Form eines Praktikums (5ECTS) in Zusammenarbeit mit der BA von Herrn Michaelis21.Januar 2010Simon, Marc Uwe23

24. Fragen?Fragen21.Januar 2010Simon, Marc Uwe24