CommunityMirrors™<br />Gestaltung interaktiver Touchscreen-Komponenten für das CommunityMirror™ Framework unter Berücksich...
Gliederung<br />Problemstellung und Zielsetzung<br />Lösungskonzept<br />Artefakt<br />Ausblick<br />21.Januar 2010<br />S...
Problemstellung<br />Buttons für CommunityMirror™ nicht immer intuitiv verständlich<br />Bei großer Zahl von Buttons in ei...
Zielsetzung<br />Gestaltung eines generischen, erweiterbaren ButtonGenerators unter Beachtung von Usability-Kriterien<br /...
Zielsetzung - Wünschenswert<br />21.Januar 2010<br />Simon, Marc Uwe<br />5<br />
Gliederung<br />Problemstellung<br />Lösungskonzept<br />Artefakt<br />Ausblick<br />21.Januar 2010<br />Simon, Marc Uwe<b...
Lösungskonzept<br />Ergebnisse aus ausführlicher Analyse software-ergonomischer Studien<br />Ergebnisse aus Feldtest an de...
Lösungskonzept - Grundlagen<br />21.Januar 2010<br />Simon, Marc Uwe<br />8<br />Wichtige Quelle für die Oberflächengestal...
VDI/VDE 3850 Blatt 3 - Idealfall<br />8. September 2009<br />Florian Ott<br />9<br />
Lösungskonzept - Feldtest<br />Test an der TU München hat gezeigt, dass viele Nutzer auf Anhieb die Möglichkeit der Intera...
Lösungskonzept – Schema<br />21.Januar 2010<br />Simon, Marc Uwe<br />11<br />
Lösungskonzept - Taster<br />21.Januar 2010<br />Simon, Marc Uwe<br />12<br />
Lösungskonzept - Schalter<br />21.Januar 2010<br />Simon, Marc Uwe<br />13<br />
Gliederung<br />Problemstellung<br />Lösungskonzept<br />Artefakt<br />Ausblick<br />21.Januar 2010<br />Simon, Marc Uwe<b...
Artefakt – Icons<br />Verschiedene Quellen im Internet, um aussagekräftige Icons zu bekommen<br />Gutes Beispiel: Iconsped...
Artefakt – Lineare Leisten mit Resize<br />Beim Hinzufügen von Buttons zu einer Leiste muss diese ab einer bestimmten Meng...
Artefakt – Voting-Buttons<br />Problem: Voting-Buttons (Daumen) nicht verständlich<br />Eventuelle Lösung: Buttons zweifar...
Artefakt – SwitchButtons mit verbesserter Statusanzeige<br />21.Januar 2010<br />Simon, Marc Uwe<br />18<br />Kategorienam...
Artefakt - RoundPanel<br />Rundes Panel, dass (u. U. mehrfach) an einer beliebigen Stelle des Bildschirms geöffnet werden ...
Artefakt - RoundPanel<br />21.Januar 2010<br />Simon, Marc Uwe<br />20<br />Close-Button<br />Info-Button zum Darstellen v...
Artefakt - RoundPanel<br />21.Januar 2010<br />Simon, Marc Uwe<br />21<br />Schließen<br />Information<br />Zoom-In<br />H...
Gliederung<br />Problemstellung<br />Lösungskonzept<br />Artefakt<br />Ausblick<br />21.Januar 2010<br />Simon, Marc Uwe<b...
Ausblick<br />Implementierung der ButtonFactory muss noch fertiggestellt werden<br />Nutzung des Java Media Frameworks wir...
Fragen<br />?<br />Fragen<br />21.Januar 2010<br />Simon, Marc Uwe<br />24<br />
Upcoming SlideShare
Loading in …5
×

Bachelorarbeit Simon 2009

846
-1

Published on

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

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
846
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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 />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×