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 exaination 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 done with two groups simultaneously, 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. Photos (or other visual representations) of the interactive system discussed should be used when necessary. OBS: If any of the two groups have non-swedish speaking students both groups must do their presentation in english.
The order of the oral presentations will be published later.
Interactive Form 1Assignment:
- Choose an information kiosk, vending machine or similar automat to analyse.
- 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.
- Conduct a cognitive walkthrough (Lewis & Reiman, 1993, Ch. 4) of the chosen product.
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 2Assignment:
- Choose an online map service to analyse.
- Describe the experienced qualities of the selected map service based on Arvola (2010).
- 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.
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 3Assignment:
- Choose a web site or application that you find messy and badly designed.
- 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 interace. Develop one image before every principle and one after so that you can compare and see the difference.
- 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 design work is conducted individually and examined with an annotated sketch book. See the instructions below for how to work with sketch books. Apart from the sketch book, a text must be written that describes (in a more systematic and well structured way than what is normally done in a sketch book) how you have reasoned when you made your design choices (about 3 pages of text), and especially what design patterns you have considered, and motivate your choices. Make explicit references to the course literature in this text. A standarised way of referencing and citing should be used.
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 have recently developed a new web site, but you have the opportunity to do a re-invention and rethink it from scratch.
2. Go Mobile!
- Lantmäteriet - Historical Maps
- Statistics Sweden - Finding statistics
- Swedish Chemicals Agency - Consumers
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.
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).
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.
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: Mattias Arvola
Last updated: 2016-11-14