interaction design: course introduction729g22/info/idintro2018.pdf · interaction design: course...

38
Interaction Design: Course introduction Eva Ragnemalm 1

Upload: others

Post on 05-Aug-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

InteractionDesign:CourseintroductionEvaRagnemalm

�1

Page 2: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Today’slecture

�2

• Course information • What is interaction design • Design process – research – concept design – prototyping – evaluation

Page 3: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Yourlearningtasks-Supportprovided

�3

• Read course literature

• Perform project, for external customers (user research, concept design, paper prototype, evaluation)

• Lectures, seminar

• Supervision, formative feedback

• Teaching session

Course home page: bhttps://www.ida.liu.se/~729G22

Page 4: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Project

�4

• Predetermined groups of about 5 • Given a customer with a ”problem” • Groups and customers to be shown just before the break • Three parts

– User research – Concept generation, sketching, requirements – Paper prototype and evaluation

• Written and oral report after each part • Supervisory meetings every week

Page 5: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Assessment

�5

• Active participation in project work • Active participation in two out of three presentations • Written reports (two intermediate and one final to

customer) ➡ passing grade

• Individual report ➡ pass with credit (if group work passed)

Page 6: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Schedule-TimeEdit

�6

• Subject to change (esp. lecture 4-5), personnel • 5 Lectures

– Lecture 2 – Research – Lecture 3 – Concept development, requirements and paper

prototypes – Lecture 4 – Sustainable design (new!) – Lecture 5 – Evaluation

• 1 seminar: Design and gender (new!) – Tvärgrupper

Page 7: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

TimeEdit-theproject

�7

• Supervision – very first w two/three groups and supervisor – then once a week w only supervisor - BOOK 24h in advance!

• Presentation (Deadline) – present your work (intermediate: 1/2-class, final: 1/1-class) – present your plan for next part

• Project (independent project work)

Page 8: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Literature

�8

• Additional book: Saffer, Dan., Designing for Interaction, 2nd. ed. Publisher: New Rider 2009.

• Course books – Goodwin is about goal-directed design – Saffer – Arvola

• Papers

are about interaction design

Page 9: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Project

�9

• The aim of the project is to – create a prototype of a new system, or further develop an

existing system, – given an initial brief, – by following a design process

• External clients – they are all different • Focus on doing and learning (sometimes by failing)

Page 10: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Projectsuggestions

�10

• General advice – Write a group contract/agreement – Report any problems within the group as soon as possible to

one of the teachers – Agree with the client about how and when to communicate

about your progress – Keep a personal journal or idea log

• sketch continuously

Page 11: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Projectgroupsandcustomers

�11

• https://www.ida.liu.se/~729G22/project/index.en.shtml

Page 12: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

Endofpracticalissues.Questions?

�12

Page 13: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Whatisinteractiondesign?

�13

• What is interaction?

• Designing something emergent? • Designing the conditions for interaction

(preconditions)

Page 14: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Whatisinteractiondesign?

�14

• Goodwin: design of systems that change state over time

• Saffer: interaction design is an applied art that makes things usable, useful and fun.

• Arvola: design of the conditions for interaction with and through interactive products and services.

Page 15: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Whatisinteractiondesign?

�15

• Goodwin: design of systems that change state over time – design is about visualizing possible solutions in concrete and

visual terms – interaction designers need to understand changing systems – people are a big part of those systems, thus understanding

goals and thought processes are important

Page 16: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Whatisinteractiondesign?

�16

• Saffer: interaction design is an applied art that makes things usable, useful and fun. – applied art: not a science - always context dependent – usable, useful and fun: not just making things work – about behaviours

Page 17: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Whatisinteractiondesign?

�17

• Arvola: design of the conditions for interaction with and through interactive products and services. – creating an action space and framework for interactions with

things, with the environment and with other humans – experiences and behavior rather than surface qualities – interaction design influences more than the “things” that are

designed

Page 18: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Whatisinteractiondesign,really?

�18

• Designing conditions for interaction – understanding and defining frameworks for action within a

“system”

• It involves people – Concerns how products and services work, but not in

themselves, but rather how they work for people

Page 19: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Whatisgoodinteractiondesign?

�19

• Conditions for interaction

Page 20: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Whatisgoodinteractiondesign?

�20

• Conditions for interaction

Page 21: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Whatisinteractiondesign?

�21

• It involves people – Concerns how products and services work, but not in

themselves, but rather how they work for people

• How interactions make people feel

Page 22: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Whynotjustask?

�22

So, what medicine would you like, my dear?

Page 23: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�23

Page 24: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�24

• Design as reducing uncertainty

Page 25: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�25

Page 26: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�26

• Goal-directed process – Planning – Research: users and the domain – Modelling: users and use context – Requirements: definitions of user, business, and technical

needs – Framework: definition of design structure and flow – Detailed design: of behaviours, form, and content, as well as

evaluation and feasibility. – Support: development needs

Page 27: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�27

• Research – creating rapport with the target group – analyzing the design context: e.g. stakeholders, locations,

competitors, state-of-the-art, rules and regulations etcetera – modelling and visualizing the collected data

• personas • scenarios • design goals

Page 28: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�28

• Persona • with goals

Page 29: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�29

• Storyboard – a visual scenario

Page 30: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�30

• Concept design – creating many different solution concepts – choosing concepts to go forward with based on

user research data – forming requirements for the solution

Page 31: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�31

• Concept design • Creating many different solution concepts! • use sketch-book/idea-log or other technique to

record ideas that you think of • techniques to stimulate creativity

(Berg & Greder, 2016)

Page 32: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�32

• Concept design

(Berg & Greder, 2016)

Page 33: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�33

• Concept design

(Berg & Greder, 2016)

Page 34: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess-decidehowtochoose

�34

(Berg & Greder, 2016)

Page 35: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected] �35

MOREDETAILEDASPECTSOFADESIGNCONCEPT

Idea Whatkindofthingistheproductorservice?Whatisthenameoftheconcept?

Who Whoisitfor?Whoisaffectedbyit?

What Whatisthemainfunction?Whatisthecorecontent?

When&Where Inwhatsocialcontextsandphysicalenvironmentswillitbeused?

How Whatprinciplesdoestheproductorservicebuildon?Whatarethetargetexperiences?Whatvariationsoftheconceptsmighttherebe?

Why Whywouldanyoneusetheproductorservice?Whatproblemorquestiondoesitsolveoranswer?

Consequences Howarepeople,surroundings,society,ortheenvironmentaffectedbyit?

Designprocess

Page 36: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess

�36

• Prototyping and evaluation – creating a lo-fi prototype of your concept idea (in this case a

paper prototype), based on design scenarios and requirements

– plan, prepare and conduct usability test with users – analyze and present your findings

Page 37: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

[email protected]

Designprocess,recommendations

�37

• Plan, read the literature! • Be proactive

– Contact client, make agreement about when and how to communicate

– Start finding potential users – Allot time for planning of the following work package and

start reading the course literature for it

• Match expectations with time (and budget). • Goodwin CH 3 is a good help.

Page 38: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course

www.liu.se

Questions?

�38