SlideShare ist ein Scribd-Unternehmen logo
1 von 53
Downloaden Sie, um offline zu lesen
inleiding tot chi


           erik duval
          K.U.Leuven
http://www.cs.kuleuven.be/~erikd
               1
2
http://www.slideshare.net/erik.duval
                 3
intro...



   4
Bad day…




           http://www.web42.com/badday/
Niet onbelangrijk…




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


                                                             http://www.ntk.net/nielsen2004/
http://www.demorgen.be/dm/nl/991/Multimedia/article/detail/142168/2008/01/22/Bezoekcijfers-voor-VRT-nieuwssite-deredactie-be-gaan-dieperik-in.dhtml
Voorbeelden uit jouw leven?

• bancomat van andere bank: lukt toch :-) !
• tanken, darm pomp te kort
• mappy, te ver gereden want instructies
  incorrectie

• eco-modus: radio afgesloten
• tanken (total): touchscreen + knopjes
• dampkap: RTFM

• kappeldreef: AVnet logo op wegwijzer
chi...



  13
Human-computer interaction

 “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.quot; [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
Human Factors
Human factors
Maar ook
  • BMW iDrive
  • 1952
   •  11 indicators, 16 controls

  • 1994

   • 35 indicators, 66 controls
  • 2002
   •  17 indicators, 29 controls

   •  “supermouse”: 700 functions
• ACM SIGCHI
  • meer dan 6000 leden, jaarlijkse conferentie
  • meer dan 2500 deelnemers
• tijdschriften
  • ACM interactions, bulletin, transactions
  • International Journal of Human-Computer
    Studies
• HCI bibliography
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
People unpredictable
http://www.cs.berkeley.edu/~jfc/cs160/SP03/
features                        Chrossing the chasm




                                               reliability,
                                               convenience
                                               “no fuss or bother”
Long nose of innovation




      http://www.businessweek.com/innovate/content/jan2008/id2008012_297369.htm
history...



    29
Command Line Interface




          30        PenO 1, les 2, 3 oktober 2007
Nog vb?




   31     PenO 1, les 2, 3 oktober 2007
Grafische gebruikersinterface




             32        PenO 1, les 2, 3 oktober 2007
WIMP
•   Windows
    Icons
    Menus, and
    Pointing devices

•   Eigenschappen

    •   intuitief

    •   consistent

    •   vergeven

    •   beschermen

•   Maar niet noodzakelijk
    best voor expert!
                             33   PenO 1, les 2, 3 oktober 2007
D. Engelbart, Augment

•   Stanford Research Institute

•   “Uitvinder” van muis, windows,
    groupware, ...

•   team naar Xerox PARC

•   nu: bootstrap institute
    •   http://www.bootstrap.org/



                                    34   PenO 1, les 2, 3 oktober 2007
D. Engelbart, Augment
•   demo at 1968 Fall
    Joint Computer
    Conference
    •   video, microwave
        transmission, ...

    •   http://
        sloan.stanford.edu/
        mousesite/
        1968Demo.html

    •   http://
        www.youtube.com
        /watch?
        v=X4kp9Ciy1nE


                              35   PenO 1, les 2, 3 oktober 2007
Fast forward to …
                         now :) !

                                                                   Text
                                                                    Text




http://hyperscope.org/

                                  http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890
                         http://video.google.com/videoplay?docid=-3914718330476864051&q=doug+engelbart
                                                                        36                               PenO 1, les 2, 3 oktober 2007
XEROX PARC Star - 1981




          37        PenO 1, les 2, 3 oktober 2007
Apple Macintosh - 1984




 http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface



                                  38                                    PenO 1, les 2, 3 oktober 2007
Windows 1.0 - 1985




        39           PenO 1, les 2, 3 oktober 2007
Windows 3.1 - 1993




http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface


                                 40                                    PenO 1, les 2, 3 oktober 2007
abundance:
snowflake effect...


        41
food abundance in music
travel
content
                          ?
media
...
snowflake in music...




     nice bootstrapping, too!
              43
evaluation...



      44
Criteria voor evaluatie
•hoe vaak proberen om doel te bereiken
•hoe vaak mensen terugkomen
•hoe lang het duurt
•het vloekgehalte
•resultaat zelf
•of er evaluatie moet gebeuren
•dikte van gebruikers-manual
•vermoeidheid
•aantal calls op helpdesk
criteria

• Usability
• Usefulness
• Meaning
• (esthetic) Qualities

• Sociability
Criteria
• Leertijd
• Tijd om taak uit te voeren
• Aantal en soort fouten
• Tijd dat gebruikers zich herinneren hoe taken te
  volbrengen
• Subjectief gevoel van voldoening bij gebruikers

 Vaak compromis nodig, explicitering belangrijk!
Factoren die invloed uitoefenen




•...?
Factoren
•fysisch
  •Antropometrie
  •aanpasbaar indien gebruikers te verschillend
       •vb. helderheid
•cognitief
  • kennis, inteligentie (?), geheugen, concentratie
  • vermoeidheid, verveling, stress, angst, leeftijd, ...
• persoonlijkheid
  • Myers-Briggs Type Indicator (skepsis alert!)
     • Extrovert vs. introvert, denken vs. intuitie, ...
• cultureel
  • leesrichting, taal, etiquette, i18n
background...



      50
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://ariadne.cs.kuleuven.ac.be/wordpress/eduval/
         http://www.cs.kuleuven.be/~erikd




            Thanks!
                        53

Weitere ähnliche Inhalte

Ähnlich wie Introduction to CHI

20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuvenErik Duval
 
Inleiding tot chi
Inleiding tot chiInleiding tot chi
Inleiding tot chiErik Duval
 
History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)Erik Duval
 
inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chiErik Duval
 
Inleiding tot CHI
Inleiding tot CHIInleiding tot CHI
Inleiding tot CHIErik Duval
 
Kill Your Darlings: Solving Design by Throwing Away Your Prototypes
Kill Your Darlings: Solving Design by Throwing Away Your PrototypesKill Your Darlings: Solving Design by Throwing Away Your Prototypes
Kill Your Darlings: Solving Design by Throwing Away Your Prototypesjsokohl
 
Experience-Interface-Interaction.pdf
Experience-Interface-Interaction.pdfExperience-Interface-Interaction.pdf
Experience-Interface-Interaction.pdfHasseyWijetunge
 
Interaction Design for fast-paced Startups
Interaction Design for fast-paced StartupsInteraction Design for fast-paced Startups
Interaction Design for fast-paced StartupsGreg Hochmuth
 
Web 2.0 E Oltre
Web 2.0 E OltreWeb 2.0 E Oltre
Web 2.0 E Oltreronchet
 
Arti e Culture Digitali Lezione 1, Luca Simeone
Arti e Culture Digitali Lezione 1, Luca SimeoneArti e Culture Digitali Lezione 1, Luca Simeone
Arti e Culture Digitali Lezione 1, Luca Simeonemeetingsalongtheedge
 
History of Human-Computer Interaction
History of Human-Computer InteractionHistory of Human-Computer Interaction
History of Human-Computer InteractionErik Duval
 
NASA Etoys In Space Usability Evaluation
NASA Etoys In Space Usability EvaluationNASA Etoys In Space Usability Evaluation
NASA Etoys In Space Usability EvaluationMike Lee
 
Usability Testing
Usability TestingUsability Testing
Usability TestingAndy Budd
 
Usability Engineering
Usability EngineeringUsability Engineering
Usability EngineeringEasypeasy
 
#1NLab15: Classically Trained … in 30 Minutes
#1NLab15: Classically Trained … in 30 Minutes#1NLab15: Classically Trained … in 30 Minutes
#1NLab15: Classically Trained … in 30 MinutesOne North
 

Ähnlich wie Introduction to CHI (20)

20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
 
Inleiding tot chi
Inleiding tot chiInleiding tot chi
Inleiding tot chi
 
History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)
 
inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chi
 
WK08-afslutning.key
WK08-afslutning.keyWK08-afslutning.key
WK08-afslutning.key
 
WK08-uge48-afslutning
WK08-uge48-afslutningWK08-uge48-afslutning
WK08-uge48-afslutning
 
PenO1: les 2
PenO1: les 2PenO1: les 2
PenO1: les 2
 
Inleiding tot CHI
Inleiding tot CHIInleiding tot CHI
Inleiding tot CHI
 
Kill Your Darlings: Solving Design by Throwing Away Your Prototypes
Kill Your Darlings: Solving Design by Throwing Away Your PrototypesKill Your Darlings: Solving Design by Throwing Away Your Prototypes
Kill Your Darlings: Solving Design by Throwing Away Your Prototypes
 
Experience-Interface-Interaction.pdf
Experience-Interface-Interaction.pdfExperience-Interface-Interaction.pdf
Experience-Interface-Interaction.pdf
 
Interaction Design for fast-paced Startups
Interaction Design for fast-paced StartupsInteraction Design for fast-paced Startups
Interaction Design for fast-paced Startups
 
Chi overview
Chi overviewChi overview
Chi overview
 
Web 2.0 E Oltre
Web 2.0 E OltreWeb 2.0 E Oltre
Web 2.0 E Oltre
 
Arti e Culture Digitali Lezione 1, Luca Simeone
Arti e Culture Digitali Lezione 1, Luca SimeoneArti e Culture Digitali Lezione 1, Luca Simeone
Arti e Culture Digitali Lezione 1, Luca Simeone
 
History of Human-Computer Interaction
History of Human-Computer InteractionHistory of Human-Computer Interaction
History of Human-Computer Interaction
 
NASA Etoys In Space Usability Evaluation
NASA Etoys In Space Usability EvaluationNASA Etoys In Space Usability Evaluation
NASA Etoys In Space Usability Evaluation
 
Usability Testing
Usability TestingUsability Testing
Usability Testing
 
Usability Engineering
Usability EngineeringUsability Engineering
Usability Engineering
 
PenO1: tools
PenO1: toolsPenO1: tools
PenO1: tools
 
#1NLab15: Classically Trained … in 30 Minutes
#1NLab15: Classically Trained … in 30 Minutes#1NLab15: Classically Trained … in 30 Minutes
#1NLab15: Classically Trained … in 30 Minutes
 

Mehr von Erik Duval

Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesErik Duval
 
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 2015Erik Duval
 
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 visualisationErik Duval
 
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 2015Erik Duval
 
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 2015Erik Duval
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer InteractionErik Duval
 
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 2015Erik Duval
 
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 2015Erik 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 2015Erik Duval
 
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 2015Erik Duval
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarterErik Duval
 
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 2015Erik Duval
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erikErik Duval
 
Inleiding Human Computer Interaction
Inleiding Human Computer InteractionInleiding Human Computer Interaction
Inleiding Human Computer InteractionErik Duval
 
PenO1: Presenteren
PenO1: PresenterenPenO1: Presenteren
PenO1: PresenterenErik Duval
 
Fundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignmentFundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignmentErik Duval
 
20140324 chi sessie5
20140324 chi sessie520140324 chi sessie5
20140324 chi sessie5Erik Duval
 
Information Visualisation for Big Data
Information Visualisation for Big DataInformation Visualisation for Big Data
Information Visualisation for Big DataErik Duval
 
Wat na de bachelor?
Wat na de bachelor?Wat na de bachelor?
Wat na de bachelor?Erik Duval
 

Mehr von Erik Duval (20)

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
 
Inleiding Human Computer Interaction
Inleiding Human Computer InteractionInleiding Human Computer Interaction
Inleiding Human Computer Interaction
 
PenO1: Presenteren
PenO1: PresenterenPenO1: Presenteren
PenO1: Presenteren
 
Fundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignmentFundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignment
 
20140324 chi sessie5
20140324 chi sessie520140324 chi sessie5
20140324 chi sessie5
 
Information Visualisation for Big Data
Information Visualisation for Big DataInformation Visualisation for Big Data
Information Visualisation for Big Data
 
Wat na de bachelor?
Wat na de bachelor?Wat na de bachelor?
Wat na de bachelor?
 
Open Leren
Open LerenOpen Leren
Open Leren
 

Kürzlich hochgeladen

05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx
05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx
05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptxFinTech Belgium
 
Solution Manual for Principles of Corporate Finance 14th Edition by Richard B...
Solution Manual for Principles of Corporate Finance 14th Edition by Richard B...Solution Manual for Principles of Corporate Finance 14th Edition by Richard B...
Solution Manual for Principles of Corporate Finance 14th Edition by Richard B...ssifa0344
 
20240429 Calibre April 2024 Investor Presentation.pdf
20240429 Calibre April 2024 Investor Presentation.pdf20240429 Calibre April 2024 Investor Presentation.pdf
20240429 Calibre April 2024 Investor Presentation.pdfAdnet Communications
 
Stock Market Brief Deck (Under Pressure).pdf
Stock Market Brief Deck (Under Pressure).pdfStock Market Brief Deck (Under Pressure).pdf
Stock Market Brief Deck (Under Pressure).pdfMichael Silva
 
Booking open Available Pune Call Girls Wadgaon Sheri 6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Wadgaon Sheri  6297143586 Call Hot Ind...Booking open Available Pune Call Girls Wadgaon Sheri  6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Wadgaon Sheri 6297143586 Call Hot Ind...Call Girls in Nagpur High Profile
 
High Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts
High Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur EscortsHigh Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts
High Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur Escortsranjana rawat
 
VIP Call Girls Service Dilsukhnagar Hyderabad Call +91-8250192130
VIP Call Girls Service Dilsukhnagar Hyderabad Call +91-8250192130VIP Call Girls Service Dilsukhnagar Hyderabad Call +91-8250192130
VIP Call Girls Service Dilsukhnagar Hyderabad Call +91-8250192130Suhani Kapoor
 
Best VIP Call Girls Noida Sector 18 Call Me: 8448380779
Best VIP Call Girls Noida Sector 18 Call Me: 8448380779Best VIP Call Girls Noida Sector 18 Call Me: 8448380779
Best VIP Call Girls Noida Sector 18 Call Me: 8448380779Delhi Call girls
 
(ANIKA) Budhwar Peth Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANIKA) Budhwar Peth Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANIKA) Budhwar Peth Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANIKA) Budhwar Peth Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 
(DIYA) Bhumkar Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(DIYA) Bhumkar Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(DIYA) Bhumkar Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(DIYA) Bhumkar Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 
Pooja 9892124323 : Call Girl in Juhu Escorts Service Free Home Delivery
Pooja 9892124323 : Call Girl in Juhu Escorts Service Free Home DeliveryPooja 9892124323 : Call Girl in Juhu Escorts Service Free Home Delivery
Pooja 9892124323 : Call Girl in Juhu Escorts Service Free Home DeliveryPooja Nehwal
 
The Economic History of the U.S. Lecture 23.pdf
The Economic History of the U.S. Lecture 23.pdfThe Economic History of the U.S. Lecture 23.pdf
The Economic History of the U.S. Lecture 23.pdfGale Pooley
 
03_Emmanuel Ndiaye_Degroof Petercam.pptx
03_Emmanuel Ndiaye_Degroof Petercam.pptx03_Emmanuel Ndiaye_Degroof Petercam.pptx
03_Emmanuel Ndiaye_Degroof Petercam.pptxFinTech Belgium
 
Instant Issue Debit Cards - School Designs
Instant Issue Debit Cards - School DesignsInstant Issue Debit Cards - School Designs
Instant Issue Debit Cards - School Designsegoetzinger
 
The Economic History of the U.S. Lecture 25.pdf
The Economic History of the U.S. Lecture 25.pdfThe Economic History of the U.S. Lecture 25.pdf
The Economic History of the U.S. Lecture 25.pdfGale Pooley
 
The Economic History of the U.S. Lecture 26.pdf
The Economic History of the U.S. Lecture 26.pdfThe Economic History of the U.S. Lecture 26.pdf
The Economic History of the U.S. Lecture 26.pdfGale Pooley
 
02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptx
02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptx02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptx
02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptxFinTech Belgium
 
The Economic History of the U.S. Lecture 18.pdf
The Economic History of the U.S. Lecture 18.pdfThe Economic History of the U.S. Lecture 18.pdf
The Economic History of the U.S. Lecture 18.pdfGale Pooley
 
High Class Call Girls Nashik Maya 7001305949 Independent Escort Service Nashik
High Class Call Girls Nashik Maya 7001305949 Independent Escort Service NashikHigh Class Call Girls Nashik Maya 7001305949 Independent Escort Service Nashik
High Class Call Girls Nashik Maya 7001305949 Independent Escort Service NashikCall Girls in Nagpur High Profile
 
Dharavi Russian callg Girls, { 09892124323 } || Call Girl In Mumbai ...
Dharavi Russian callg Girls, { 09892124323 } || Call Girl In Mumbai ...Dharavi Russian callg Girls, { 09892124323 } || Call Girl In Mumbai ...
Dharavi Russian callg Girls, { 09892124323 } || Call Girl In Mumbai ...Pooja Nehwal
 

Kürzlich hochgeladen (20)

05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx
05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx
05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx
 
Solution Manual for Principles of Corporate Finance 14th Edition by Richard B...
Solution Manual for Principles of Corporate Finance 14th Edition by Richard B...Solution Manual for Principles of Corporate Finance 14th Edition by Richard B...
Solution Manual for Principles of Corporate Finance 14th Edition by Richard B...
 
20240429 Calibre April 2024 Investor Presentation.pdf
20240429 Calibre April 2024 Investor Presentation.pdf20240429 Calibre April 2024 Investor Presentation.pdf
20240429 Calibre April 2024 Investor Presentation.pdf
 
Stock Market Brief Deck (Under Pressure).pdf
Stock Market Brief Deck (Under Pressure).pdfStock Market Brief Deck (Under Pressure).pdf
Stock Market Brief Deck (Under Pressure).pdf
 
Booking open Available Pune Call Girls Wadgaon Sheri 6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Wadgaon Sheri  6297143586 Call Hot Ind...Booking open Available Pune Call Girls Wadgaon Sheri  6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Wadgaon Sheri 6297143586 Call Hot Ind...
 
High Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts
High Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur EscortsHigh Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts
High Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts
 
VIP Call Girls Service Dilsukhnagar Hyderabad Call +91-8250192130
VIP Call Girls Service Dilsukhnagar Hyderabad Call +91-8250192130VIP Call Girls Service Dilsukhnagar Hyderabad Call +91-8250192130
VIP Call Girls Service Dilsukhnagar Hyderabad Call +91-8250192130
 
Best VIP Call Girls Noida Sector 18 Call Me: 8448380779
Best VIP Call Girls Noida Sector 18 Call Me: 8448380779Best VIP Call Girls Noida Sector 18 Call Me: 8448380779
Best VIP Call Girls Noida Sector 18 Call Me: 8448380779
 
(ANIKA) Budhwar Peth Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANIKA) Budhwar Peth Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANIKA) Budhwar Peth Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANIKA) Budhwar Peth Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
(DIYA) Bhumkar Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(DIYA) Bhumkar Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(DIYA) Bhumkar Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(DIYA) Bhumkar Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
Pooja 9892124323 : Call Girl in Juhu Escorts Service Free Home Delivery
Pooja 9892124323 : Call Girl in Juhu Escorts Service Free Home DeliveryPooja 9892124323 : Call Girl in Juhu Escorts Service Free Home Delivery
Pooja 9892124323 : Call Girl in Juhu Escorts Service Free Home Delivery
 
The Economic History of the U.S. Lecture 23.pdf
The Economic History of the U.S. Lecture 23.pdfThe Economic History of the U.S. Lecture 23.pdf
The Economic History of the U.S. Lecture 23.pdf
 
03_Emmanuel Ndiaye_Degroof Petercam.pptx
03_Emmanuel Ndiaye_Degroof Petercam.pptx03_Emmanuel Ndiaye_Degroof Petercam.pptx
03_Emmanuel Ndiaye_Degroof Petercam.pptx
 
Instant Issue Debit Cards - School Designs
Instant Issue Debit Cards - School DesignsInstant Issue Debit Cards - School Designs
Instant Issue Debit Cards - School Designs
 
The Economic History of the U.S. Lecture 25.pdf
The Economic History of the U.S. Lecture 25.pdfThe Economic History of the U.S. Lecture 25.pdf
The Economic History of the U.S. Lecture 25.pdf
 
The Economic History of the U.S. Lecture 26.pdf
The Economic History of the U.S. Lecture 26.pdfThe Economic History of the U.S. Lecture 26.pdf
The Economic History of the U.S. Lecture 26.pdf
 
02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptx
02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptx02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptx
02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptx
 
The Economic History of the U.S. Lecture 18.pdf
The Economic History of the U.S. Lecture 18.pdfThe Economic History of the U.S. Lecture 18.pdf
The Economic History of the U.S. Lecture 18.pdf
 
High Class Call Girls Nashik Maya 7001305949 Independent Escort Service Nashik
High Class Call Girls Nashik Maya 7001305949 Independent Escort Service NashikHigh Class Call Girls Nashik Maya 7001305949 Independent Escort Service Nashik
High Class Call Girls Nashik Maya 7001305949 Independent Escort Service Nashik
 
Dharavi Russian callg Girls, { 09892124323 } || Call Girl In Mumbai ...
Dharavi Russian callg Girls, { 09892124323 } || Call Girl In Mumbai ...Dharavi Russian callg Girls, { 09892124323 } || Call Girl In Mumbai ...
Dharavi Russian callg Girls, { 09892124323 } || Call Girl In Mumbai ...
 

Introduction to CHI

  • 1. inleiding tot chi erik duval K.U.Leuven http://www.cs.kuleuven.be/~erikd 1
  • 2. 2
  • 5. Bad day… http://www.web42.com/badday/
  • 7.
  • 9.
  • 10.
  • 11.
  • 12. Voorbeelden uit jouw leven? • bancomat van andere bank: lukt toch :-) ! • tanken, darm pomp te kort • mappy, te ver gereden want instructies incorrectie • eco-modus: radio afgesloten • tanken (total): touchscreen + knopjes • dampkap: RTFM • kappeldreef: AVnet logo op wegwijzer
  • 14. Human-computer interaction “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.quot; [ACM]
  • 15. task organisational & social CHI technology user
  • 16. 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. Maar ook • BMW iDrive • 1952 • 11 indicators, 16 controls • 1994 • 35 indicators, 66 controls • 2002 • 17 indicators, 29 controls • “supermouse”: 700 functions
  • 20. • ACM SIGCHI • meer dan 6000 leden, jaarlijkse conferentie • meer dan 2500 deelnemers • tijdschriften • ACM interactions, bulletin, transactions • International Journal of Human-Computer Studies • HCI bibliography
  • 21. 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
  • 22. You are not the user! (if you are the developer)
  • 23. 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
  • 24. If the user does something “wrong”, it is the fault of the system designer!
  • 25. “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
  • 27. http://www.cs.berkeley.edu/~jfc/cs160/SP03/ features Chrossing the chasm reliability, convenience “no fuss or bother”
  • 28. Long nose of innovation http://www.businessweek.com/innovate/content/jan2008/id2008012_297369.htm
  • 30. Command Line Interface 30 PenO 1, les 2, 3 oktober 2007
  • 31. Nog vb? 31 PenO 1, les 2, 3 oktober 2007
  • 32. Grafische gebruikersinterface 32 PenO 1, les 2, 3 oktober 2007
  • 33. WIMP • Windows Icons Menus, and Pointing devices • Eigenschappen • intuitief • consistent • vergeven • beschermen • Maar niet noodzakelijk best voor expert! 33 PenO 1, les 2, 3 oktober 2007
  • 34. D. Engelbart, Augment • Stanford Research Institute • “Uitvinder” van muis, windows, groupware, ... • team naar Xerox PARC • nu: bootstrap institute • http://www.bootstrap.org/ 34 PenO 1, les 2, 3 oktober 2007
  • 35. D. Engelbart, Augment • demo at 1968 Fall Joint Computer Conference • video, microwave transmission, ... • http:// sloan.stanford.edu/ mousesite/ 1968Demo.html • http:// www.youtube.com /watch? v=X4kp9Ciy1nE 35 PenO 1, les 2, 3 oktober 2007
  • 36. Fast forward to … now :) ! Text Text http://hyperscope.org/ http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890 http://video.google.com/videoplay?docid=-3914718330476864051&q=doug+engelbart 36 PenO 1, les 2, 3 oktober 2007
  • 37. XEROX PARC Star - 1981 37 PenO 1, les 2, 3 oktober 2007
  • 38. Apple Macintosh - 1984 http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface 38 PenO 1, les 2, 3 oktober 2007
  • 39. Windows 1.0 - 1985 39 PenO 1, les 2, 3 oktober 2007
  • 40. Windows 3.1 - 1993 http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface 40 PenO 1, les 2, 3 oktober 2007
  • 42. food abundance in music travel content ? media ...
  • 43. snowflake in music... nice bootstrapping, too! 43
  • 45. Criteria voor evaluatie •hoe vaak proberen om doel te bereiken •hoe vaak mensen terugkomen •hoe lang het duurt •het vloekgehalte •resultaat zelf •of er evaluatie moet gebeuren •dikte van gebruikers-manual •vermoeidheid •aantal calls op helpdesk
  • 46. criteria • Usability • Usefulness • Meaning • (esthetic) Qualities • Sociability
  • 47. Criteria • Leertijd • Tijd om taak uit te voeren • Aantal en soort fouten • Tijd dat gebruikers zich herinneren hoe taken te volbrengen • Subjectief gevoel van voldoening bij gebruikers Vaak compromis nodig, explicitering belangrijk!
  • 48. Factoren die invloed uitoefenen •...?
  • 49. Factoren •fysisch •Antropometrie •aanpasbaar indien gebruikers te verschillend •vb. helderheid •cognitief • kennis, inteligentie (?), geheugen, concentratie • vermoeidheid, verveling, stress, angst, leeftijd, ... • persoonlijkheid • Myers-Briggs Type Indicator (skepsis alert!) • Extrovert vs. introvert, denken vs. intuitie, ... • cultureel • leesrichting, taal, etiquette, i18n
  • 52. • 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.
  • 53. Questions? http://ariadne.cs.kuleuven.ac.be/wordpress/eduval/ http://www.cs.kuleuven.be/~erikd Thanks! 53