Course syllabus

Course-PM

This is the course PM for the course Graphical Interfaces. Make sure that you read it through carefully since most essential information is written down here.

TDA493 / TIA106 Graphical interfaces lp2 HT21 (7.5 hp)

Course is offered by the department of Computer Science and Engineering

Contact details

 Important announcements will be published under Announcements in Canvas. For informal discussions and quick questions we use Slack.

Schedule

The correct schedule can be seen in the module "Course information". This is the primary schedule, and TimeEdit secondary. We will make all efforts to keep them in synch, but in case of any differences, go by the schedule in Canvas.

Course changes since last year

  • Chance name from recorded lessons to recorded summary
  • Use different concepts for the group work and the individual project
  • Smaller group size for the Group Project
  • New method to assign groups for the Group Project
  • A couple of chapter less to read

Summary of what is expected from you

In short, this is what is expected of you as a student.

  • Watch the recorded chapter summaries (lectures)
  • Participating in the exercises and the follow-up crit(ique) sessions
  • Ask for supervision when you think you need it, ask questions or give opinions in class when you need to
  • Completing the group project, including hand-ins and presentations
  • Completing the individual project, including hand-ins and presentations
  • Read the literature (“About Face”)
  • Take the written exam
  • Fill out the course evaluation

The Module pages and the assignment descriptions describe in detail the different parts of the course. This course relies heavily on projects since this is the best form to practice interface design as well as the precious art of understanding and working with fuzzy project requirements as well as cooperating with people with other skill-sets, views and ideas.

Supervision

Supervision is a very important part of this course, so don’t forget to utilize this resource.

Therefore, we have three kind supervision every supervision day, in order to cover the different needs you might have.

First, we start with 15 minutes of Q&A with the whole class, in Zoom ( https://chalmers.zoom.us/my/lithiumflower ). This is the opportunity to ask questions that others might be interested in, and initiate discussions.

Second, there will be one or more tracks of time slot supervision, which is booked in advance via Choodle. If you want feedback on design sketches, we strongly recommend that you send in the sketches the day before, at the latest at 17:00 (send them via e-mail to the teacher or TA you have booked a time with). Then the supervisor will have a chance to review your sketches and be better prepared.

Third, we will also have an open office track where a teacher or TA is in the Studio and you can drop in and ask quick questions.

 supervision.jpg

We hope that this set-up will be as flexible as possible, so that everyone can find a supervision they need.

You can choose supervision either online or on campus, see schedule for details.

We strongly advise you to ask for supervision. The supervision is there to lift your projects and your skills. It is not a judgment or evaluation. The “judgment” will come when you have completed your work and hand it in. Think about it – it is usually the good designers that ask a lot of questions! The supervision can be about details or general questions, about creative issues or technical problems. Anything that has to do with graphical interfaces in general and your assignment in particular.

If you need ad hoc help during the group and individual projects – technically or creatively – you are most welcome even outside of the scheduled time for supervision. We believe it is better to have you ask for help exactly when you need it. Use e-mail or Slack to any of the teachers. We check our mail several times a day, not weekends though. We have other duties outside of the course, of course, but will help you as soon as is possible. Make it easy for us to answer! A quick, concise question often gets answer within a couple of hours (at least during office hours), and more complex questions during the day or the following day.

 

Hand-ins

All hand-ins are done using Canvas. We will not accept hand-ins via e-mail or any other means than Canvas. Canvas supports group hand-in, so each group needs only to hand-in each hand-in once in the system. When the hand-in is graded and if there is any feedback you will see this in Canvas.

 

Exercises

All exercises are done in groups of three, in self-assigned groups. Check project groups in Canvas. There shall be new groups for every exercise. The exercise is done during a specific time (see the schedule). The teachers and TA's is available for questions and spontaneous feedback.

During the same afternoon as the exercise we meet in parallel sessions for short presentations and constructive critique from the teachers and other students (what we call crit sessions). Each group will get one or two minutes to explain and argue for their solution, and then about then minutes of feedback and critique from the teachers and classmates will follow. You are most welcome to give constructive feedback on each other’s work, and you might occasionally be prompted to do so by the teachers. Be prepared to give constructive critic at any time during the crit session.

Exercises are mandatory (you have to take one out of two), but not graded; so take the chance to be a bit wild & crazy sometimes!

 

Failed hand-ins

A failed hand-in is complemented with additional hand-ins at the end of the course. Note that these additional hand-ins might take time for us teachers to grade, and you will miss out on our feedback. So, hand-in in time and with good work.

 

Literature

“About Face - The Essentials of Interaction Design” by Cooper et al, Wiley, 2014, fourth edition.

Available at Cremona, and at the Chalmers Library as e-book, and of course elsewhere at major bookstores.

 

This is truly a graphical interface “bible” and a good reference for your future career. You are most welcome to read the whole book, but note that the exam questions are taken from the mandatory chapters (see the page Literature), so make sure that you read these chapters thoroughly. Note that you have to read the book; it is not sufficient to only watch the recorded lectures!

 

Aim

After the course, you should be able to design a relatively complex graphic user interface, and be able to provide a valid design rationale for it.

 

Learning outcomes (after completion of the course the student should be able to)

Knowledge and understanding

  • Know how and when to use different graphical interface elements
  • Know how to use keypaths and scenarios to create an interaction sequence
  • Know about commonly used interaction design solutions for graphical interfaces.
  • Give account of the differences between touch-based interfaces and regular interfaces.

Skills and abilities

  • Design a graphical user interface adapted to a specific use and user in terms of: layout, interaction sequence, correct use of controls and look and feel.
  • Design a graphical user interface which is manipulated via mouse/pointer+keyboard
  • Design a graphical user interface for a touch-based interaction

Judgement and approach

  • Solve interaction design problems related to graphical interfaces and motivate your solutions
  • Design a relatively complex graphical interface, and be able to provide a valid design rationale for it.
  • Being able to select and apply previouly existing design solutions to new graphical interfaces.
  • Being able to, from a scenario, extract a users needs in terms of graphical interface solutions. 

 

Content

Content includes, but is not limited to:

  • Commonly used interaction design solutions in graphical interfaces
  • Designing for users on different levels (e.g. beginners vs. experts)
  • Designing interaction sequences
  • Layout of graphical user interfaces;
  • Designing look and feel; using color, text and graphics
  • Correct use of graphical user interface elements such as controls, toolbars, menus, dialogues etc.
  • The difference between regular user interfaces and touch-based interfaces. 

 

Organisation

The course is highly practical. Lectures and literature give a theoretical foundation, but this theory is immediately put into practice. When practicing, focus is upon motivating, making and analyzing the design decisions made. Most of the work is done in groups of various sizes but there is also a significant amount of individual work.

 

Grades

In order to finalize the course, you have to

  • attend 1 out of 2 exercises (including crit sessions)
  • have your group project approved (including presentation)
  • get more than 60 points (out of 100) on the written exam
  • have your individual project and presentation approved with more than 60 points (out of 100)

The grade you get is a combination of the grade on the written exam and the individual project (so from 120 up to 200 points for a passing grade).

The points for TDA493 (Chalmers) and TIA106 (GU) grades are as follows.

Written exam Individual project Whole course
five 86-100 86-100 171-200
four 73-85 73-85 145-170
three 60-72 60-72 120-144
not approved

 

Course evaluation

The course evaluation is done in the following steps.

  1. Course representatives are selected (volunteering) – at course introduction
  2. Intro meeting between course manager and course representatives, about a week into the course. The objective is to make contact, gather opinions on the course from the Examiner and students, and to decide and publish the date of the halfway meeting.
  3. Halfway meeting between course manager and course representatives, about halfway into the course. The objective is to facilitate course development during the course. It is also an opportunity to suggest questions for the course evaluation questionnaire.
  4. Filling out course evaluation questionnaire, at the end of the course (everyone!). The URL to the web based questionnaire will be sent to your e-mail address.
  5. Final meeting between course manager, program manager and course representatives – in January. The meeting will discuss the course as a whole, fulfilment of objectives, implementation, teaching methods and working climate. Proposals for changes next year will be discussed.
  6. Summary of evaluation published

Link to the syllabus Chalmers.
Link to the syllabus GU.

 

Course summary:

Date Details Due