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


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




2
intro...



   3
Bad day…




           http://www.web42.com/badday/
   4
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.chesco.com/~cmarion/Design/UIDesign.html)

                        5
http://erikduval.wordpress.com/2008/09/10/laptop-fun/
                          6
Niet onbelangrijk…




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


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



                                                                        9
10
11
12
voorbeelden uit jouw leven...

• lokaal in Kortrijk
• netwerkprinter
• autogids: ‘back is session expired’
• honda jazz: volume luider-wordt warmer
• memory stick omgekeerd
• kleine toetsen op GSM
                         13
Voorbeelden van 2008...

• 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
chi...



  15
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." [ACM]   16
task
organisational &
social




                   CHI


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




                                              18
Human Factors




      19
Human factors




      20
Maar ook
  • BMW iDrive
  • 1952
   •  11 indicators, 16 controls

  • 1994

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

   •  “supermouse”: 700 functions
      21
• 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


                        22
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
                   23
You are not the user!

(if you are the developer)

            24
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
                                      25
If the user does something
“wrong”, it is the fault of the
       system designer!


              26
“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
voorbeelden van
 producten op
 adoptie-curve?

      ...

       29
30
http://www.post-gazette.com/pg/09032/946191-85.stm




31
Long nose of innovation




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




                                         32
history...



    33
Command Line Interface




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




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




             36        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!
                             37   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/



                                    38   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


                              39   PenO 1, les 2, 3 oktober 2007
http://www.youtube.com/watch?v=X4kp9Ciy1nE
40
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
                                                                        41                               PenO 1, les 2, 3 oktober 2007
42   http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/
XEROX PARC Star - 1981




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




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



                                  44                                    PenO 1, les 2, 3 oktober 2007
Macintosh, 1984




       45   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




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




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


                                 48                                    PenO 1, les 2, 3 oktober 2007
49
51
http://www.ted.com/index.php/talks/anand_agarawala_demos_his_bumptop_desktop.html   52
http://blogs.msdn.com/tom/archive/2009/03/03/future-vision-ux-ideas.aspx



                                  53
http://www.lce.hut.fi/research/css/bci/



54
http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1




                      55
background...



      56
http://www.designinginteractions.com/
    57
• 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.
                            58
Questions?
http://ariadne.cs.kuleuven.ac.be/wordpress/eduval/
         http://www.cs.kuleuven.be/~erikd




            Thanks!
                        59

Weitere ähnliche Inhalte

Andere mochten auch

How do you know if your research is succesful? And why should it matter? For ...
How do you know if your research is succesful? And why should it matter? For ...How do you know if your research is succesful? And why should it matter? For ...
How do you know if your research is succesful? And why should it matter? For ...
Erik Duval
 
Facebook in de cursus
Facebook in de cursusFacebook in de cursus
Facebook in de cursus
Erik Duval
 
Over de cursus
Over de cursusOver de cursus
Over de cursus
Erik Duval
 
PenO1: les 2 - sessie 4
PenO1: les 2 - sessie 4PenO1: les 2 - sessie 4
PenO1: les 2 - sessie 4
Erik Duval
 
PenO1: les 3 - sessie 5
PenO1: les 3 - sessie 5PenO1: les 3 - sessie 5
PenO1: les 3 - sessie 5
Erik Duval
 

Andere mochten auch (16)

How do you know if your research is succesful? And why should it matter? For ...
How do you know if your research is succesful? And why should it matter? For ...How do you know if your research is succesful? And why should it matter? For ...
How do you know if your research is succesful? And why should it matter? For ...
 
Facebook in de cursus
Facebook in de cursusFacebook in de cursus
Facebook in de cursus
 
Open Global Learning Infrastructure: introduction
Open Global Learning Infrastructure: introductionOpen Global Learning Infrastructure: introduction
Open Global Learning Infrastructure: introduction
 
Over de cursus
Over de cursusOver de cursus
Over de cursus
 
OLR technology
OLR technologyOLR technology
OLR technology
 
PenO1: les 2 - sessie 4
PenO1: les 2 - sessie 4PenO1: les 2 - sessie 4
PenO1: les 2 - sessie 4
 
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
 
From scarcity to abundance, and a helping hand from the snowflake effect
From scarcity to abundance, and a helping hand from the snowflake effectFrom scarcity to abundance, and a helping hand from the snowflake effect
From scarcity to abundance, and a helping hand from the snowflake effect
 
From scarcity to abundance and a helping hand from the snowflake effect
From scarcity to abundance and a helping hand from the snowflake effectFrom scarcity to abundance and a helping hand from the snowflake effect
From scarcity to abundance and a helping hand from the snowflake effect
 
Science2.0
Science2.0Science2.0
Science2.0
 
20071206 Seminarie Cw
20071206 Seminarie Cw20071206 Seminarie Cw
20071206 Seminarie Cw
 
PenO1: les 3 - sessie 5
PenO1: les 3 - sessie 5PenO1: les 3 - sessie 5
PenO1: les 3 - sessie 5
 
History of CHI
History of CHIHistory of CHI
History of CHI
 
CHI: sessie 5
CHI: sessie 5CHI: sessie 5
CHI: sessie 5
 
Feedback
FeedbackFeedback
Feedback
 
Science 2.0 Approach to Research
Science 2.0 Approach to ResearchScience 2.0 Approach to Research
Science 2.0 Approach to Research
 

Ähnlich wie An introduction to CHI

20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
Erik 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
 
[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
 

Ähnlich wie An introduction to CHI (20)

inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chi
 
CHI overzicht
CHI overzichtCHI overzicht
CHI overzicht
 
History of CHI
History of CHIHistory of CHI
History of CHI
 
Chi overview
Chi overviewChi overview
Chi overview
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
 
PenO1: les 2
PenO1: les 2PenO1: les 2
PenO1: les 2
 
History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)
 
PenO1: tools
PenO1: toolsPenO1: tools
PenO1: tools
 
An introduction to HCI
An introduction to HCIAn introduction to HCI
An introduction to HCI
 
From Scarcity to Abundance of learning resources: Ariadne and the Snowflake E...
From Scarcity to Abundance of learning resources: Ariadne and the Snowflake E...From Scarcity to Abundance of learning resources: Ariadne and the Snowflake E...
From Scarcity to Abundance of learning resources: Ariadne and the Snowflake E...
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
 
Inleiding tot chi
Inleiding tot chiInleiding tot chi
Inleiding tot chi
 
[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivity
 
Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction Design
 
User experience
User experience User experience
User experience
 
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
 
Sharing and downloading objects the future of open design and personal fabr...
Sharing and downloading objects   the future of open design and personal fabr...Sharing and downloading objects   the future of open design and personal fabr...
Sharing and downloading objects the future of open design and personal fabr...
 
Human Computer Interaction + User Experience
Human Computer Interaction + User ExperienceHuman Computer Interaction + User Experience
Human Computer Interaction + User Experience
 
Globe a vision for the 21st century
Globe a vision for the 21st centuryGlobe a vision for the 21st century
Globe a vision for the 21st century
 

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

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

Kürzlich hochgeladen

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Kürzlich hochgeladen (20)

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - 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
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 

An introduction to CHI