SlideShare a Scribd company logo
Fundamenten van mens-machine 
interactie 
! 
Introductie 
Prof. Erik Duval - @ErikDuval 
Dr. Joris Klerkx - @jkofmsk 
! 
Dept. Computerwetenschappen 
K.U.Leuven 
http://hci.cs.kuleuven.be 
1
http://erikduval.wordpress.com/2014/03/31/not-so-great-news/
6 st.p. oftewel +/- 180u 
! 
Vrijdag 14u00-18u00 
! 
groepswerk, reële uitrol 
! 
Geen examen 
3 
Topic: Casual Games
Removing friction between users and machines 
http://www.web42.com/badday/
Not (only) about usability 
Quality attribute of the UI, 
covering whether the system is 
easy to learn, efficient to use, 
pleasant, and so forth 
http://www.nngroup.com/articles/definition-user-experience/ 
Copyright © David Siegel - Dray and Associates. http://www.interaction-design.org/encyclopedia/usability_evaluation.html
Niet zo gemakkelijk… 
http://erikduval.wordpress.com/2008/09/10/laptop-fun/ 
http://www.popsci.com/gadgets/article/2013-07/one-laptop-childs-de-evolution
Niet onbelangrijk… 
http://www.ntk.net/nielsen2004/
Voorbeelden uit jullie leven?
Voorbeelden uit jullie leven?
“a discipline concerned with the 
• design 
• evaluation and 
• implementation 
of interactive computing systems for human use and with 
the study of major phenomena surrounding them." 
ACM 
CHI
http://www.uxpassion.com/services/usability/usability-evaluations 
Belangrijk…
Design Process 
Don’t design for yourself. 
You’re NOT the user! 
You’re probably clueless! 
Image from http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/
"Typ hier een citaat." 
–Johnny Appleseed 
Technology 
Task 
User 
organisational & 
social 
CHI 
http://www.nngroup.com/articles/
NOT (only) about the user interface (UI) 
What if i want a book from a small publisher? 
TASKS
TECHNOLOGY 
http://healthdesignchallenge.com/showcase/method/method.pdf
USERS 
USER-CENTERED DESIGN 
Image from http://connectedsocialmedia.com/10134/inside-it-user-centered-it/
Usability 
The effectiveness, efficiency, and 
satisfaction with which specified 
users achieve specified goals in 
particular environments 
! 
This does not mean you have to create a “dry” design or something that is 
only good for novices – it all depends on your goals
Vuistregels
Hoe weet je dat een UI “goed” is?
The economist – oct. 2004 
To be truly successful, a 
complex technology 
needs to “disappear” 
The real test is always 
the mom test 
http://www.economist.com/displaystory.cfm?story_id=3307363
You are not the user! 
! 
(if you are the developer)
Know your users... 
Study their workflow & Habits
Know your users... 
Users cannot tell you what they need (Steve Jobs) 
Don’t ask for opinions 
Study behaviour not opinions
“logical analysis is not a good way to 
predict people's behavior (nor are focus 
groups or surveys): observation is the key” 
! 
“I caution that the time frame for adoption of 
new technologies is measured in decades, 
not the months everyone would prefer” 
Donald A. Norman
ALWAYS RIGHT 
If the user does something “wrong”, it is 
the fault of the system designer!
Usefulness! Usefulness! Usefulness!
Four Myths 
Only experts create good designs 
Ä experts faster, simple and effective techniques anyone can apply 
We can fix the user interface at the end 
Ä good design is more than just user interface 
Ä having right features, building those features right 
Good design takes too long / costs too much 
Ä simple and effective techniques can reduce total development 
time & cost (finds problems early on) 
Good design is just cool graphics 
Ä graphics part of bigger picture of what to communicate & how
Background...
studiebronnen 
http://www.designinginteractions.com/
• Ben Shneiderman, Designing the User Interface. 
Strategies for Effective Human-Computer 
Interaction. 
• Jakob Nielsen, Designing Web Usability. 
• Jakob Nielsen & Marie Tahir, Homepage Usability. 
• Donald A. Norman, The Invisible Computer & 
Emotional Design. 
• Jef Raskin, The Humane Interface. 
• Peter Morville, Ambient Findability. 
• Jennu Preece, Yvonne Rogers, David Benyon, 
Simon Holland & Tom Carey, Human-Computer 
Interaction. 
• Alan Dix, Janet Finlay, Gregory Abowd & Russell 
Beale, Human-Computer Interaction.
?
EXERCISE 
1. Vorm groepjes van 2 à 3 personen 
2. Evalueer www.nmbs.be & www.delijn.be 
3. Presenteer kort jullie resultaten in klas

More Related Content

What's hot

Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1Michael Rawlins
 
UX The Bruce Lee Way
UX The Bruce Lee WayUX The Bruce Lee Way
UX The Bruce Lee Way
Joseph Dickerson
 
UCD from across the pond - A case study in remote UX
UCD from across the pond - A case study in remote UXUCD from across the pond - A case study in remote UX
UCD from across the pond - A case study in remote UX
Neil Turner
 
Usability engineering
Usability engineeringUsability engineering
Usability engineering
Prasanth Pillai
 
Designer vs Developer - A Battle Royal v1.0
Designer vs Developer - A Battle Royal v1.0Designer vs Developer - A Battle Royal v1.0
Designer vs Developer - A Battle Royal v1.0
Nicole Maynard
 
How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)
Neil Turner
 
MCC Technology Class (April 2012)
MCC Technology Class (April 2012) MCC Technology Class (April 2012)
MCC Technology Class (April 2012)
Michael Rawlins
 
Creating a One-handed User Interface for Drones
Creating a One-handed User Interface for DronesCreating a One-handed User Interface for Drones
Creating a One-handed User Interface for Drones
Jackie Wolf
 
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
City University London
 
Introduction to user-centric design process
Introduction to user-centric design processIntroduction to user-centric design process
Introduction to user-centric design process
European Innovation Academy
 
Designing Out[side] the Screen
Designing Out[side] the ScreenDesigning Out[side] the Screen
Designing Out[side] the Screen
Steve Taylor
 
UX in Real Life
UX in Real LifeUX in Real Life
UX in Real Life
Narek Kozmoyan
 
Psychology of Design (UX Intensive for MySkills4Afrika)
Psychology of Design (UX Intensive for MySkills4Afrika)Psychology of Design (UX Intensive for MySkills4Afrika)
Psychology of Design (UX Intensive for MySkills4Afrika)
Cheryl Platz
 
Interaction Design Guest Lecture - UVA CS 3240
Interaction Design Guest Lecture - UVA CS 3240Interaction Design Guest Lecture - UVA CS 3240
Interaction Design Guest Lecture - UVA CS 3240
Colin Butler
 
Storytelling & The Human Form (UX Intensive for MySkills4Afrika)
Storytelling & The Human Form (UX Intensive for MySkills4Afrika)Storytelling & The Human Form (UX Intensive for MySkills4Afrika)
Storytelling & The Human Form (UX Intensive for MySkills4Afrika)
Cheryl Platz
 
Usability--What is it?
Usability--What is it?Usability--What is it?
Usability--What is it?
Ann Krause
 
Designing the Future of Work and Learning
Designing the Future of Work and LearningDesigning the Future of Work and Learning
Designing the Future of Work and Learning
Sam Scott
 
Challenges and tools of multi-screen UX
Challenges and tools of multi-screen UXChallenges and tools of multi-screen UX
Challenges and tools of multi-screen UX
Hugo Labonde
 
20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuvenErik Duval
 
11 Insightful Quotes From UX London 2016 (And How They Apply to Digital Agenc...
11 Insightful Quotes From UX London 2016 (And How They Apply to Digital Agenc...11 Insightful Quotes From UX London 2016 (And How They Apply to Digital Agenc...
11 Insightful Quotes From UX London 2016 (And How They Apply to Digital Agenc...
Clément Génin
 

What's hot (20)

Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1
 
UX The Bruce Lee Way
UX The Bruce Lee WayUX The Bruce Lee Way
UX The Bruce Lee Way
 
UCD from across the pond - A case study in remote UX
UCD from across the pond - A case study in remote UXUCD from across the pond - A case study in remote UX
UCD from across the pond - A case study in remote UX
 
Usability engineering
Usability engineeringUsability engineering
Usability engineering
 
Designer vs Developer - A Battle Royal v1.0
Designer vs Developer - A Battle Royal v1.0Designer vs Developer - A Battle Royal v1.0
Designer vs Developer - A Battle Royal v1.0
 
How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)
 
MCC Technology Class (April 2012)
MCC Technology Class (April 2012) MCC Technology Class (April 2012)
MCC Technology Class (April 2012)
 
Creating a One-handed User Interface for Drones
Creating a One-handed User Interface for DronesCreating a One-handed User Interface for Drones
Creating a One-handed User Interface for Drones
 
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
 
Introduction to user-centric design process
Introduction to user-centric design processIntroduction to user-centric design process
Introduction to user-centric design process
 
Designing Out[side] the Screen
Designing Out[side] the ScreenDesigning Out[side] the Screen
Designing Out[side] the Screen
 
UX in Real Life
UX in Real LifeUX in Real Life
UX in Real Life
 
Psychology of Design (UX Intensive for MySkills4Afrika)
Psychology of Design (UX Intensive for MySkills4Afrika)Psychology of Design (UX Intensive for MySkills4Afrika)
Psychology of Design (UX Intensive for MySkills4Afrika)
 
Interaction Design Guest Lecture - UVA CS 3240
Interaction Design Guest Lecture - UVA CS 3240Interaction Design Guest Lecture - UVA CS 3240
Interaction Design Guest Lecture - UVA CS 3240
 
Storytelling & The Human Form (UX Intensive for MySkills4Afrika)
Storytelling & The Human Form (UX Intensive for MySkills4Afrika)Storytelling & The Human Form (UX Intensive for MySkills4Afrika)
Storytelling & The Human Form (UX Intensive for MySkills4Afrika)
 
Usability--What is it?
Usability--What is it?Usability--What is it?
Usability--What is it?
 
Designing the Future of Work and Learning
Designing the Future of Work and LearningDesigning the Future of Work and Learning
Designing the Future of Work and Learning
 
Challenges and tools of multi-screen UX
Challenges and tools of multi-screen UXChallenges and tools of multi-screen UX
Challenges and tools of multi-screen UX
 
20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
 
11 Insightful Quotes From UX London 2016 (And How They Apply to Digital Agenc...
11 Insightful Quotes From UX London 2016 (And How They Apply to Digital Agenc...11 Insightful Quotes From UX London 2016 (And How They Apply to Digital Agenc...
11 Insightful Quotes From UX London 2016 (And How They Apply to Digital Agenc...
 

Viewers also liked

ASPECT WP2 progress report Budapest
ASPECT WP2 progress report BudapestASPECT WP2 progress report Budapest
ASPECT WP2 progress report Budapest
Joris Klerkx
 
D3.js capita selecta
D3.js capita selectaD3.js capita selecta
D3.js capita selectaJoris Klerkx
 
ARIADNE federation
ARIADNE federationARIADNE federation
ARIADNE federation
Joris Klerkx
 
44rd CEN WS/LT meeting PT social data
44rd CEN WS/LT meeting PT social data44rd CEN WS/LT meeting PT social data
44rd CEN WS/LT meeting PT social data
Joris Klerkx
 
JTELSS - pimp your learning analytics with proper visualisation techniques
JTELSS - pimp your learning analytics with proper visualisation techniquesJTELSS - pimp your learning analytics with proper visualisation techniques
JTELSS - pimp your learning analytics with proper visualisation techniques
Joris Klerkx
 
CEN WS-LT ARIADNE liaison report
CEN WS-LT ARIADNE liaison report CEN WS-LT ARIADNE liaison report
CEN WS-LT ARIADNE liaison report
Joris Klerkx
 
Les 9 - Informatie Visualisatie
Les 9 - Informatie VisualisatieLes 9 - Informatie Visualisatie
Les 9 - Informatie Visualisatie
Joris Klerkx
 

Viewers also liked (7)

ASPECT WP2 progress report Budapest
ASPECT WP2 progress report BudapestASPECT WP2 progress report Budapest
ASPECT WP2 progress report Budapest
 
D3.js capita selecta
D3.js capita selectaD3.js capita selecta
D3.js capita selecta
 
ARIADNE federation
ARIADNE federationARIADNE federation
ARIADNE federation
 
44rd CEN WS/LT meeting PT social data
44rd CEN WS/LT meeting PT social data44rd CEN WS/LT meeting PT social data
44rd CEN WS/LT meeting PT social data
 
JTELSS - pimp your learning analytics with proper visualisation techniques
JTELSS - pimp your learning analytics with proper visualisation techniquesJTELSS - pimp your learning analytics with proper visualisation techniques
JTELSS - pimp your learning analytics with proper visualisation techniques
 
CEN WS-LT ARIADNE liaison report
CEN WS-LT ARIADNE liaison report CEN WS-LT ARIADNE liaison report
CEN WS-LT ARIADNE liaison report
 
Les 9 - Informatie Visualisatie
Les 9 - Informatie VisualisatieLes 9 - Informatie Visualisatie
Les 9 - Informatie Visualisatie
 

Similar to Introduction - fundamentals of CHI

User Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesUser Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and Principles
MoodLabs
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1studiokandm
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principlesDavid Little
 
Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...
Praneet Koppula
 
inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chi
Erik Duval
 
Ux
Ux Ux
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
Jeremy Johnson
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1studiokandm
 
Intro to User eXperience
Intro to User eXperienceIntro to User eXperience
Intro to User eXperience
Mike Gallers
 
Lecture1.ppt
Lecture1.pptLecture1.ppt
Lecture1.ppt
AnsaRasheed3
 
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionhendrikknoche
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the Ugly
Joshua Randall
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
apppsych
 
Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design
paulodavila
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
Patrick McNeil
 
Aect 2018 workshop
Aect 2018 workshopAect 2018 workshop
Aect 2018 workshop
Gayathri Sadanala
 
Aect2018 workshop-v6ij-compressed
Aect2018 workshop-v6ij-compressedAect2018 workshop-v6ij-compressed
Aect2018 workshop-v6ij-compressed
Isa Jahnke
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
Um e Farwa
 
Introductiontousability 090407053727-phpapp02
Introductiontousability 090407053727-phpapp02Introductiontousability 090407053727-phpapp02
Introductiontousability 090407053727-phpapp02Techved Consulting
 

Similar to Introduction - fundamentals of CHI (20)

User Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesUser Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and Principles
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 
Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...
 
inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chi
 
09-UX.pdf
09-UX.pdf09-UX.pdf
09-UX.pdf
 
Ux
Ux Ux
Ux
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1
 
Intro to User eXperience
Intro to User eXperienceIntro to User eXperience
Intro to User eXperience
 
Lecture1.ppt
Lecture1.pptLecture1.ppt
Lecture1.ppt
 
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the Ugly
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
Aect 2018 workshop
Aect 2018 workshopAect 2018 workshop
Aect 2018 workshop
 
Aect2018 workshop-v6ij-compressed
Aect2018 workshop-v6ij-compressedAect2018 workshop-v6ij-compressed
Aect2018 workshop-v6ij-compressed
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
 
Introductiontousability 090407053727-phpapp02
Introductiontousability 090407053727-phpapp02Introductiontousability 090407053727-phpapp02
Introductiontousability 090407053727-phpapp02
 

More from Joris Klerkx

Visualisatie - Module 3 - Big Data
Visualisatie - Module 3 - Big DataVisualisatie - Module 3 - Big Data
Visualisatie - Module 3 - Big Data
Joris Klerkx
 
Visualizing Reader Engagement
Visualizing Reader EngagementVisualizing Reader Engagement
Visualizing Reader Engagement
Joris Klerkx
 
Les 8 - informatie visualisatie
Les 8 - informatie visualisatie Les 8 - informatie visualisatie
Les 8 - informatie visualisatie
Joris Klerkx
 
Les 7 - informatie visualisatie - interactie
Les 7 - informatie visualisatie - interactieLes 7 - informatie visualisatie - interactie
Les 7 - informatie visualisatie - interactie
Joris Klerkx
 
Workshop Designing Useful apps
Workshop Designing Useful apps Workshop Designing Useful apps
Workshop Designing Useful apps
Joris Klerkx
 
Les 4 informatie visualisatie
Les 4 informatie visualisatieLes 4 informatie visualisatie
Les 4 informatie visualisatie
Joris Klerkx
 
Les 2 - Informatie Visualisatie
Les 2 - Informatie Visualisatie Les 2 - Informatie Visualisatie
Les 2 - Informatie Visualisatie
Joris Klerkx
 
20160208 informatie visualisatie les 1
20160208 informatie visualisatie les 120160208 informatie visualisatie les 1
20160208 informatie visualisatie les 1
Joris Klerkx
 
Visualisation - techniques, interaction dynamics, big data
Visualisation - techniques, interaction dynamics, big dataVisualisation - techniques, interaction dynamics, big data
Visualisation - techniques, interaction dynamics, big data
Joris Klerkx
 
Visualisation - introduction, guidelines, principles and design
Visualisation - introduction, guidelines, principles and designVisualisation - introduction, guidelines, principles and design
Visualisation - introduction, guidelines, principles and design
Joris Klerkx
 
Bring your own idea - Visual learning analytics
Bring your own idea - Visual learning analyticsBring your own idea - Visual learning analytics
Bring your own idea - Visual learning analytics
Joris Klerkx
 
Quantified Self - LICT workshop - KU Leuven
Quantified Self - LICT workshop - KU LeuvenQuantified Self - LICT workshop - KU Leuven
Quantified Self - LICT workshop - KU Leuven
Joris Klerkx
 
Learning Analytics - Door data gestuurd leren
Learning Analytics - Door data gestuurd lerenLearning Analytics - Door data gestuurd leren
Learning Analytics - Door data gestuurd leren
Joris Klerkx
 
DM2E - Europeana Cloud
DM2E - Europeana CloudDM2E - Europeana Cloud
DM2E - Europeana Cloud
Joris Klerkx
 
User experience
User experience User experience
User experience
Joris Klerkx
 
Multimedia les - intro tot informatie visualisatie
Multimedia les - intro tot informatie visualisatieMultimedia les - intro tot informatie visualisatie
Multimedia les - intro tot informatie visualisatieJoris Klerkx
 
the EMurgency project - LICT workshop on ICT in health
the EMurgency project - LICT workshop on ICT in healththe EMurgency project - LICT workshop on ICT in health
the EMurgency project - LICT workshop on ICT in health
Joris Klerkx
 
intro to information visualization
intro to information visualization intro to information visualization
intro to information visualization
Joris Klerkx
 
Workshop on visualization in tel
Workshop on visualization in tel Workshop on visualization in tel
Workshop on visualization in tel Joris Klerkx
 
EMuRgency project - LICT Industrial affiliation day
EMuRgency project - LICT Industrial affiliation dayEMuRgency project - LICT Industrial affiliation day
EMuRgency project - LICT Industrial affiliation day
Joris Klerkx
 

More from Joris Klerkx (20)

Visualisatie - Module 3 - Big Data
Visualisatie - Module 3 - Big DataVisualisatie - Module 3 - Big Data
Visualisatie - Module 3 - Big Data
 
Visualizing Reader Engagement
Visualizing Reader EngagementVisualizing Reader Engagement
Visualizing Reader Engagement
 
Les 8 - informatie visualisatie
Les 8 - informatie visualisatie Les 8 - informatie visualisatie
Les 8 - informatie visualisatie
 
Les 7 - informatie visualisatie - interactie
Les 7 - informatie visualisatie - interactieLes 7 - informatie visualisatie - interactie
Les 7 - informatie visualisatie - interactie
 
Workshop Designing Useful apps
Workshop Designing Useful apps Workshop Designing Useful apps
Workshop Designing Useful apps
 
Les 4 informatie visualisatie
Les 4 informatie visualisatieLes 4 informatie visualisatie
Les 4 informatie visualisatie
 
Les 2 - Informatie Visualisatie
Les 2 - Informatie Visualisatie Les 2 - Informatie Visualisatie
Les 2 - Informatie Visualisatie
 
20160208 informatie visualisatie les 1
20160208 informatie visualisatie les 120160208 informatie visualisatie les 1
20160208 informatie visualisatie les 1
 
Visualisation - techniques, interaction dynamics, big data
Visualisation - techniques, interaction dynamics, big dataVisualisation - techniques, interaction dynamics, big data
Visualisation - techniques, interaction dynamics, big data
 
Visualisation - introduction, guidelines, principles and design
Visualisation - introduction, guidelines, principles and designVisualisation - introduction, guidelines, principles and design
Visualisation - introduction, guidelines, principles and design
 
Bring your own idea - Visual learning analytics
Bring your own idea - Visual learning analyticsBring your own idea - Visual learning analytics
Bring your own idea - Visual learning analytics
 
Quantified Self - LICT workshop - KU Leuven
Quantified Self - LICT workshop - KU LeuvenQuantified Self - LICT workshop - KU Leuven
Quantified Self - LICT workshop - KU Leuven
 
Learning Analytics - Door data gestuurd leren
Learning Analytics - Door data gestuurd lerenLearning Analytics - Door data gestuurd leren
Learning Analytics - Door data gestuurd leren
 
DM2E - Europeana Cloud
DM2E - Europeana CloudDM2E - Europeana Cloud
DM2E - Europeana Cloud
 
User experience
User experience User experience
User experience
 
Multimedia les - intro tot informatie visualisatie
Multimedia les - intro tot informatie visualisatieMultimedia les - intro tot informatie visualisatie
Multimedia les - intro tot informatie visualisatie
 
the EMurgency project - LICT workshop on ICT in health
the EMurgency project - LICT workshop on ICT in healththe EMurgency project - LICT workshop on ICT in health
the EMurgency project - LICT workshop on ICT in health
 
intro to information visualization
intro to information visualization intro to information visualization
intro to information visualization
 
Workshop on visualization in tel
Workshop on visualization in tel Workshop on visualization in tel
Workshop on visualization in tel
 
EMuRgency project - LICT Industrial affiliation day
EMuRgency project - LICT Industrial affiliation dayEMuRgency project - LICT Industrial affiliation day
EMuRgency project - LICT Industrial affiliation day
 

Recently uploaded

The Diamond Necklace by Guy De Maupassant.pptx
The Diamond Necklace by Guy De Maupassant.pptxThe Diamond Necklace by Guy De Maupassant.pptx
The Diamond Necklace by Guy De Maupassant.pptx
DhatriParmar
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Akanksha trivedi rama nursing college kanpur.
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Thiyagu K
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
JosvitaDsouza2
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
EverAndrsGuerraGuerr
 
Normal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of LabourNormal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of Labour
Wasim Ak
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
Nguyen Thanh Tu Collection
 
Marketing internship report file for MBA
Marketing internship report file for MBAMarketing internship report file for MBA
Marketing internship report file for MBA
gb193092
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
Jean Carlos Nunes Paixão
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
David Douglas School District
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
Vikramjit Singh
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
SACHIN R KONDAGURI
 
Best Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDABest Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDA
deeptiverma2406
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
Sandy Millin
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
MysoreMuleSoftMeetup
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
Peter Windle
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
vaibhavrinwa19
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
Balvir Singh
 
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBCSTRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
kimdan468
 

Recently uploaded (20)

The Diamond Necklace by Guy De Maupassant.pptx
The Diamond Necklace by Guy De Maupassant.pptxThe Diamond Necklace by Guy De Maupassant.pptx
The Diamond Necklace by Guy De Maupassant.pptx
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
 
Normal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of LabourNormal Labour/ Stages of Labour/ Mechanism of Labour
Normal Labour/ Stages of Labour/ Mechanism of Labour
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
 
Marketing internship report file for MBA
Marketing internship report file for MBAMarketing internship report file for MBA
Marketing internship report file for MBA
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
 
Best Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDABest Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDA
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
 
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBCSTRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
STRAND 3 HYGIENIC PRACTICES.pptx GRADE 7 CBC
 

Introduction - fundamentals of CHI

  • 1. Fundamenten van mens-machine interactie ! Introductie Prof. Erik Duval - @ErikDuval Dr. Joris Klerkx - @jkofmsk ! Dept. Computerwetenschappen K.U.Leuven http://hci.cs.kuleuven.be 1
  • 3. 6 st.p. oftewel +/- 180u ! Vrijdag 14u00-18u00 ! groepswerk, reële uitrol ! Geen examen 3 Topic: Casual Games
  • 4. Removing friction between users and machines http://www.web42.com/badday/
  • 5. Not (only) about usability Quality attribute of the UI, covering whether the system is easy to learn, efficient to use, pleasant, and so forth http://www.nngroup.com/articles/definition-user-experience/ Copyright © David Siegel - Dray and Associates. http://www.interaction-design.org/encyclopedia/usability_evaluation.html
  • 6. Niet zo gemakkelijk… http://erikduval.wordpress.com/2008/09/10/laptop-fun/ http://www.popsci.com/gadgets/article/2013-07/one-laptop-childs-de-evolution
  • 10. “a discipline concerned with the • design • evaluation and • implementation of interactive computing systems for human use and with the study of major phenomena surrounding them." ACM CHI
  • 12.
  • 13.
  • 14. Design Process Don’t design for yourself. You’re NOT the user! You’re probably clueless! Image from http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/
  • 15.
  • 16. "Typ hier een citaat." –Johnny Appleseed Technology Task User organisational & social CHI http://www.nngroup.com/articles/
  • 17. NOT (only) about the user interface (UI) What if i want a book from a small publisher? TASKS
  • 19. USERS USER-CENTERED DESIGN Image from http://connectedsocialmedia.com/10134/inside-it-user-centered-it/
  • 20.
  • 21.
  • 22. Usability The effectiveness, efficiency, and satisfaction with which specified users achieve specified goals in particular environments ! This does not mean you have to create a “dry” design or something that is only good for novices – it all depends on your goals
  • 24. Hoe weet je dat een UI “goed” is?
  • 25. The economist – oct. 2004 To be truly successful, a complex technology needs to “disappear” The real test is always the mom test http://www.economist.com/displaystory.cfm?story_id=3307363
  • 26. You are not the user! ! (if you are the developer)
  • 27. Know your users... Study their workflow & Habits
  • 28. Know your users... Users cannot tell you what they need (Steve Jobs) Don’t ask for opinions Study behaviour not opinions
  • 29. “logical analysis is not a good way to predict people's behavior (nor are focus groups or surveys): observation is the key” ! “I caution that the time frame for adoption of new technologies is measured in decades, not the months everyone would prefer” Donald A. Norman
  • 30. ALWAYS RIGHT If the user does something “wrong”, it is the fault of the system designer!
  • 32. Four Myths Only experts create good designs Ä experts faster, simple and effective techniques anyone can apply We can fix the user interface at the end Ä good design is more than just user interface Ä having right features, building those features right Good design takes too long / costs too much Ä simple and effective techniques can reduce total development time & cost (finds problems early on) Good design is just cool graphics Ä graphics part of bigger picture of what to communicate & how
  • 35. • Ben Shneiderman, Designing the User Interface. Strategies for Effective Human-Computer Interaction. • Jakob Nielsen, Designing Web Usability. • Jakob Nielsen & Marie Tahir, Homepage Usability. • Donald A. Norman, The Invisible Computer & Emotional Design. • Jef Raskin, The Humane Interface. • Peter Morville, Ambient Findability. • Jennu Preece, Yvonne Rogers, David Benyon, Simon Holland & Tom Carey, Human-Computer Interaction. • Alan Dix, Janet Finlay, Gregory Abowd & Russell Beale, Human-Computer Interaction.
  • 36. ?
  • 37. EXERCISE 1. Vorm groepjes van 2 à 3 personen 2. Evalueer www.nmbs.be & www.delijn.be 3. Presenteer kort jullie resultaten in klas