SlideShare a Scribd company logo
1 of 31
Download to read offline
inleiding tot chi


           erik duval
          K.U.Leuven
http://www.cs.kuleuven.be/~erikd
               1
http://www.slideshare.net/erik.duval
intro...
Bad day…




           http://www.web42.com/badday/
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
task
organisational &
     social




                   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 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.
?
http://erikduval.wordpress.com/
           @ErikDuval



              31

More Related Content

What's hot

Presentation week 11
Presentation week 11Presentation week 11
Presentation week 11
n8324743
 
20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
Erik Duval
 
Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1
Michael Rawlins
 

What's hot (20)

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)
 
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
 
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
 
Fringe User Experience: Designing for the Future
Fringe User Experience: Designing for the Future Fringe User Experience: Designing for the Future
Fringe User Experience: Designing for the Future
 
Presentation week 11
Presentation week 11Presentation week 11
Presentation week 11
 
20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
 
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.
 
Role of human interaction
Role of human interactionRole of human interaction
Role of human interaction
 
User Experience
User ExperienceUser Experience
User Experience
 
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
 
Usability & Design Principles
Usability & Design PrinciplesUsability & Design Principles
Usability & Design Principles
 
Context Rising : Wearable Interfaces
Context Rising : Wearable InterfacesContext Rising : Wearable Interfaces
Context Rising : Wearable Interfaces
 
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
 
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
 
From barrier-free to delightful
From barrier-free to delightfulFrom barrier-free to delightful
From barrier-free to delightful
 
Workshop Universal Design Principles.
Workshop Universal Design Principles. Workshop Universal Design Principles.
Workshop Universal Design Principles.
 
UX in a Nutshell
UX in a NutshellUX in a Nutshell
UX in a Nutshell
 
The Business Case for UX
The Business Case for UX The Business Case for UX
The Business Case for UX
 
Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1
 

Viewers also liked

Extra Credit for SNB Gallery Tech Snack, 9-7-10
Extra Credit for SNB Gallery Tech Snack, 9-7-10Extra Credit for SNB Gallery Tech Snack, 9-7-10
Extra Credit for SNB Gallery Tech Snack, 9-7-10
algona81
 
Ace HR Services Presantation at BHRMDA 8th International Conference
Ace HR Services Presantation at BHRMDA 8th International ConferenceAce HR Services Presantation at BHRMDA 8th International Conference
Ace HR Services Presantation at BHRMDA 8th International Conference
Margarita Evtimova
 
Multimedia: eindverslag enz.
Multimedia: eindverslag enz.Multimedia: eindverslag enz.
Multimedia: eindverslag enz.
Erik Duval
 
Extra credit for snb resources tech snack
Extra credit for snb resources tech snackExtra credit for snb resources tech snack
Extra credit for snb resources tech snack
algona81
 
20130219 chi cursus
20130219 chi cursus20130219 chi cursus
20130219 chi cursus
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
 
Over de cursus
Over de cursusOver de cursus
Over de cursus
Erik Duval
 
How to apply for traineeship programs
How to apply for traineeship programsHow to apply for traineeship programs
How to apply for traineeship programs
Margarita Evtimova
 
ICT and cultures of participation: setting the scene
ICT and cultures of participation: setting the sceneICT and cultures of participation: setting the scene
ICT and cultures of participation: setting the scene
Erik Duval
 

Viewers also liked (20)

Extra Credit for SNB Gallery Tech Snack, 9-7-10
Extra Credit for SNB Gallery Tech Snack, 9-7-10Extra Credit for SNB Gallery Tech Snack, 9-7-10
Extra Credit for SNB Gallery Tech Snack, 9-7-10
 
Jason Rhode Dissertation Overview
Jason Rhode Dissertation OverviewJason Rhode Dissertation Overview
Jason Rhode Dissertation Overview
 
Audacity Basics
Audacity BasicsAudacity Basics
Audacity Basics
 
Social Media: a disease
Social Media: a diseaseSocial Media: a disease
Social Media: a disease
 
Google Apps for Education: Bboogle (ba-boogle) and Beyond
Google Apps for Education: Bboogle (ba-boogle) and BeyondGoogle Apps for Education: Bboogle (ba-boogle) and Beyond
Google Apps for Education: Bboogle (ba-boogle) and Beyond
 
Social Media. Open Learning.
Social Media. Open Learning.Social Media. Open Learning.
Social Media. Open Learning.
 
New Teachers Jc
New Teachers JcNew Teachers Jc
New Teachers Jc
 
Ace HR Services Presantation at BHRMDA 8th International Conference
Ace HR Services Presantation at BHRMDA 8th International ConferenceAce HR Services Presantation at BHRMDA 8th International Conference
Ace HR Services Presantation at BHRMDA 8th International Conference
 
Multimedia: eindverslag enz.
Multimedia: eindverslag enz.Multimedia: eindverslag enz.
Multimedia: eindverslag enz.
 
Extra credit for snb resources tech snack
Extra credit for snb resources tech snackExtra credit for snb resources tech snack
Extra credit for snb resources tech snack
 
Open Educational Resources
Open Educational ResourcesOpen Educational Resources
Open Educational Resources
 
20130219 chi cursus
20130219 chi cursus20130219 chi cursus
20130219 chi cursus
 
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
 
Fox Company in Afghanistan
Fox Company in AfghanistanFox Company in Afghanistan
Fox Company in Afghanistan
 
Tuesam
TuesamTuesam
Tuesam
 
Podcast
PodcastPodcast
Podcast
 
Over de cursus
Over de cursusOver de cursus
Over de cursus
 
How to apply for traineeship programs
How to apply for traineeship programsHow to apply for traineeship programs
How to apply for traineeship programs
 
Smart board connections
Smart board connectionsSmart board connections
Smart board connections
 
ICT and cultures of participation: setting the scene
ICT and cultures of participation: setting the sceneICT and cultures of participation: setting the scene
ICT and cultures of participation: setting the scene
 

Similar to 20130219 chi chi-overzicht

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
David Little
 
[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivity
jylee6977
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
jylee_kgit
 
Introduction to building wireframes
Introduction to building wireframesIntroduction to building wireframes
Introduction to building wireframes
Hong Qu
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
studiokandm
 
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
 

Similar to 20130219 chi chi-overzicht (20)

inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chi
 
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
 
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
 
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
 
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
 
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
 
Chapter1(hci)
Chapter1(hci)Chapter1(hci)
Chapter1(hci)
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
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
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
 
Workshop Designing Useful apps
Workshop Designing Useful apps Workshop Designing Useful apps
Workshop Designing Useful apps
 
Introduction to Human Computer Interaction
Introduction to Human Computer InteractionIntroduction to Human Computer Interaction
Introduction to Human Computer Interaction
 
Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013
 
Psychology Human Computer Interaction
Psychology Human Computer InteractionPsychology Human Computer Interaction
Psychology Human Computer Interaction
 
Introduction to User Experience Design 12/07/19
Introduction to User Experience Design 12/07/19Introduction to User Experience Design 12/07/19
Introduction to User Experience Design 12/07/19
 
[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivity
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
 
Introduction to building wireframes
Introduction to building wireframesIntroduction to building wireframes
Introduction to building wireframes
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
 
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
 

More from Erik Duval

More from 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 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
 
Inleiding Human Computer Interaction
Inleiding Human Computer InteractionInleiding Human Computer Interaction
Inleiding Human Computer Interaction
 

20130219 chi chi-overzicht

  • 1. inleiding tot chi erik duval K.U.Leuven http://www.cs.kuleuven.be/~erikd 1
  • 4. Bad day… http://www.web42.com/badday/
  • 5. 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/)
  • 6.
  • 7.
  • 11. voorbeelden uit jouw leven... • ...
  • 13. “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
  • 14.
  • 15. task organisational & social CHI technology user
  • 16.
  • 17. 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
  • 19. • ACM SIGCHI • meer dan 6000 leden • jaarlijkse conferentie • tijdschriften • ACM interactions • ACM Transactions Computer-Human Interaction • International Journal of Human-Computer Studies • HCI bibliography
  • 20.
  • 22. hoe weet je dat een UI “goed” is?
  • 23. 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
  • 24. You are not the user! (if you are the developer)
  • 25. 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
  • 26. If the user does something “wrong”, it is the fault of the system designer!
  • 27. “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. 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.