Hide menu

TDDC63 Interactive Form


The student is obligated to have back-up on submitted course work until grade has been given.

Written examinations should be well written (no fragmented bullet lists). The report should have a frontpage, an introduction, a problem formulation, describe the method in detail, the results that came out of performing the method, and a discussion of what the results mean and what you can learn from them. Inspiration for how a design process can be documented can also be found in The Glass Wall-report from the 2002 redesign of the BBC web site. A standarised way of referencing and citing should be used.

Interactive Form, 4 hp (U, G), UPG4 in LADOK

The three parts of the interactive form assignment is conducted in smaller groups and is examined orally and in written reports at the examination sessions (see the timetable). These examination sessions are mandatory. If you miss an examination session you need to review another group's written report and summarize it in 1 A4 page. Contact the examiner if this happens.

The oral examination is conducted in seminar format, where each group makes an informal presentation (no presentation slides) of their work in roughly 10 minutes, followed buy a discussion with questions from the other group and the teachers. Photos (or other visual representations) of the interactive system discussed should be used when necessary.

Interactive Form 1

  1. Choose an information kiosk, vending machine or similar automat to analyse.
  2. Describe its purpose, content and form. The purpose describes what the product is for and what it must should accomplish for the user and the owner. The content is about the information that the product has. The form is the expression in both static and dynamic form. Static form is about the layout, structure (e.g. hirarchical, linear, etc), and associations. Dynamic form is about temporal order in flows, behaviour, sound, etc. In other words, what it looks like and how it behaves. The desciption of the form must be illustrated with representative photos. The structure must be described by means of some kind of simple flow chart.
  3. Conduct a cognitive walkthrough (Lewis & Reiman, 1993, Ch. 4) of the chosen product.
Written report: For the grade Pass, the documentation shall report for how concepts from the course literature has been used. The report should be about 3 pages, images and tables excluded.

Oral presentation: The following questions shall be covered during the presentation:

  • What product was chosen and why?
  • What is the purpose, content and form of the product?
  • How has the evaluation been performed?
  • What was the result of the evaluation and what have you learned from this?

Interactive Form 2

  1. Choose an online map service to analyse.
  2. Describe the experienced qualities of the selected map service based on Arvola (2010).
  3. Perform a heuristic evaluation (Lewis & Reiman, 1993, Ch. 4) of the slected map service. All students in the group must perform an individual evaluation which is then merged into a common result. The format for the result presentation for this evaluation is described in the lecture on inspection methods.
Written report: For the grade Pass, the documentation shall report for how qualities, principles and heuristics from the course literature has been used. The report should be about 3 pages, images and tables excluded.

Oral presentation: The following questions shall be covered during the presentation:

  • Which map service was chosen, and why?
  • Which are the experienced qualities and what have you done to establish these?
  • How was the evaluation carried out?
  • What was the result of the evaluation and what did you learn from this?

Interactive Form 3

  1. Choose a web site or application that you find messy and badly designed.
  2. Apply two principles for each group member from Johnson (2010) to show how the principles can be used to improve the visual communication of the user interface. Capture the user interface (element) before and after applying the principle to be able to compare and show the difference.
Written report: For the grade Pass, the documentation shall report for how techniques from the course literature has been used. The report should be about 3 pages, images and tables excluded.

Oral presentation: The following questions shall be covered during the presentation:
  • Which system was chosen and why?
  • Which principles have been applied and what was the result?

Individual designwork, 2 hp (U, 3, 4, 5), UPG5 in LADOK

The task is to produce a design concept for one of the topics listed below with a target user group of your own choice. The focus is on exploring the design space by working with a sketchbook. The design work is conducted individually and examined through a coherent report with an attached annotated sketchbook. See the instructions below for how to work with sketchbooks. Make explicit references to the course literature in this text. A standarised way of referencing and citing should be used.

A suitable structure of material handed in can look as follows:

  1. Introduction. Here you introduce the design problem and the chosen target user group, and the assumptions you have made. Note that it is your own interpretation of the assignment that should be presented.
  2. Methods. Here you describe the general design process as you have applied it. It is especially important that you declare how you have worked with the design patterns, and how the most important decisions have been made. Also, if grade 4 is aimed for, how the work with different alternatives have been conducted.
  3. Results. Here you present the final design solution (the format should be a persuasive presentation sketch if aiming for grade 5).
  4. References. List of references of the literature you use (references to literature should be made continuously within the report and sketchbook).
  5. Appendix. Here you put the complete annotated sketchbook. Use clear referencing in the sketchbook to the design patterns you use.

Altogether the introduction, method, and results are roughly 3 pages (pictures and illustrations excluded).

Choose either the pre-defined assignment or the alternative Own Assignment. The sketchbook is preferrably handed in as a scanned PDF, but you can also hand it in physically. Contact the examiner for instructions if you want to hand it in physically.

  1. The National Parks of Sweden

    Develop design suggestions for an innovative interactive online service that will give rich information about the 28 national parks in Sweden and their values. The service shall be an entertaining source for inspiration to go out and discover more. It can therefore be appropriate to include practical information (travel, timetables, accomodation, costs etc.) Start with information material and data available via swedishepa.se. They developed a new web site last year, but you have the opportunity to do a re-invention and rethink it from scratch.

  2. Go Mobile!

    Choose one of the following web sites and re-design it into an application for mobile phones (note that there are mobile websites, an app needs to provide something special in order to motivate the user to download it). Make sure you use the user interface guidelines for the platform - iOS or Android:

  3. Kings and Castles

    Design a novel site that tells the user about Swedish kings and castles. Make use of information from one or several of the following sites:

  4. Own Assignment

    You can as an alternative, form your own design assignment after discussion with the teacher. When specifying your own assignment you need to put down what that shall be designed, what kind of product or service it is, in what context it shall be used, what its overarching purpose is, and a few initial criteria for how it should be.

Litterature and Focus

Use the design patterns in Tidwell (2011) and other pattern collections specified under Online resources in the Course Information, and consider especially:

  • What users do (ch 1)
  • Information architecture (ch 2)
  • Navigation (ch 3)
  • Page layout (ch 4)
  • Lists (ch 5)
  • Actions (ch 6)
  • Information presentation (ch 7)
  • Input (ch 8)
  • Social media (ch 9)
  • Mobility (ch 10)

Budget your time to five working days including documentation. The level of detail you achieve in your concept will depend on how you spend your time.


A sketchbook is always good to keep for a designer in any project. It is ordered sequentially and is a visual documentation of insights and ideas (Curtis, 2002; University of the Arts London, 2007). Constantly getting your ideas out of your head and down on paper allows you to offload your working memory and also make use of you insights by continous reflection.

Visual representation is fundamental to all design, but a sketchbook is not about pretty drawings. Functional sketching is about getting ideas down on paper in order to not loose them and to explore alternatives. The quality of a sketchbook is about the amount of sketches. A larger design project gives rise to hundreds of sketches.

The sketchbook is a physical book that you can carry with you everywhere and also paste things into. You never know where inspiration comes from and when, but when it does come to you, you need to be able to get it down on paper not to loose it. The notes in the sketchbook should show how your design ideas take form and evolve. Use question marks to annotate design problems that you sketch possible solutions on (marked using alt 1, alt 2, etc.) which you evaluate using plus-minus lists. They give you a basis for descisions, which are marked with an exclamation mark. Accordingly, to annotate your sketchbook you need five symbols: ? alt + - !

Hanna Johansson has been kind enough to contribute with an exemple of a good sketch book (but it does not contain a convincing presentation sketch, see the grading criteria).

References about sketch books:

Curtis, G. (2002). Idea Log? Stanford University. http://hci.stanford.edu/courses/cs247/2011/readings/WhatsAnIdeaLog.pdf (downloaded 2012-08-10).

Grading Criteria

For the grade 3, the documentation of the design work shall:

  • give an account of design patterns used in the work (with clear references toi the course literature).
  • give an account of the design choices made and why they were made in a thought-through argument.

For the grade 4, the documentation of the design work shall, beyond criteria for grade 3:

  • explore design alternatives extensively in sketches.
  • evaluate designalternatives using plus-minus lists.
  • explicitly highlight design decisions made based on an evaluation of the alternatives.

For the grade 5, the documentation of the design work shall, beyond criteria for grade 3 and 4:

  • apply chosen design patterns to give form to interactive communicaiton with originality.
  • contain a convincing presentation sketch of the final design suggestion.

Course Grades

The total course grade is completely based on Individual designwork. Pass is also required on the Interactive Form assignments for course grade to be registered.


There is a deadline in the timetable for supplementary examination if you should miss a deadline. A missed deadline on the design work means that you cannot get grade 4 or 5. If you still has not passed the examination there is also a roundup deadline. If you should miss also that deadline, you will have to do the examination assignments for the course next year.

Page responsible: Johan Blomkvist
Last updated: 2017-11-17