Erstes Kennenlernen von unterschiedlichen Designmethoden zur Entwicklung eines Graphical User Interfaces. Methoden: User Interview, Personas, Scenarios, Prototyping, Usability Testing. Erwerb von Kenntnissen und praktischer Erfahrung in der Programmierung mit den etablierten Webtechnologien HTML, CSS und JavaScript.

Open

(Quelle: http://blog.sbb.ch/en/2014/12/10/ticket-machine-helpline)

Analyse eines bestehenden Graphical User Interface. Durch persönliche Befragungen von Nutzern Erkenntnisse über ihr Verhalten, ihre Probleme und Wünsche gewinnen. Um die unterschiedlichen repräsentativen Benutzergruppen besser zu verstehen werden Personas erstellt. Anschliessend werden anhand von unterschiedlichen Use Cases die Funktionalitäten der Anwendung spezifiziert. Mit Wireframes wird das Grundgerüst des Interfaces festgelegt. Über das Gerüst wird dann die grafische Oberfläche gestaltet. Teilbereiche werden prototypisch umgesetzt, um diesen für einen einfachen Usability Test einzusetzen.

Für die Umsetzung lernen die Studierenden den Umgang mit den Webtechnologien HTML und CSS, welche das Beschreiben und Formatieren von statischen Webseiten erlauben. Weiter werden Grundkenntnisse in der Programmierung mit Javascript und der bekannten Funktionsbibliothek jQuery erarbeitet. Mittels dynamisch geschalteten und platzierten Inhalt sowie selbst entwickelten Bedienelementen werden die erst statischen Webseiten zu interaktiven Benutzerschnittstellen ausgebaut.

Abgabe

• Interaktiver Prototyp

• Dokumentation

• Screencast Video

• User Testing Video

• Bilder, Text

Zeitplan

Nachfolgend eine Aufstellung der Terminen in diesem Modul. Bei den fett markierten Terminen werden wir uns alle zusammen treffen, während die unterstrichenen Termine Besprechungen in den einzelnen Gruppen sind. Die hell markierten Felder stellen den Fokus dieser Tage dar.

JS: Jürgen Späth, JG: Joël Gähwiler