Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Bachelorarbeit Simon 2009

1,323 views

Published on

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

Published in: Education, Technology, Business
  • Be the first to comment

  • Be the first to like this

Bachelorarbeit Simon 2009

  1. 1. CommunityMirrors™<br />Gestaltung interaktiver Touchscreen-Komponenten für das CommunityMirror™ Framework unter Berücksichtigung von Usability-Aspekten<br />21.Januar 2010<br />Simon, Marc Uwe<br />
  2. 2. Gliederung<br />Problemstellung und Zielsetzung<br />Lösungskonzept<br />Artefakt<br />Ausblick<br />21.Januar 2010<br />Simon, Marc Uwe<br />2<br />
  3. 3. Problemstellung<br />Buttons für CommunityMirror™ nicht immer intuitiv verständlich<br />Bei großer Zahl von Buttons in einer linearen Leiste überschreiten diese den Bildschirmbereich<br />Vorhandene Buttons/Leisten/Panels schwer erweiterbar<br />21.Januar 2010<br />Simon, Marc Uwe<br />3<br />
  4. 4. Zielsetzung<br />Gestaltung eines generischen, erweiterbaren ButtonGenerators unter Beachtung von Usability-Kriterien<br />Gestaltung neuer optisch ansprechender Panels (z. B. RoundPanel), die im CMF verwendet werden können<br />21.Januar 2010<br />Simon, Marc Uwe<br />4<br />
  5. 5. Zielsetzung - Wünschenswert<br />21.Januar 2010<br />Simon, Marc Uwe<br />5<br />
  6. 6. Gliederung<br />Problemstellung<br />Lösungskonzept<br />Artefakt<br />Ausblick<br />21.Januar 2010<br />Simon, Marc Uwe<br />6<br />
  7. 7. Lösungskonzept<br />Ergebnisse aus ausführlicher Analyse software-ergonomischer Studien<br />Ergebnisse aus Feldtest an der TU München<br />Übernahme bewährter Konzepte des CMF<br />21.Januar 2010<br />Simon, Marc Uwe<br />7<br />
  8. 8. Lösungskonzept - Grundlagen<br />21.Januar 2010<br />Simon, Marc Uwe<br />8<br />Wichtige Quelle für die Oberflächengestaltung an Touchscreens ist die VDI/VDE 3850, im besonderen wichtig ist Blatt 3<br />
  9. 9. VDI/VDE 3850 Blatt 3 - Idealfall<br />8. September 2009<br />Florian Ott<br />9<br />
  10. 10. Lösungskonzept - Feldtest<br />Test an der TU München hat gezeigt, dass viele Nutzer auf Anhieb die Möglichkeit der Interaktion nicht begreifen(  mehr kleine Animationen)<br />Weiterhin wurden häufig die Kategoriebuttons nicht als solche verstanden<br />Das Bewertungssystem wurde nicht verstanden ( BA von Herrn Michaelis)<br />21.Januar 2010<br />Simon, Marc Uwe<br />10<br />
  11. 11. Lösungskonzept – Schema<br />21.Januar 2010<br />Simon, Marc Uwe<br />11<br />
  12. 12. Lösungskonzept - Taster<br />21.Januar 2010<br />Simon, Marc Uwe<br />12<br />
  13. 13. Lösungskonzept - Schalter<br />21.Januar 2010<br />Simon, Marc Uwe<br />13<br />
  14. 14. Gliederung<br />Problemstellung<br />Lösungskonzept<br />Artefakt<br />Ausblick<br />21.Januar 2010<br />Simon, Marc Uwe<br />14<br />
  15. 15. Artefakt – Icons<br />Verschiedene Quellen im Internet, um aussagekräftige Icons zu bekommen<br />Gutes Beispiel: Iconspedia mit einigen tausend verschiedenen Icons für verschiedene Anlässe<br />Teils auch generische Icons, die mit Fireworks selbst bearbeitet werden können<br />21.Januar 2010<br />Simon, Marc Uwe<br />15<br />
  16. 16. Artefakt – Lineare Leisten mit Resize<br />Beim Hinzufügen von Buttons zu einer Leiste muss diese ab einer bestimmten Menge angepasst werden<br />Nutzer kann entscheiden, ob Leiste nur eine Spalte/Zeile haben darf und die Buttons immer kleiner werden<br />Oder ob die Leiste automatisch umgebrochen werden soll (hängt von den Ausmaßen des Bildschirms ab)<br />21.Januar 2010<br />Simon, Marc Uwe<br />16<br />
  17. 17. Artefakt – Voting-Buttons<br />Problem: Voting-Buttons (Daumen) nicht verständlich<br />Eventuelle Lösung: Buttons zweifarbig, die +1 oder -1 als Aufschrift haben<br />Alternativ: Ausgeklügelteres Bewertungssystem (siehe z. B. Youtube)<br />21.Januar 2010<br />Simon, Marc Uwe<br />17<br />
  18. 18. Artefakt – SwitchButtons mit verbesserter Statusanzeige<br />21.Januar 2010<br />Simon, Marc Uwe<br />18<br />Kategoriename (optional)<br />Aktivierte Kategorie<br />Kategoriename (optional)<br />Deaktivierte Kategorie<br />
  19. 19. Artefakt - RoundPanel<br />Rundes Panel, dass (u. U. mehrfach) an einer beliebigen Stelle des Bildschirms geöffnet werden kann<br />Enthält bis zu zehn Buttons (beim Hinzufügen weiterer wird eine Fehlermeldung als logger.warning erzeugt)<br />Panel kann auch geschlossen werden und ist dann nicht mehr sichtbar ( keine ständig gebrauchten Funktionen)<br />21.Januar 2010<br />Simon, Marc Uwe<br />19<br />
  20. 20. Artefakt - RoundPanel<br />21.Januar 2010<br />Simon, Marc Uwe<br />20<br />Close-Button<br />Info-Button zum Darstellen von Zusatzinformationen<br />Zoom-In<br />Hilfe-Button, falls Nutzer sich nicht auskennt<br />Zoom-Out<br />Evtl. Bewertungs-Button<br />
  21. 21. Artefakt - RoundPanel<br />21.Januar 2010<br />Simon, Marc Uwe<br />21<br />Schließen<br />Information<br />Zoom-In<br />Hilfe<br />Zoom-Out<br />Bewertung positiv<br />Bewertung negativ<br />
  22. 22. Gliederung<br />Problemstellung<br />Lösungskonzept<br />Artefakt<br />Ausblick<br />21.Januar 2010<br />Simon, Marc Uwe<br />22<br />
  23. 23. Ausblick<br />Implementierung der ButtonFactory muss noch fertiggestellt werden<br />Nutzung des Java Media Frameworks wird empfohlen<br />Evtl. in Form eines Praktikums (5ECTS) in Zusammenarbeit mit der BA von Herrn Michaelis<br />21.Januar 2010<br />Simon, Marc Uwe<br />23<br />
  24. 24. Fragen<br />?<br />Fragen<br />21.Januar 2010<br />Simon, Marc Uwe<br />24<br />

×