Interaction Design Process MA/MPhil Martin Feuz
Mag. art. Dipl. Des. FH Nicole Foelsterl
MA Joël Gähwiler
8 CreditsBDE-VIAD-V-2022.16F.001
Theorie 2.2 VIAD: Design Methodologie Stefano Vannotti
Clemens Winkler
2 CreditsBDE-BDE-T-VS-2002.16F.001
Basic GUI 
Gestaltung und prototypische Umsetzung von grafischen Benutzerschnittstellen.
| Nummer und Typ | BDE-VIAD-V-2030.16F.001 / Moduldurchführung |
|---|---|
| Modul | Basic GUI |
| Veranstalter | Departement Design |
| Leitung | Prof. Jürgen Späth Joël Gähwiler |
| Zeit | Di 10. Mai 2016 bis Fr 10. Juni 2016 |
| ECTS | 9 Credits |
| Voraussetzungen | Bestandene Kurse des 1. Semester (Design und Technologie) |
| Lehrform | Seminar mit Übungs- und Selbststudiumsanteilen |
| Zielgruppen | Pflichtmodul für 2. Semester Interaction Design |
| Lernziele / Kompetenzen | 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. |
| Inhalte | 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. |
| Bibliographie / Literatur | Jon Duckett, HTML and CSS: Design and Build Websites, Wiley, November 2011, ISBN13: 978-1118008188 Jon Duckett, JavaScript and JQuery: Interactive Front-End Web Development, Wiley, June 2014, ISBN13: 978-1118531648 Marijn Haverbeke, Eloquent JavaScript: A Modern Introduction to Programming, No Starch Press, December 2014, ISBN13: 978-1593275846 Shay Howe, Learn to Code HTML and CSS: Develop and Style Websites, New Riders, Mai 2014, ISBN13: 978-0321940520 Eric A. Meyer, CSS Pocket Reference, O'Reilly Media, August 2011, ISBN13: 978-1449399030 Jennifer Niederst Robbins, HTML5 Pocket Reference, O'Reilly Media, August 2013, ISBN13: 978-1449363352 |
| Leistungsnachweis / Testatanforderung | min. 80% Anwesenheit, Dokumentation, digitale Abgabe |
| Termine | 10.5.-10.6.2016 - Siehe elektronischer IAD Stundenplan |
| Bewertungsform | Noten von A - F |
