20130221 ucd leuven_leuven
TRANSCRIPT
![Page 1: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/1.jpg)
inleiding tot HCI
erik duvaldept. ComputerWetenschappen
KU Leuvenhttp://erikduval.wordpress.com
1
![Page 2: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/2.jpg)
http://www.slideshare.net/erik.duval
![Page 3: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/3.jpg)
my team:Human-Computer Interaction
technology enhanced learningmusicresearchhealth3
![Page 4: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/4.jpg)
Vragen? Graag!
eender wanneer...
eender van waar...
met micro...
![Page 5: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/5.jpg)
intro...
![Page 7: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/7.jpg)
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/)
![Page 8: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/8.jpg)
![Page 9: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/9.jpg)
![Page 10: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/10.jpg)
Niet zo eenvoudig...
![Page 11: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/11.jpg)
http://erikduval.wordpress.com/2008/09/10/laptop-fun/
![Page 12: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/12.jpg)
Niet onbelangrijk…
•http://www.boston.com/campaign2000/vote/florida_voters.htm
http://www.ntk.net/nielsen2004/
![Page 13: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/13.jpg)
voorbeelden uit jouw leven...
• ...
![Page 14: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/14.jpg)
hci/chi...
![Page 15: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/15.jpg)
“a discipline concerned with the design evaluation and implementationof interactive computing systems for human use and with the study of major phenomena surrounding them."
ACM
![Page 16: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/16.jpg)
![Page 17: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/17.jpg)
technology
task
user
organisational & social
CHI
![Page 18: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/18.jpg)
![Page 19: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/19.jpg)
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
![Page 21: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/21.jpg)
• ACM SIGCHI
• meer dan 6000 leden
• jaarlijkse conferentie
• tijdschriften• ACM interactions
• ACM Transactions Computer-Human Interaction
• International Journal of Human-Computer Studies
• HCI bibliography
![Page 22: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/22.jpg)
![Page 23: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/23.jpg)
vuistregels
![Page 24: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/24.jpg)
hoe weet je dat een UI “goed” is?
![Page 25: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/25.jpg)
The economist – oct. 2004
http://www.economist.com/displaystory.cfm?story_id=3307363
To be truly successful, a complex technology needs to “disappear”
The real test is always the mom test
![Page 26: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/26.jpg)
You are not the user!
(if you are the developer)
![Page 27: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/27.jpg)
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
![Page 28: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/28.jpg)
If the user does something “wrong”, it is the fault of the
system designer!
![Page 29: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/29.jpg)
“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
![Page 30: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/30.jpg)
adoptie
![Page 31: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/31.jpg)
feat
ures
reliability, convenience
“no fuss or bother”
http://www.cs.berkeley.edu/~jfc/cs160/SP03/
Chrossing the chasm
![Page 32: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/32.jpg)
voorbeelden van producten opadoptie-curve?
...
![Page 33: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/33.jpg)
Long nose of innovation
http://www.businessweek.com/innovate/content/jan2008/id2008012_297369.htm
![Page 34: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/34.jpg)
history
![Page 35: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/35.jpg)
GUI dateert van..?
![Page 36: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/36.jpg)
Command Line Interface
![Page 37: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/37.jpg)
Nog vb?
![Page 38: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/38.jpg)
Grafische gebruikersinterface
![Page 39: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/39.jpg)
WIMP• Windows
IconsMenus, andPointing devices
• Eigenschappen
• intuitief
• consistent
• vergeven
• beschermen
• Maar niet noodzakelijk
![Page 40: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/40.jpg)
D. Engelbart, Augment
• Stanford Research Institute
• “Uitvinder” van muis, windows, groupware, ...
• team naar Xerox PARC
• nu: bootstrap institute
• http://www.bootstrap.org/
![Page 41: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/41.jpg)
http://www.youtube.com/watch?v=X4kp9Ciy1nE
![Page 42: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/42.jpg)
http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/
![Page 43: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/43.jpg)
Belangrijkste wet uit computerwetenschappen?
43
![Page 44: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/44.jpg)
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
![Page 45: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/45.jpg)
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
![Page 46: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/46.jpg)
XEROX PARC Star - 1981
![Page 47: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/47.jpg)
http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface
Apple Macintosh - 1984
![Page 48: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/48.jpg)
http://www.youtube.com/watch?v=G0FtgZNOD44
![Page 49: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/49.jpg)
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
![Page 50: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/50.jpg)
Windows 1.0 - 1985
![Page 51: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/51.jpg)
http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface
Windows 3.1 - 1993
![Page 52: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/52.jpg)
future
![Page 53: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/53.jpg)
![Page 54: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/54.jpg)
http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html
![Page 55: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/55.jpg)
http://blogs.msdn.com/tom/archive/2009/03/03/future-vision-ux-ideas.aspx
![Page 56: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/56.jpg)
http://www.youtube.com/watch?v=CGwvZWyLiBU
![Page 57: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/57.jpg)
57
http://www.youtube.com/watch?v=9c6W4CCU9M4
![Page 58: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/58.jpg)
58
![Page 59: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/59.jpg)
![Page 60: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/60.jpg)
http://www.lce.hut.fi/research/css/bci/
![Page 61: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/61.jpg)
http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1
![Page 62: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/62.jpg)
62http://dagkrant.kuleuven.be/files/pdf/ck21-nr06.pdf
![Page 64: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/64.jpg)
64
"The future has arrived; it's just not evenly distributed.”
--William Gibson
![Page 65: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/65.jpg)
background...
![Page 66: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/66.jpg)
http://www.designinginteractions.com/
![Page 67: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/67.jpg)
• 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.
![Page 68: 20130221 ucd leuven_leuven](https://reader033.vdocuments.us/reader033/viewer/2022052316/5594ec3b1a28ab965d8b45de/html5/thumbnails/68.jpg)
Thanks!
Questions?http://erikduval.wordpress.com/
@ErikDuval