SlideShare a Scribd company logo
1 of 63
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
Wie ben je en wat doe je hier?
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/)
Wat doe jij vooral?
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?
Wat doe jij vooral?
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
adoptie
http://www.cs.berkeley.edu/~jfc/cs160/SP03/
features                        Chrossing the chasm




                                                    reliability,
                                                  convenience
                                               “no fuss or bother”
voorbeelden van
 producten op
 adoptie-curve?

      ...
http://www.post-gazette.com/pg/09032/946191-85.stm
Long nose of innovation




http://www.businessweek.com/innovate/content/jan2008/id2008012_297369.htm
history
GUI dateert van..?
Command Line Interface
Nog vb?
Grafische gebruikersinterface
WIMP
• Windows
  Icons
  Menus, and
  Pointing devices
• Eigenschappen
 • intuitief
 • consistent
 • vergeven
 • beschermen
• Maar niet noodzakelijk
D. Engelbart, Augment
• Stanford Research Institute
• “Uitvinder” van muis,
  windows, groupware, ...
• team naar Xerox PARC
• nu: bootstrap institute
  •   http://www.bootstrap.org/
http://www.youtube.com/watch?v=X4kp9Ciy1nE
http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/
XEROX PARC Star - 1981
Apple Macintosh - 1984




 http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface
http://www.youtube.com/watch?v=G0FtgZNOD44
All 39 pages of advertising that Apple bought in a 1984 issue of newsweek are available here: http://www.aci.com.pl/mwichary/computerhistory/
                                                                 ads/macnewsweek
Windows 1.0 - 1985
Windows 3.1 - 1993




 http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface
future
http://blogs.msdn.com/tom/archive/2009/03/03/future-vision-ux-ideas.aspx
http://www.youtube.com/watch?v=CGwvZWyLiBU
http://www.lce.hut.fi/
  research/css/bci/
http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1
http://www.youtube.com/watch?v=iDX1FZxC0D4
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.
Questions?
 http://erikduval.wordpress.com/
http://www.cs.kuleuven.be/~erikd




    Thanks!

More Related Content

Viewers also liked (8)

CHI: feedback op rapport 1
CHI: feedback op rapport 1CHI: feedback op rapport 1
CHI: feedback op rapport 1
 
Cursus Multimedia: Intro
Cursus Multimedia: IntroCursus Multimedia: Intro
Cursus Multimedia: Intro
 
On the importance of being open
On the importance of being openOn the importance of being open
On the importance of being open
 
Learning with Open Eyes The Role of Learning Analytics
Learning with Open Eyes The Role of Learning Analytics Learning with Open Eyes The Role of Learning Analytics
Learning with Open Eyes The Role of Learning Analytics
 
Voorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimediaVoorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimedia
 
Learning Analytics
Learning AnalyticsLearning Analytics
Learning Analytics
 
Open ICT onderwijs: écht leren!
Open ICT onderwijs: écht leren!Open ICT onderwijs: écht leren!
Open ICT onderwijs: écht leren!
 
20100929 pen o1_les1
20100929 pen o1_les120100929 pen o1_les1
20100929 pen o1_les1
 

Similar to inleiding tot chi

20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
Erik Duval
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
Erik Duval
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
jylee_kgit
 
[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivity
jylee6977
 

Similar to inleiding tot chi (20)

20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
 
Chi overview
Chi overviewChi overview
Chi overview
 
An introduction to CHI
An introduction to CHIAn introduction to CHI
An introduction to CHI
 
An introduction to HCI
An introduction to HCIAn introduction to HCI
An introduction to HCI
 
Introduction - fundamentals of CHI
Introduction - fundamentals of CHI Introduction - fundamentals of CHI
Introduction - fundamentals of CHI
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
 
[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivity
 
Prototyping - 2015 PhillyCHI UX Workshop Series
Prototyping - 2015 PhillyCHI UX Workshop SeriesPrototyping - 2015 PhillyCHI UX Workshop Series
Prototyping - 2015 PhillyCHI UX Workshop Series
 
Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction Design
 
Disruption is Change is Future
Disruption is Change is FutureDisruption is Change is Future
Disruption is Change is Future
 
Inleiding tot chi
Inleiding tot chiInleiding tot chi
Inleiding tot chi
 
Workshop Designing Useful apps
Workshop Designing Useful apps Workshop Designing Useful apps
Workshop Designing Useful apps
 
Rettig.Interaction Design History.V1.5
Rettig.Interaction Design History.V1.5Rettig.Interaction Design History.V1.5
Rettig.Interaction Design History.V1.5
 
Fundamentals of Lean UX, Agile on the Beach 2014
Fundamentals of Lean UX, Agile on the Beach 2014Fundamentals of Lean UX, Agile on the Beach 2014
Fundamentals of Lean UX, Agile on the Beach 2014
 
When the Developer Must Design
When the Developer Must DesignWhen the Developer Must Design
When the Developer Must Design
 
Siblings or Step Siblings? Common Connections Between Technical Communication...
Siblings or Step Siblings? Common Connections Between Technical Communication...Siblings or Step Siblings? Common Connections Between Technical Communication...
Siblings or Step Siblings? Common Connections Between Technical Communication...
 
Interaction design
Interaction designInteraction design
Interaction design
 
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
 

More from 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
 

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 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
 

Recently uploaded

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 

inleiding tot chi