Designing Interactive Systems ('19/20)

  Class Information: Aachen

Lab Mon, 14:30 - 16:00
(starting 14.10.2019)
  Room: AH VI
Studio Wed, 10:00 - 12:00
(starting 09.10.2019)
  Room: 2356|053.2
   
Language English
   
Credits 6

  Class Information: Bonn

Studio & Lab Tue, 13:00 - 17:15
(starting 22.10.2019)
  Room: b-it building, room 0.109
   
Language English
   
Credits 6

 Exams

Midterm Exam 27.11.19
Final Exam 04.02.20

This class introduces students to the field of Human-Computer Interaction (HCI) and user interface design. Specifically, the course covers the following topics:

  • Fundamental concepts of human cognition, such as perception and memory performance.
  • Models of interaction between people and their environment, such as affordances, mappings, constraints, slips, and mistakes.
  • Milestones in the history of Human-Computer Interaction.
  • Principles of iterative design.
  • Techniques for prototyping user interfaces.
  • User studies and evaluation methods.
  • Golden rules of user interface design.
  • User interface design notations.

After this class, students will know how user interfaces have been developed over the past decades, and what constants of human performance need to be considered when designing them. This class forms the basis for the classes “Designing Interactive Systems II” (which looks at more technical aspects of user interface development) and “Current Topics in HCI and Media Computing,” as well as the “Post-Desktop User Interfaces” seminar and other courses from our research group. Students will be able to apply iterative design, prototyping, and evaluation methods to design usable, appropriate user interfaces in a user-centered fashion. All assignments are group-based to foster collaboration skills, and project-centered to strengthen organizational skills, conflict management, and presentation skills. Learning to think in designers' terms is a crucial competence for computer scientists working on user interfaces, a job that requires collaboration in interdisciplinary teams.

This class is limited to 120 seats. You need to register to obtain a seat in this course. 

Contact

Prof. Dr. Jan
Borchers

Krishna
Subramanian

Oliver
Nowak

Syllabus

Aachen:

  • Course Introduction, Fitts' Law, The CMN Model

    • Studio 1: Course Introduction

      Wed, Oct 9th

    • Lab 1

      Mon, Oct 14th

    • Studio 2

      Wed, Oct 16th

  • Gestalt Laws, Information Content, Visibility, Affordances

    • Lab 2

      Mon, Oct 21st

    • Studio 2

      Wed, Oct 23rd

  • Mappings, Constraints, Seven Stages of Actions

    • Lab 3

      Mon, Oct 28th

    • Studio 3

      Wed, Oct 30th

  • Knowledge in the World and Head, Mistakes, Slips

    • Lab 4

      Mon, Nov 4th

    • Studio 4

      Wed, Nov 6th

  • History of HCI 1: From Abacus to Macintosh

    • Lab 5

      Mon, Nov 11th

    • Studio 5

      Wed, 13th

  • History of HCI 2: Visions, UbiComp, Phase of Technology

    • Lab 6

      Mon, Nov 18th

    • Studio 6

      Wed, Nov 20th

  • Visual Design & Midterm Exam Preparation

    • Lab 7: Visual Design

      Mon, Nov 25th

    • Midterm Exam

      Wed, Nov 27th

  • DIA Cycle, Observing Users, Brainstorming, Storyboards

    • Lab 9: Midterm Exam Discussion

      Mon, Dec 2nd

    • Studio 9: Project Milestone 1

      Wed, Dec 4th

  • Prototyping

    • Lab 10

      Mon, Dec 9th

    • Studio 10

      Wed, Dec 11th

  • Evaluating With and Without Users

    • Lab 11

      Mon, Dec 16th

    • Studio 11

      Wed, Dec 18th

  • Responsiveness, GOMS Model, Interface Efficiency, Golden Rules of Design

    • Lab 12

      Mon, Jan 6th

    • Studio 12

      Wed, Jan 8th

  • Notations I: Grammars and STNs

    • Lab 13

      Mon, Jan 13th

    • Studio 13

      Wed, Jan 15th

  • Notations II: Petri Nets, State Charts, Design in Business

    • Lab 14

      Mon, Jan 20th

    • Studio 14

      Wed, Jan 22nd

  • Exam Preparation & Project Presentations

    • Lab 15: Exam Preparation

      Mon, Jan 27th

    • Project Presentations

      Wed, Jan 29th

  • Final Exams

    • Final Exam PT1

      Feb 4th

    • Final Exam PT2

      Mar 6th

Bonn:

  • Course Introduction, Introduction to Fitts' Law, The CMN Model

  • Gestalt Laws, Information Content, Visibility, Affordances, Mappings, Constraints, Seven Stages of Actions

  • Knowledge in the World and Head, Mistakes, Slips

  • History of HCI 1: From Abacus to Macintosh

  • History of HCI 2, Midterm Exam Preparation

  • Visual Design

    Midterm Exam

    Nov 27th

  • DIA Cycle, Observing Users, Brainstorming, and Storyboards

  • Prototyping

  • Evaluating With and Without Users

  • Responsiveness, GOMS Model, Interface Efficiency, Golden Rules of Design

  • Notations I: Grammars, STNs

  • Notations II: Petri Nets, State Charts, Design in Business

  • Exam Preparation

    Project Presentations

    Jan 29th

  • Final Exam 1st Chance

 

Grading

Your grade will be calculated as follows:

Assignments 20%
Project 20%
Midterm 25%
Final Exam 35%

Fields of Study

  • Computer Science (B.Sc.), (M.Sc.)
  • Media Informatics (M.Sc.)/Multimedia-Benutzung und -Wirkung/in Aachen (mandatory course)
  • Software Systems Engineering (M.Sc.)/Areas of Specialization/Media Computing and Interactive Systems
  • Technical Communication (B.Sc.) (mandatory course)

Course Allocation and Registration Guide

Number of SWS: V3+Ü2
ECTS Credits: 6
Course language: English for all lectures, assignments, and exams

We only have 120 seats are available for this course. To have a chance for a seat in this course, you have to complete the following steps:

  • Register for the course in RWTHonline by Thursday, 10.10.2019.
  • Sign the pdfDeclaration of Compliance and hand it in before 5pm, Thursday, 10th October. Note: Scans or pictures are not valid, you need to hand in your form in person. We will give priority to students who hand in the Declaration of Compliance before this deadline. 

On Friday, 11.10.2019, we will announce who has been selected for the course by email.

Reading Material


We highly recommend that you buy Norman's book, since you have to read it for class during the first few weeks. From the Dix et. al., and Schneiderman books, you just have to read some chapters. You can find these books in the library.

FAQs – Frequently Asked Questions

Attachments:
FileDescriptionFile sizeDownloadsLast modified
Download this file (Declaration of Compliance.pdf)Declaration of Compliance.pdfhere335 kB3732018-10-15 13:25
Download this file (DIS 1 Course Introduction.zip)DIS 1 Course Introduction.zipCourse Introduction21009 kB10242018-10-10 15:49
Download this file (dis1_17.jpg)dis1_17.jpg 161 kB17122017-11-28 11:01
Download this file (ScheduleAachen.png)ScheduleAachen.png 419 kB17982017-10-27 17:43
Download this file (Declaration of compliance.pdf)Declaration of compliance.pdf 186 kB11882017-10-16 13:47
Download this file (Registration Guide (Bonn).pdf)Registration Guide (Bonn).pdf 829 kB12582017-10-16 13:05
Download this file (Introduction to the Course.pdf)Introduction to the Course.pdfCourse Introduction Slides19526 kB13992017-10-11 16:48
Download this file (Introduction to the Course.pdf)Introduction to the Course.pdf 19835 kB10742017-10-11 16:42
Download this file (dis1_17.png)dis1_17.png 1595 kB17282017-09-29 17:05
Download this file (Participants Aachen.pdf)Participants Aachen.pdfhere19 kB21822016-10-24 19:41
Download this file (DIS1 WS 16:17 Final Participants.pdf)DIS1 WS 16:17 Final Participants.pdfhere19 kB20432016-10-24 19:40
Download this file (L01 Course Introduction.pdf)L01 Course Introduction.pdfCourse Introduction25981 kB26662016-10-17 17:14
Download this file (Registration Guide (Bonn).pdf)Registration Guide (Bonn).pdfRegistration Guide (Bonn)1044 kB24492016-10-07 21:08
Download this file (Registration Guide (Aachen).pdf)Registration Guide (Aachen).pdfRegistration Guide (Aachen)1810 kB27452016-10-07 20:55
Download this file (Declaration of compliance.pdf)Declaration of compliance.pdfDeclaration of Compliance186 kB54592012-08-08 14:56
Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
More information Ok