Interaction Design 2

UXD Course Material

week 10week 11week 12week 13week 14week 15week 16week 17week 18week 19

week 10

* TO DO WEEK 10 *

Your lecturer will invite you for a kickoff tutor meeting. Before that meeting, study the materials you can find at 'Preparation kickoff meeting'. After the meeting, start working on the assignment for this week, that you can find at 'Assignment Expert review'.

Course Overview

This course is about learning and using interaction design principles and interaction design patterns to create the user interface of an interactive digital product. Here we explain more about the subject and topics in this course.

Course setup

The setup of this course is similar to the setup of Interaction Design 1. Here you can read more about this.

Preparations before kickoff

Your lecturer will invite you for a kickoff tutor meeting in the first week. You are expected to prepare for that tutor meeting. Here you can read what you need to prepare.

Assignment Expert review

This week you will apply what you learned about design principles when you perform an expert review for an existing website. Read here what is expected from the assignment.

week 11

* TO DO WEEK 11 *

Before the first tutor meeting of this week, study Chapter 3 and Chapter 4 from the book and the information about grids in interface design. After the meeting, start working on the assignment for this week, that you can find at 'Webstory Assignment'.

Getting around: navigation, signposts, wayfinding

To prepare for the first meeting of this week, read Chapter 3 in the book (the chapter number is the same for the 2nd and 3rd edition). Here you can find a document that will help you structure the information in this chapter.

Organizing the page / Layout of screen elements

To prepare for the first meeting of this week, read Chapter 4 in the book (the chapter number is the same for the 2nd and 3rd edition). Here you can find a document that will help you structure the information in this chapter.

Grids in interface design

To prepare for the first meeting of this week, next to the two Chapters in the book, also study the information on grids in interface design that is published here.

Assignment Webstory

This week you will apply what you read about Getting around, Organizing the page / Layout of screen elements and Grids in interface design to the design of a compact website to present tell a story. Read here what is expected from the assignment.

week 12

* TO DO WEEK 12 *

Before the first tutor meeting of this week, study Chapter 7 from the book if you have the 3rd edition (Chapter 5 if you have the 2nd edition). Also study the information about Filtering, sorting and call-to-action. After the meeting, start working on the assignment for this week, that you can find at 'Assignment Webshop Me, Myself and I'.

Lists of things

To prepare for the first meeting of this week, read Chapter 7 in the book if you have the 3rd edition (Chapter 5 if you have the 2nd edition). Here you can find a document that will help you structure the information in this chapter.

Filtering, sorting and call-to-action

To prepare for the first meeting of this week, next to the chapter in the book, also study the information about Filtering, sorting and caal-to-action that is presented here.

Assignment Webshop Me, myself and I

This week you will apply what you read about Lists of things and Filtering, sorting and call-to-action by designing a compact webshop. Here you can read we expect you to do.

week 13

* TO DO WEEK 13 *

Before the first tutor meeting of this week, study Chapter 8 and Chapter 10 from the book if you have the 3rd edition (Chapter 6 and Chapter 8 if you have the 2nd edition). After the meeting, start working on the assignment for this week, that you can find at 'Assignment Mobile webshop and registration procedure'.

Getting input from users

To prepare for the first meeting of this week, read Chapter 10 in the book if you have the 3rd edition or Chapter 8 if you have the 2nd edition. Here you can find a document that will help you structure the information in this chapter.

Doing things

To prepare for the first meeting of this week, read Chapter 8 in the book if you have the 3rd edition or Chapter 6 if you have the 2nd edition. Here you can find a document that will help you structure the information in this chapter.

Assignment Mobile version: webshop including registration form

This week you will apply what you read about Getting input from users and doing things by designing a mobile version of your shop and adding a registration procedure. Here you can read we expect you to do.

week 14

* TO DO WEEK 14 *

This week you have to finish all individual assignments if you want to apply for a bonus point. The deadline for these individual assignments is Friday in this week (20 May). More information can be found in the box 'Deadline individual assignments'. This week you will also receive the final assignment, that you will be working on in pairs. More information about this can be found in the box 'Final assignment'.

Deadline individual assignments

If you hand in all individual assignments in time and if they meet all criteria, you can deserve a bonus point for this course. More information on this can be found here.

Final assignment

After the second lesson of this week, you will start working (in pairs) on the final assignment. For the final assignment you will be redesigning an existing webshop. This assignment is graded and has to be handed in on Thursday 16 June. Please read the information that is presented here before the second lesson of this week, so we can discuss the assignment during the tutor meeting.

week 15

* TO DO WEEK 15*

To keep on track with the final assignment, we advise you to finish the steps presented here in week 15.

Step 1 - Analyse current situation

Analyse the persona, analyse the current website by performing an extensive expert review and present your findings in a convincing and coherent conclusion.

Step 2 - Describe the design challenge

Write a short description of the design challenge, based on the insights you gained in step 1. Describe the client, the target audience, the problem statement and the goal.

Step 3 - Write requirements

Write requirements for the redesign of the website. Link the requirements clearly to the insights you presented in Step 1. Make sure that the final list of requirements is a complete overview of what should be done to reach the goal you set for this design challenge in Step 2.

Step 4 - Define the visual style for the redesign

Define the visual style for the redesign of the webshop by making a style tile.

week 16

* TO DO WEEK 16 *

To keep on track with the final assignment, we advise you to finish the steps presented here in week 16.

Step 5 - Choose patterns and make wireframes

Make lo-fi wireframes for the redesign of all relevant pages and elements, in which you apply patterns from the book: a minimum of 4 patterns of each chapter that was discussed in this course.

Step 6 - Motivate the choice for patterns

Start writing a motivation for the choice of patterns. For now, focus on motivating why the chosen patterns should be applied. You will apply and detail the patterns further in the next step (visual design). After you have finished the visual design, you can complete your motivation with a argumentation of why you adapted the patterns in the way you did.

week 17

* TO DO WEEK 17 *

To keep on track with the final assignment, we advise you to finish the steps presented here in week 17.

Step 7 - Make the visual design

Make visual designs for all relevant pages and elements. Detail the patterns you selected in the previous step further and adapt them to this specific context in the visual designs.

Step 8 - Annotate your visual designs

Add annotations to your visual designs to make clear where you applied the selected patterns and how interactions work.

week 18

* TO DO WEEK 18 *

To keep on track with the final assignment, we advise you to finish the steps presented here in week 9.

Step 9 - Motivate design choices

For every pattern that you used, write an argumentation why the chosen pattern suits your design. In this argumentation, focus on how the applied pattern facilitates a good user-system interaction (what is the benefit for the user).

Step 10 - Evaluate your design

When the design is completely done, write an evaluation of your design.

Deadline final assignment

The deadline for this assignment is Thursday in week 18, 16. June 2022, (23:59). You can find the assessment form in the grey box below and in the box 'Grading' in week 19.

week 19

Grading

Here you can find the assessment form that explains what we as lecturers will look at when we grade your final assignment.