SlideShare uma empresa Scribd logo
1 de 68
Baixar para ler offline
inleiding tot HCI


             erik duval
 dept. ComputerWetenschappen
            KU Leuven
 http://erikduval.wordpress.com
               1
http://www.slideshare.net/erik.duval
my team:
Human-Computer Interaction

technology enhanced learning
music
research
health
3
Vragen? Graag!

eender wanneer...
eender van waar...

   met micro...
intro...
Bad day…




           http://www.web42.com/badday/
There is a conflict of interest in the world of
software development because the people
who build it are also the people who design it.
If carpenters designed houses, they would
certainly be easier or more interesting to
build, but not necessarily better to live in. The
architect, besides being trained in the art of
what works and what doesn't, is an advocate
for the client, for the user.

                      Alan Cooper. About Face, 1995
                             (http://www.cooper.com/)
Niet zo eenvoudig...
http://erikduval.wordpress.com/2008/09/10/laptop-fun/
Niet onbelangrijk…




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

                                   http://www.ntk.net/nielsen2004/
voorbeelden uit jouw leven...



• ...
hci/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://chi2013.acm.org/
• ACM SIGCHI
  • meer dan 6000 leden
  • jaarlijkse conferentie
• tijdschriften
 • ACM interactions
 • ACM Transactions Computer-Human Interaction
 • International Journal of Human-Computer Studies
• HCI bibliography
vuistregels
hoe weet je dat een UI “goed” is?
The economist – oct. 2004
To be truly successful, a
 complex technology
 needs to “disappear”

                     The real test is always
                        the mom test
                   http://www.economist.com/displaystory.cfm?story_id=3307363
You are not the user!

(if you are the developer)
Four Myths
Only experts create good designs
Ä experts faster, simple and effective techniques anyone can apply

We can fix the user interface at the end
Ä good design is more than just user interface
Ä having right features, building those features right

Good design takes too long / costs too much
 Ä simple and effective techniques can reduce total development time & cost
(finds problems early on)

Good design is just cool graphics
Ä graphics part of bigger picture of what to communicate & how
If the user does something
“wrong”, it is the fault of the
       system designer!
“logical analysis is not a good way to
predict people's behavior (nor are focus
groups or surveys): observation is the
key”

“I caution that the time frame for
adoption of new technologies is measured
in decades, not the months everyone
would prefer”
                             Donald A. Norman
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?

      ...
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/
Belangrijkste wet uit computerwetenschappen?




                    43
Moore’s law
•   ‘the number of transistors that can be placed
    inexpensively on an integrated circuit has doubled
    approximately every two years’ (1965)

•   ook

    •   processing speed

    •   memory capacity

    •   sensors

    •   network capacity
        ...                44
what does “exponential” mean?

if you fold a sheet of paper 50 times,
     then how thick is the result?

  about the distance to the sun...

                 45
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://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html
http://blogs.msdn.com/tom/archive/2009/03/03/future-vision-ux-ideas.aspx
http://www.youtube.com/watch?v=CGwvZWyLiBU
http://www.youtube.com/watch?v=9c6W4CCU9M4
                    57
58
http://www.lce.hut.fi/
  research/css/bci/
http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1
http://dagkrant.kuleuven.be/files/pdf/ck21-nr06.pdf
62
63   http://emotiv.com/
"The future has
 arrived; it's just
 not evenly
 distributed.”
           --William Gibson
               64
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/
            @ErikDuval




    Thanks!

Mais conteúdo relacionado

Destaque

Mobile application development
Mobile application developmentMobile application development
Mobile application developmentErik Duval
 
Multimedia les 8
Multimedia les 8Multimedia les 8
Multimedia les 8Erik Duval
 
Multimedia: eindverslag enz.
Multimedia: eindverslag enz.Multimedia: eindverslag enz.
Multimedia: eindverslag enz.Erik Duval
 
Relationeel Model
Relationeel ModelRelationeel Model
Relationeel ModelErik Duval
 
Nota politieverkeerstaak.pdf
Nota politieverkeerstaak.pdfNota politieverkeerstaak.pdf
Nota politieverkeerstaak.pdfFrank Smilda
 
Ivm 2009 landelijke rapportage
Ivm 2009 landelijke rapportageIvm 2009 landelijke rapportage
Ivm 2009 landelijke rapportageFrank Smilda
 

Destaque (6)

Mobile application development
Mobile application developmentMobile application development
Mobile application development
 
Multimedia les 8
Multimedia les 8Multimedia les 8
Multimedia les 8
 
Multimedia: eindverslag enz.
Multimedia: eindverslag enz.Multimedia: eindverslag enz.
Multimedia: eindverslag enz.
 
Relationeel Model
Relationeel ModelRelationeel Model
Relationeel Model
 
Nota politieverkeerstaak.pdf
Nota politieverkeerstaak.pdfNota politieverkeerstaak.pdf
Nota politieverkeerstaak.pdf
 
Ivm 2009 landelijke rapportage
Ivm 2009 landelijke rapportageIvm 2009 landelijke rapportage
Ivm 2009 landelijke rapportage
 

Semelhante a 20130221 ucd leuven_leuven

inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chiErik Duval
 
An introduction to CHI
An introduction to CHIAn introduction to CHI
An introduction to CHIErik Duval
 
Introduction - fundamentals of CHI
Introduction - fundamentals of CHI Introduction - fundamentals of CHI
Introduction - fundamentals of CHI Joris Klerkx
 
Workshop Designing Useful apps
Workshop Designing Useful apps Workshop Designing Useful apps
Workshop Designing Useful apps Joris Klerkx
 
An introduction to HCI
An introduction to HCIAn introduction to HCI
An introduction to HCIErik Duval
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivityjylee_kgit
 
[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivityjylee6977
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design WorkshopPatrick McNeil
 
Rettig.Interaction Design History.V1.5
Rettig.Interaction Design History.V1.5Rettig.Interaction Design History.V1.5
Rettig.Interaction Design History.V1.5pemi hua
 
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 2014Adrian Howard
 
When the Developer Must Design
When the Developer Must DesignWhen the Developer Must Design
When the Developer Must DesignAndrew Malek
 
Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction DesignChristina Wodtke
 
Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013Cyber-Duck
 
Experience-Interface-Interaction.pdf
Experience-Interface-Interaction.pdfExperience-Interface-Interaction.pdf
Experience-Interface-Interaction.pdfHasseyWijetunge
 
Introduction to building wireframes
Introduction to building wireframesIntroduction to building wireframes
Introduction to building wireframesHong Qu
 
Introduction to CHI
Introduction to CHIIntroduction to CHI
Introduction to CHIErik Duval
 

Semelhante a 20130221 ucd leuven_leuven (20)

inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chi
 
An introduction to CHI
An introduction to CHIAn introduction to CHI
An introduction to CHI
 
CHI overzicht
CHI overzichtCHI overzicht
CHI overzicht
 
Chi overview
Chi overviewChi overview
Chi overview
 
Introduction - fundamentals of CHI
Introduction - fundamentals of CHI Introduction - fundamentals of CHI
Introduction - fundamentals of CHI
 
Workshop Designing Useful apps
Workshop Designing Useful apps Workshop Designing Useful apps
Workshop Designing Useful apps
 
An introduction to HCI
An introduction to HCIAn introduction to HCI
An introduction to HCI
 
[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
 
PenO1: les 2
PenO1: les 2PenO1: les 2
PenO1: les 2
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
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
 
PenO1: tools
PenO1: toolsPenO1: tools
PenO1: tools
 
When the Developer Must Design
When the Developer Must DesignWhen the Developer Must Design
When the Developer Must Design
 
Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction Design
 
Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013
 
Experience-Interface-Interaction.pdf
Experience-Interface-Interaction.pdfExperience-Interface-Interaction.pdf
Experience-Interface-Interaction.pdf
 
Introduction to building wireframes
Introduction to building wireframesIntroduction to building wireframes
Introduction to building wireframes
 
Introduction to CHI
Introduction to CHIIntroduction to CHI
Introduction to CHI
 

Mais de Erik Duval

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapersErik Duval
 
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 2015Erik Duval
 
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 2015Erik Duval
 
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 2015Erik Duval
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisationErik Duval
 
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 2015Erik Duval
 
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?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
 

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

20130221 ucd leuven_leuven