Interaction Design

Gestaltung und prototypische Umsetzung von grafischen Benutzerschnittstellen.

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.

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.

Dozent: Jürgen Späth, Assistent: Joël Gähwiler