SlideShare uma empresa Scribd logo
1 de 31
Baixar para ler offline
Inleiding HCI
KU Leuven, B, 17 February 2014
!

Erik Duval
http://erikduval.wordpress.com
@ErikDuval

1
2

http://www.slideshare.net/erik.duval
intro...
There is a conflict of interest in the world of
software development because the people
who build it are also the people who design it.	

If carpenters designed houses, they would
certainly be easier or more interesting to build,
but not necessarily better to live in. The
architect, besides being trained in the art of
what works and what doesn't, is an advocate
for the client, for the user.	

!

Alan Cooper. About Face, 1995

(http://www.cooper.com/)
Niet zo eenvoudig...
http://erikduval.wordpress.com/2008/09/10/laptop-fun/
Niet onbelangrijk…

•http://www.boston.com/campaign2000/vote/florida_voters.htm

http://www.ntk.net/nielsen2004/
voorbeelden uit jouw leven...

•

...
chi...
“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
organisational 
social

task

CHI

technology

user
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
http://chi2011.org/
•ACM SIGCHI	

•meer dan 6000 leden	

•jaarlijkse conferentie	

•tijdschriften	

• ACM interactions	

• ACM Transactions Computer-Human Interaction	

• International Journal of Human-Computer Studies 	


•HCI bibliography
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)
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
If the user does something
“wrong”, it is the fault of the
system designer!
“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
background...
http://www.designinginteractions.com/
•
•
•
•
•
•
•
•

Ben Shneiderman, Designing the User
Interface. Strategies for Effective HumanComputer 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.
?
@ErikDuval	

http://erikduval.wordpress.com
31

Mais conteúdo relacionado

Mais procurados

UXPA Boston Responsive Design Snyder Rizzico
UXPA Boston Responsive Design Snyder RizzicoUXPA Boston Responsive Design Snyder Rizzico
UXPA Boston Responsive Design Snyder Rizzico
snyderconsulting
 
Multimedia Presentation on Obsolete & Emerging Technologies
Multimedia Presentation on Obsolete & Emerging TechnologiesMultimedia Presentation on Obsolete & Emerging Technologies
Multimedia Presentation on Obsolete & Emerging Technologies
Ashley Odom
 

Mais procurados (20)

UXPA Boston Responsive Design Snyder Rizzico
UXPA Boston Responsive Design Snyder RizzicoUXPA Boston Responsive Design Snyder Rizzico
UXPA Boston Responsive Design Snyder Rizzico
 
Affordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hciAffordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hci
 
IXDA Chicago - Interaction08 Recap
IXDA Chicago - Interaction08 RecapIXDA Chicago - Interaction08 Recap
IXDA Chicago - Interaction08 Recap
 
From barrier-free to delightful
From barrier-free to delightfulFrom barrier-free to delightful
From barrier-free to delightful
 
Death by a thousand paper cuts — Alexandra Leisse - Codemotion Amsterdam 2017
Death by a thousand paper cuts — Alexandra Leisse - Codemotion Amsterdam 2017Death by a thousand paper cuts — Alexandra Leisse - Codemotion Amsterdam 2017
Death by a thousand paper cuts — Alexandra Leisse - Codemotion Amsterdam 2017
 
Expanding the design object
Expanding the design objectExpanding the design object
Expanding the design object
 
Accessibility Basics
Accessibility BasicsAccessibility Basics
Accessibility Basics
 
Beyond usability
Beyond usabilityBeyond usability
Beyond usability
 
Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"
Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"
Girl Geeks Toronto "Designers Do More Than Just Make Things Pretty"
 
EIA 2015 Guide to Fast Paper Prototyping
EIA 2015 Guide to Fast Paper PrototypingEIA 2015 Guide to Fast Paper Prototyping
EIA 2015 Guide to Fast Paper Prototyping
 
Expansion of the design object
Expansion of the design objectExpansion of the design object
Expansion of the design object
 
Systematic, intuitive and expansive design thinking
Systematic, intuitive and expansive design thinkingSystematic, intuitive and expansive design thinking
Systematic, intuitive and expansive design thinking
 
Workshop Universal Design Principles.
Workshop Universal Design Principles. Workshop Universal Design Principles.
Workshop Universal Design Principles.
 
Multimedia Presentation on Obsolete & Emerging Technologies
Multimedia Presentation on Obsolete & Emerging TechnologiesMultimedia Presentation on Obsolete & Emerging Technologies
Multimedia Presentation on Obsolete & Emerging Technologies
 
Don Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book ClubDon Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book Club
 
Building A Product That Users Will Love
Building A Product That Users Will LoveBuilding A Product That Users Will Love
Building A Product That Users Will Love
 
York Region Science Fair - Entrepreneurial Engineering
York Region Science Fair - Entrepreneurial EngineeringYork Region Science Fair - Entrepreneurial Engineering
York Region Science Fair - Entrepreneurial Engineering
 
INTERACT 2019 'The Science Behind User Experience Design' Course
INTERACT 2019 'The Science Behind User Experience Design' CourseINTERACT 2019 'The Science Behind User Experience Design' Course
INTERACT 2019 'The Science Behind User Experience Design' Course
 
Building a product that users will LOVE
Building a product that users will LOVEBuilding a product that users will LOVE
Building a product that users will LOVE
 
HOW THE LARGEST HUMAN RIGHTS ORGANIZATION IN THE WORLD USES DESIGN SYSTEMS TO...
HOW THE LARGEST HUMAN RIGHTS ORGANIZATION IN THE WORLD USES DESIGN SYSTEMS TO...HOW THE LARGEST HUMAN RIGHTS ORGANIZATION IN THE WORLD USES DESIGN SYSTEMS TO...
HOW THE LARGEST HUMAN RIGHTS ORGANIZATION IN THE WORLD USES DESIGN SYSTEMS TO...
 

Semelhante a An introduction to HCI

20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
Erik Duval
 
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
hendrikknoche
 
3450_Fall2016_Syllabus
3450_Fall2016_Syllabus3450_Fall2016_Syllabus
3450_Fall2016_Syllabus
Trinh Le
 
PxS'12 - week 1 - Introduction
PxS'12 - week 1 - IntroductionPxS'12 - week 1 - Introduction
PxS'12 - week 1 - Introduction
hendrikknoche
 

Semelhante a An introduction to HCI (20)

inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chi
 
Introduction - fundamentals of CHI
Introduction - fundamentals of CHI Introduction - fundamentals of CHI
Introduction - fundamentals of CHI
 
20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
 
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
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
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
 
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
 
Designing Useful and Usable Augmented Reality Experiences
Designing Useful and Usable Augmented Reality Experiences Designing Useful and Usable Augmented Reality Experiences
Designing Useful and Usable Augmented Reality Experiences
 
Workshop Designing Useful apps
Workshop Designing Useful apps Workshop Designing Useful apps
Workshop Designing Useful apps
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
 
3450_Fall2016_Syllabus
3450_Fall2016_Syllabus3450_Fall2016_Syllabus
3450_Fall2016_Syllabus
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
 
Unleash Your Inner Unicorn
Unleash Your Inner UnicornUnleash Your Inner Unicorn
Unleash Your Inner Unicorn
 
UI For Alien Cowboys
UI For Alien CowboysUI For Alien Cowboys
UI For Alien Cowboys
 
PxS'12 - week 1 - Introduction
PxS'12 - week 1 - IntroductionPxS'12 - week 1 - Introduction
PxS'12 - week 1 - Introduction
 
24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future
 
An introduction to CHI
An introduction to CHIAn introduction to CHI
An introduction to CHI
 
Lecture1.ppt
Lecture1.pptLecture1.ppt
Lecture1.ppt
 
The Design of Blockchain-Based Apps (DApps)
The Design of Blockchain-Based Apps (DApps)The Design of Blockchain-Based Apps (DApps)
The Design of Blockchain-Based Apps (DApps)
 

Mais de Erik Duval

InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
Erik Duval
 

Mais de Erik Duval (20)

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapers
 
InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015
 
InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015
 
InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisation
 
InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015
 
Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?
 
Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principles
 
InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015
 
A short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationA short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisation
 
InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015
 
InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer Interaction
 
InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015
 
InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015
 
InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
 
InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarter
 
InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik
 

Último

Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 

Último (20)

Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 

An introduction to HCI