SlideShare une entreprise Scribd logo
1  sur  53
Télécharger pour lire hors ligne
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

Contenu connexe

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

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

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

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

Dernier

The Triple Threat | Article on Global Resession | Harsh Kumar
The Triple Threat | Article on Global Resession | Harsh KumarThe Triple Threat | Article on Global Resession | Harsh Kumar
The Triple Threat | Article on Global Resession | Harsh KumarHarsh Kumar
 
Governor Olli Rehn: Dialling back monetary restraint
Governor Olli Rehn: Dialling back monetary restraintGovernor Olli Rehn: Dialling back monetary restraint
Governor Olli Rehn: Dialling back monetary restraintSuomen Pankki
 
Vp Girls near me Delhi Call Now or WhatsApp
Vp Girls near me Delhi Call Now or WhatsAppVp Girls near me Delhi Call Now or WhatsApp
Vp Girls near me Delhi Call Now or WhatsAppmiss dipika
 
Stock Market Brief Deck for 4/24/24 .pdf
Stock Market Brief Deck for 4/24/24 .pdfStock Market Brief Deck for 4/24/24 .pdf
Stock Market Brief Deck for 4/24/24 .pdfMichael Silva
 
Current Economic situation of Pakistan .pptx
Current Economic situation of Pakistan .pptxCurrent Economic situation of Pakistan .pptx
Current Economic situation of Pakistan .pptxuzma244191
 
Managing Finances in a Small Business (yes).pdf
Managing Finances  in a Small Business (yes).pdfManaging Finances  in a Small Business (yes).pdf
Managing Finances in a Small Business (yes).pdfmar yame
 
House of Commons ; CDC schemes overview document
House of Commons ; CDC schemes overview documentHouse of Commons ; CDC schemes overview document
House of Commons ; CDC schemes overview documentHenry Tapper
 
Call Girls Near Me WhatsApp:+91-9833363713
Call Girls Near Me WhatsApp:+91-9833363713Call Girls Near Me WhatsApp:+91-9833363713
Call Girls Near Me WhatsApp:+91-9833363713Sonam Pathan
 
Authentic No 1 Amil Baba In Pakistan Authentic No 1 Amil Baba In Karachi No 1...
Authentic No 1 Amil Baba In Pakistan Authentic No 1 Amil Baba In Karachi No 1...Authentic No 1 Amil Baba In Pakistan Authentic No 1 Amil Baba In Karachi No 1...
Authentic No 1 Amil Baba In Pakistan Authentic No 1 Amil Baba In Karachi No 1...First NO1 World Amil baba in Faisalabad
 
《加拿大本地办假证-寻找办理Dalhousie毕业证和达尔豪斯大学毕业证书的中介代理》
《加拿大本地办假证-寻找办理Dalhousie毕业证和达尔豪斯大学毕业证书的中介代理》《加拿大本地办假证-寻找办理Dalhousie毕业证和达尔豪斯大学毕业证书的中介代理》
《加拿大本地办假证-寻找办理Dalhousie毕业证和达尔豪斯大学毕业证书的中介代理》rnrncn29
 
Tenets of Physiocracy History of Economic
Tenets of Physiocracy History of EconomicTenets of Physiocracy History of Economic
Tenets of Physiocracy History of Economiccinemoviesu
 
Stock Market Brief Deck FOR 4/17 video.pdf
Stock Market Brief Deck FOR 4/17 video.pdfStock Market Brief Deck FOR 4/17 video.pdf
Stock Market Brief Deck FOR 4/17 video.pdfMichael Silva
 
Call Girls Near Delhi Pride Hotel, New Delhi|9873777170
Call Girls Near Delhi Pride Hotel, New Delhi|9873777170Call Girls Near Delhi Pride Hotel, New Delhi|9873777170
Call Girls Near Delhi Pride Hotel, New Delhi|9873777170Sonam Pathan
 
原版1:1复刻温哥华岛大学毕业证Vancouver毕业证留信学历认证
原版1:1复刻温哥华岛大学毕业证Vancouver毕业证留信学历认证原版1:1复刻温哥华岛大学毕业证Vancouver毕业证留信学历认证
原版1:1复刻温哥华岛大学毕业证Vancouver毕业证留信学历认证rjrjkk
 
Classical Theory of Macroeconomics by Adam Smith
Classical Theory of Macroeconomics by Adam SmithClassical Theory of Macroeconomics by Adam Smith
Classical Theory of Macroeconomics by Adam SmithAdamYassin2
 
The Core Functions of the Bangko Sentral ng Pilipinas
The Core Functions of the Bangko Sentral ng PilipinasThe Core Functions of the Bangko Sentral ng Pilipinas
The Core Functions of the Bangko Sentral ng PilipinasCherylouCamus
 
(办理学位证)美国加州州立大学东湾分校毕业证成绩单原版一比一
(办理学位证)美国加州州立大学东湾分校毕业证成绩单原版一比一(办理学位证)美国加州州立大学东湾分校毕业证成绩单原版一比一
(办理学位证)美国加州州立大学东湾分校毕业证成绩单原版一比一S SDS
 
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一(办理学位证)加拿大萨省大学毕业证成绩单原版一比一
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一S SDS
 

Dernier (20)

The Triple Threat | Article on Global Resession | Harsh Kumar
The Triple Threat | Article on Global Resession | Harsh KumarThe Triple Threat | Article on Global Resession | Harsh Kumar
The Triple Threat | Article on Global Resession | Harsh Kumar
 
Governor Olli Rehn: Dialling back monetary restraint
Governor Olli Rehn: Dialling back monetary restraintGovernor Olli Rehn: Dialling back monetary restraint
Governor Olli Rehn: Dialling back monetary restraint
 
Vp Girls near me Delhi Call Now or WhatsApp
Vp Girls near me Delhi Call Now or WhatsAppVp Girls near me Delhi Call Now or WhatsApp
Vp Girls near me Delhi Call Now or WhatsApp
 
Stock Market Brief Deck for 4/24/24 .pdf
Stock Market Brief Deck for 4/24/24 .pdfStock Market Brief Deck for 4/24/24 .pdf
Stock Market Brief Deck for 4/24/24 .pdf
 
Current Economic situation of Pakistan .pptx
Current Economic situation of Pakistan .pptxCurrent Economic situation of Pakistan .pptx
Current Economic situation of Pakistan .pptx
 
Managing Finances in a Small Business (yes).pdf
Managing Finances  in a Small Business (yes).pdfManaging Finances  in a Small Business (yes).pdf
Managing Finances in a Small Business (yes).pdf
 
House of Commons ; CDC schemes overview document
House of Commons ; CDC schemes overview documentHouse of Commons ; CDC schemes overview document
House of Commons ; CDC schemes overview document
 
🔝+919953056974 🔝young Delhi Escort service Pusa Road
🔝+919953056974 🔝young Delhi Escort service Pusa Road🔝+919953056974 🔝young Delhi Escort service Pusa Road
🔝+919953056974 🔝young Delhi Escort service Pusa Road
 
Call Girls Near Me WhatsApp:+91-9833363713
Call Girls Near Me WhatsApp:+91-9833363713Call Girls Near Me WhatsApp:+91-9833363713
Call Girls Near Me WhatsApp:+91-9833363713
 
Authentic No 1 Amil Baba In Pakistan Authentic No 1 Amil Baba In Karachi No 1...
Authentic No 1 Amil Baba In Pakistan Authentic No 1 Amil Baba In Karachi No 1...Authentic No 1 Amil Baba In Pakistan Authentic No 1 Amil Baba In Karachi No 1...
Authentic No 1 Amil Baba In Pakistan Authentic No 1 Amil Baba In Karachi No 1...
 
《加拿大本地办假证-寻找办理Dalhousie毕业证和达尔豪斯大学毕业证书的中介代理》
《加拿大本地办假证-寻找办理Dalhousie毕业证和达尔豪斯大学毕业证书的中介代理》《加拿大本地办假证-寻找办理Dalhousie毕业证和达尔豪斯大学毕业证书的中介代理》
《加拿大本地办假证-寻找办理Dalhousie毕业证和达尔豪斯大学毕业证书的中介代理》
 
Tenets of Physiocracy History of Economic
Tenets of Physiocracy History of EconomicTenets of Physiocracy History of Economic
Tenets of Physiocracy History of Economic
 
Stock Market Brief Deck FOR 4/17 video.pdf
Stock Market Brief Deck FOR 4/17 video.pdfStock Market Brief Deck FOR 4/17 video.pdf
Stock Market Brief Deck FOR 4/17 video.pdf
 
Call Girls Near Delhi Pride Hotel, New Delhi|9873777170
Call Girls Near Delhi Pride Hotel, New Delhi|9873777170Call Girls Near Delhi Pride Hotel, New Delhi|9873777170
Call Girls Near Delhi Pride Hotel, New Delhi|9873777170
 
Q1 2024 Newsletter | Financial Synergies Wealth Advisors
Q1 2024 Newsletter | Financial Synergies Wealth AdvisorsQ1 2024 Newsletter | Financial Synergies Wealth Advisors
Q1 2024 Newsletter | Financial Synergies Wealth Advisors
 
原版1:1复刻温哥华岛大学毕业证Vancouver毕业证留信学历认证
原版1:1复刻温哥华岛大学毕业证Vancouver毕业证留信学历认证原版1:1复刻温哥华岛大学毕业证Vancouver毕业证留信学历认证
原版1:1复刻温哥华岛大学毕业证Vancouver毕业证留信学历认证
 
Classical Theory of Macroeconomics by Adam Smith
Classical Theory of Macroeconomics by Adam SmithClassical Theory of Macroeconomics by Adam Smith
Classical Theory of Macroeconomics by Adam Smith
 
The Core Functions of the Bangko Sentral ng Pilipinas
The Core Functions of the Bangko Sentral ng PilipinasThe Core Functions of the Bangko Sentral ng Pilipinas
The Core Functions of the Bangko Sentral ng Pilipinas
 
(办理学位证)美国加州州立大学东湾分校毕业证成绩单原版一比一
(办理学位证)美国加州州立大学东湾分校毕业证成绩单原版一比一(办理学位证)美国加州州立大学东湾分校毕业证成绩单原版一比一
(办理学位证)美国加州州立大学东湾分校毕业证成绩单原版一比一
 
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一(办理学位证)加拿大萨省大学毕业证成绩单原版一比一
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一
 

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