advanced interaction design introduction · 2010. 1. 19. · interaction design introduction....

28
Department of Information Technology Uppsala University Advanced Interaction Design Introduction

Upload: others

Post on 12-Sep-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Department of Information Technology Uppsala University

AdvancedInteraction Design Introduction

Page 2: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #2@ UU/IT

About this course Learning by doing interaction design

• Learn basic methods and techniques• Create a number of solutions to small problems• Look at and reflect on design• Present solutions and analysis of design

Practice design methods• Assignments, in small groups• Result: presentation + design (portfolio, blog,

poster)

Page 3: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #3@ UU/IT

Evaluation

The good• Practical, assignments, examination, guest

lectures The bad

• More feedback, should be more advanced, the book (2008)

Page 4: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #4@ UU/IT

Administration If you drop out of this course, tell the student

office, ([email protected])

Help and support• Bengt, room 1154, ([email protected])• Anette, room 1246, ([email protected])

Page 5: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #5@ UU/IT

Course contents Methods

• Creativity• Design guidelines and

rules• Prototypes, metaphors,

personas• Observations and

interviews

Topics and concepts• Usability• Inclusive design, design

for all, for elderly• Social media• Graphical representation• Mobile and ubiquitous• New technology (multi-

touch, tactile, gyro)• Simplicity

Page 6: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #6@ UU/IT

Course contents Introduction, course planning Design guidelines, basic principles Observe design Creativity Metaphors Graphical representation Social Media Haptics Design for all, inclusive design Simplicity in design Workshop on design for mobile and ubiquitous systems Optional: User centred methods & Requirements Workshop on inclusive design and design for the elderly Design in industry Examination day

Page 7: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #7@ UU/IT

Teachers Bengt, Lars, Erik, Else Anette Löfström George Buchanan and Helena Sustar, City

University, London (design workshops). Optional but very valuable: Neil Maiden from City

University,London will be here and talk about requirements. It's a co-op with the UCSD course.

Guest lectures• JP, Myra Industriell design (design in industry)• Eva-Lotta, KTH (haptics)

Page 8: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #8@ UU/IT

Exercise What are your expectations on the course?

• Write on a post-it• 2 minutes

Page 9: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #9@ UU/IT

What is design? Your ideas?

Page 10: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #10@ UU/IT

What is design? Design is the planning that lays the basis for the

making of every object or system. It can be used both as a noun and as a verb and, in a broader way, it means applied arts and engineering (Wikipedia)

The person designing is called a designer, which is also a term used for people who work professionally in one of the various design areas, usually also specifying which area is being dealt with (such as a fashion designer, concept designer or web designer)

Page 11: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #11@ UU/IT

What is Interaction Design? Interaction design (IxD) is the study of devices

with which a user can interact, in particular computer users.

Interaction Design is often associated with the design of system interfaces in a variety of media (see also: Interface design, Experience design) but concentrates on the aspects of the interface that define and present its behavior over time, with a focus on developing the system to respond to the user's experience and not the other way around

Page 12: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #12@ UU/IT

Design

Page 13: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #13@ UU/IT

Interaction Design

Page 14: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #14@ UU/IT

Project work Part of the examination Part of the portfolio

Done in small groups (3p) Digital or something physical – you choose!

Last year’s course: http://www.it.uu.se/edu/course/homepage/avint/vt09

Page 15: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #15@ UU/IT

Project examples Student portal at UU

• New design metaphor, re-design

Train station • Passenger information,

clock, waiting, tickets Bus

• Timetable, while inside the bus, mobile information, on the web, tickets

Blog design• A new theme, and

interaction? Course information

graphs• Advanced visualization

Mashup (2.0)• Combine two web

services iPhone App

• Watching birds?

Page 16: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #16@ UU/IT

Project: re-design

Page 17: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #17@ UU/IT

Project: RFID tags

Page 18: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #18@ UU/IT

Project: iPhone app

Page 19: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #19@ UU/IT

Project: blog theme

Page 20: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #20@ UU/IT

Project: mashup, 2.0

Page 21: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #21@ UU/IT

Project: tickets, walk-up-and-use

Page 22: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #22@ UU/IT

Project: bus information

Page 23: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #23@ UU/IT

Weekly assignments Usually until Friday Posted to the blog

before 12:00 on Friday

Fail – poor or no result, no contact

3 – meets the specification, attendance

4 – extra arguments, depth in analysis/content

5 – novel ideas, reflection and activity

Page 24: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #24@ UU/IT

Portfolio A way to show what you did in this course

• Part of your CV• Part of the examination

Professional designers use case portfolios Use a blog/web for your project, maybe one

of these:• http://wordpress.com/• https://www.blogger.com/start• http://www.flickr.com/

Page 25: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #25@ UU/IT

Your weekly blog Be creative! Be inspired by others. Design your own blog How much should you present/write? If you have questions: ask the teachers! Anette will go through all blogs every Friday,

and provide some feed-back!

Page 26: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #26@ UU/IT

Examination A full day for final examination (3 hp)

• Mon 15 March, 08:00-17:00• Prepared before Presentation of project (details later)

• Presentations, discussions, questions/answers etc.

The weekly blog is a part of the examination (2hp)

Page 27: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #27@ UU/IT

Literature We do not use a specific textbook. We will provide you with lecture notes,

articles, links etc. There are some (optional) books available,

e.g.:• Dan Saffer: designing for interaction• Dan Olsen: Building Interactive Systems• Shneidermann, Plaisant: Designing the user

interface

Page 28: Advanced Interaction Design Introduction · 2010. 1. 19. · Interaction Design Introduction. Uppsala university @ UU/IT 2010-01-19 | #2 About this course Learning by doing interaction

Uppsala university

2010-01-19 | #28@ UU/IT

TO DO Group (until Friday Jan 22)

• Form a group of three (3).• Email group members names to Anette.• We will specify the groups using Studentportalen

Project (until Friday Jan 29)• Start a web page/blog for your group.• Present your group, members etc..• Present and discuss one design example.• Email URL to Anette.