• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

intro to chi

on

  • 3,317 views

 

Statistics

Views

Total Views
3,317
Views on SlideShare
3,316
Embed Views
1

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    intro to chi intro to chi Presentation Transcript

    • inleiding tot chi erik duval K.U.Leuven http://www.cs.kuleuven.be/~erikd 1
    • 2
    • Bad day… http://www.web42.com/badday/
    • Doelstelling • Begrijpen • trade-off factoren • Diversiteit gebruikers en taken • Beperkingen van methodes • Bijdragen verschillende disciplines • Kunnen • Ontwerpen, “implementeren” en evalueren
    • 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.
    • 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)
    • Niet onbelangrijk… •http://www.boston.com/campaign2000/vote/florida_voters.htm http://www.ntk.net/nielsen2004/
    • 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.
    • • wasmachines: elektrische storingen • digitaal fototoestel in D met UK handleiding • ERP-pakket: gebruikers niet betrokken, vensters openen • herontwerp maaidorser: versnellingspook en uitsparing • te laat opgemerkt • microgolfoven, te veel knoppen: grill!? • video-apparaat • broodapparaat: brood op - geld kwijt! • overladen GUI • voice logger: iconen van cassetterecorder niet herkend • knop met icoon van effect ipv status • draai- en druk-knop mappen naar menu • conferentie-systeem: geen druk-gevoel bij “virtuele knop”
    • • als je maar blijft toevoegen, is resultaat onbruikbaar • java versies die je nodig hebt • 2 keer uitgevoerd omdat je dacht dat het niet werkte (vb. print) • trein: handset met scherm met menu, menu te moeilijk voor intercom en dus walky-talky • GSM: oudere mensen, multimedia • grootte lettertype, moeilijk bij heel breed publiek • rekenmachine met muntconversie • hard disk recorder
    • • KBC self bank: niet evident dat het een touch screen is • lettertype: aangepaste houding, IT-afdeling “standaard”, blauw op geel • betaalautomaat, je kan niet terug als je te veel tijd vraagt • onbeduidende foutboodschappen (“C13”) • internetbankieren: firewall • tankstation: TOTAL -> 2 schermen • GPS: draaiknop (rechts is boven...)
    • • lichtschakelaars • kinderslot video-recorder terug afzetten
    • 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]
    • task organisational & social CHI technology user
    • Human Factors
    • Human factors
    • Disciplines •experimentele psychologie: empirische gegevens, theorie, enz. •computerwetenschappen: vraagtalen, tools, spraak, graphics, enz. •elektronica: I/O-hardware: toetsenbord, scherm, enz. •grafische ontwerpers: kleurenselectie, visuele lay-out, animaties, enz. •ergonomie •enz.
    • 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
    • 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
    • Four Myths Only experts create good designs  experts faster, simple and effective techniques anyone can apply
    • 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
    • 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)
    • 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”
    • “logical analysis is not a good way to predict people's behavior (nor are focus groups or surveys): observation is the key”
    • “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”
    • “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/ Chrossing the chasm features reliability, convenience “no fuss or bother”
    • Criteria voor evaluatie •snelheid: overweg, vertrouwd •keyboard only •gewoon, muis voor 1 handeling •eerste indruk, herkenbaarheid, leertijd •doel behalen: “gelukt” •aanpassen aan doelgroep •door het bos de bomen niet meer zien •niets te veel •aantal stappen (vensters, velden, knoppen, ...) •minder is niet altijd beter?! •je wil niet altijd dat systeem beslist voor jou
    • • intuitief, waar ik het verwacht, lay-out
    • criteria • Usability • Usefulness • Meaning • (esthetic) Qualities • Sociability
    • Criteria
    • Criteria • Leertijd
    • Criteria • Leertijd • Tijd om taak uit te voeren
    • Criteria • Leertijd • Tijd om taak uit te voeren • Aantal en soort fouten
    • Criteria • Leertijd • Tijd om taak uit te voeren • Aantal en soort fouten • Tijd dat gebruikers zich herinneren hoe taken te volbrengen
    • 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
    • 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
    • Factoren: Fysisch •Ook zonder computers
    • Factoren: Fysisch •Ook zonder computers •Antropometrie
    • Factoren: Fysisch •Ook zonder computers •Antropometrie •Afmetingen arm, hand, vinger, hefkracht, enz.
    • Factoren: Fysisch •Ook zonder computers •Antropometrie •Afmetingen arm, hand, vinger, hefkracht, enz. •Aanpasbaar indien gebruikers te verschillend
    • Factoren: Fysisch •Ook zonder computers •Antropometrie •Afmetingen arm, hand, vinger, hefkracht, enz. •Aanpasbaar indien gebruikers te verschillend •vb. helderheid
    • Factoren: Fysisch •Ook zonder computers •Antropometrie •Afmetingen arm, hand, vinger, hefkracht, enz. •Aanpasbaar indien gebruikers te verschillend •vb. helderheid •Zicht (perifeer en centraal, kleuren, enz.), tast, gehoor
    • Factoren: Fysisch •Ook zonder computers •Antropometrie •Afmetingen arm, hand, vinger, hefkracht, enz. •Aanpasbaar indien gebruikers te verschillend •vb. helderheid •Zicht (perifeer en centraal, kleuren, enz.), tast, gehoor •Ergonomie: hoogte werkblad, beenruimte, hoek van leuning, verlichting, enz.
    • Factoren: Fysisch •Ook zonder computers •Antropometrie •Afmetingen arm, hand, vinger, hefkracht, enz. •Aanpasbaar indien gebruikers te verschillend •vb. helderheid •Zicht (perifeer en centraal, kleuren, enz.), tast, gehoor •Ergonomie: hoogte werkblad, beenruimte, hoek van leuning, verlichting, enz. •Lay-out van kantoor of leslokaal voor meer of minder interactie
    • Factoren: Cognitief
    • Factoren: Cognitief •Probleemoplossend vermogen
    • Factoren: Cognitief •Probleemoplossend vermogen •Geheugen (korte en lange termijn)
    • Factoren: Cognitief •Probleemoplossend vermogen •Geheugen (korte en lange termijn) •Concentratie
    • Factoren: Cognitief •Probleemoplossend vermogen •Geheugen (korte en lange termijn) •Concentratie •Beïnvloed door vermoeidheid, verveling, stress, angst, leeftijd, ...
    • Factoren: Cognitief •Probleemoplossend vermogen •Geheugen (korte en lange termijn) •Concentratie •Beïnvloed door vermoeidheid, verveling, stress, angst, leeftijd, ... •Intelligentie is meer omstreden
    • Factoren: Cognitief •Probleemoplossend vermogen •Geheugen (korte en lange termijn) •Concentratie •Beïnvloed door vermoeidheid, verveling, stress, angst, leeftijd, ... •Intelligentie is meer omstreden •Kennis van het domein en computerervaring
    • Factoren: Persoonlijkheid
    • Factoren: Persoonlijkheid •Assertief vs. passief
    • Factoren: Persoonlijkheid •Assertief vs. passief •Angst voor/verslaving aan computers
    • Factoren: Persoonlijkheid •Assertief vs. passief •Angst voor/verslaving aan computers •Grafisch versus tekst
    • Factoren: Persoonlijkheid •Assertief vs. passief •Angst voor/verslaving aan computers •Grafisch versus tekst •Man versus vrouw ('abort')
    • Factoren: Persoonlijkheid •Assertief vs. passief •Angst voor/verslaving aan computers •Grafisch versus tekst •Man versus vrouw ('abort') •Myers-Briggs Type Indicator (skepsis alert!)
    • Factoren: Persoonlijkheid •Assertief vs. passief •Angst voor/verslaving aan computers •Grafisch versus tekst •Man versus vrouw ('abort') •Myers-Briggs Type Indicator (skepsis alert!) • Extrovert vs. introvert
    • Factoren: Persoonlijkheid •Assertief vs. passief •Angst voor/verslaving aan computers •Grafisch versus tekst •Man versus vrouw ('abort') •Myers-Briggs Type Indicator (skepsis alert!) • Extrovert vs. introvert • Denken vs. intuitie
    • Factoren: Persoonlijkheid •Assertief vs. passief •Angst voor/verslaving aan computers •Grafisch versus tekst •Man versus vrouw ('abort') •Myers-Briggs Type Indicator (skepsis alert!) • Extrovert vs. introvert • Denken vs. intuitie • Waarnemen vs. beoordelen
    • Factoren: Persoonlijkheid •Assertief vs. passief •Angst voor/verslaving aan computers •Grafisch versus tekst •Man versus vrouw ('abort') •Myers-Briggs Type Indicator (skepsis alert!) • Extrovert vs. introvert • Denken vs. intuitie • Waarnemen vs. beoordelen • Voelen vs. denken
    • Factoren: Cultureel •Klassiek Chinees: van rechts naar links, kolom per kolom ➪ scherm anders scannen •Belangrijker naarmate software universeler gebruikt wordt •Aanpasbaarheid aan taal, etiquette, enz. (ook iconen!) •Internationalisation & localisation •i18n
    • Trash can in Thailand
    • Trash can in Thailand
    • Dank!
    • Vragen? Dank!
    • Vragen? http://www.cs.kuleuven.ac.be/~erikd Dank!