Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course...
Transcript of Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course...
![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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/15.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/22.jpg)
Whynotjustask?
�22
So, what medicine would you like, my dear?
![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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/26.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/27.jpg)
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 30: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/30.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/31.jpg)
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 34: Interaction Design: Course introduction729G22/info/IDintro2018.pdf · Interaction Design: Course introduction Eva Ragnemalm 1. eva.ragnemalm@liu.se 2 Today’s lecture • Course](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/34.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/35.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/36.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/37.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022050500/5f92ef700b7c9071880e526a/html5/thumbnails/38.jpg)
www.liu.se
Questions?
�38