1 / 21

Interaction

Interaction. College MCI-2 Jacobijn Sandberg 18 januari 2001. Hoofdstuk 3: The Interaction. Interactie Mens-Computer (DFAB H3) Modellen Ergonomie Vormen en stijlen van dialoog Context Video: Alan Kay Opdracht. Interactie: Communicatie tussen gebruiker en systeem.

fancy
Download Presentation

Interaction

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Interaction College MCI-2 Jacobijn Sandberg 18 januari 2001 College 2

  2. Hoofdstuk 3: The Interaction • Interactie Mens-Computer (DFAB H3) • Modellen • Ergonomie • Vormen en stijlen van dialoog • Context • Video: Alan Kay • Opdracht College 2

  3. Interactie: Communicatie tussen gebruiker en systeem • Interface is de intermediair tussen de gebruiker en het systeem • Systeem en gebruiker kennen en gebruiken verschillende de talen • De interface vertaalt onderliggende systeemcode in voor de gebruiker begrijpelijke termen en vice versa College 2

  4. Mensen zijn doelgericht • Domein: gebied van deskundigheid • Taak: Operatie waarmee domein-concepten kunnen worden gemanipuleerd (denk aan Newell en Simon’s problem space) • Doel: uitkomst van het uitvoeren van een taak • Intentie: welke acties zijn nodig tot het bereiken van het doel? College 2

  5. De uitvoering-evaluatie cyclus (Norman) • Doel vaststellen • De intentie vormen • De volgorde van acties vaststellen • De eerste actie uitvoeren • De systeem-toestand waarnemen • De systeem-toestand interpreteren • De systeemtoestand evalueren (doelen en intenties) College 2

  6. Gulfs of execution and of evaluation • Wanneer de gebruiker eenvoudig intenties kan formuleren in termen van acties die het systeem toelaat is de ‘gulf of execution’ klein • Wanneer de systeem-toestand zich makkelijk laat interpreteren in termen van het gestelde doel is de ‘gulf of evaluation’ klein College 2

  7. Uitbreiding van Norman’s model (Abowd en Beale) I O S U I College 2

  8. Abowd en Beale • Vier componenten: Systeem; gebruiker; input en output • Vier talen: Core; Taak; Input en Output • Input en Output vormen samen de interface College 2

  9. Vier stappen in de cyclus van de interactie I O presentatie observatie S U gedrag I articulatie College 2

  10. Ergonomie (human factors) • Kijkt naar de situatie waarin de gebruiker zich bevindt • Houdt rekening met fysieke en psychologische factoren • Bestudeert de fysieke aspecten van en rond de interface (knoppen, muis, stoel) College 2

  11. “Controls” en “Displays” • Snelheid • Helderheid • Groeperen van “controls” • Functioneel • Sequentieel • Frequentie College 2

  12. Fysieke versus Glas-Interface • Fysiek: knoppen, wijzers e.d. • Glas: scherm met informatie en besturings elementen • Indirect manipulation: besturing van een fysiek apparaat via het scherm • Direct manipulation • gebruiker manipuleert objecten op het scherm (bv. slepen met de muis) College 2

  13. Interactiestijlen • Command line Interface • Menus • Natural language • Question/answer • Form-fills en spreadsheets College 2

  14. Elementen van de WIMP IF • Windows (tile en cascade) • Icons (betekenis/interpretatie) • Menus (lengte) • Pointers (focus) College 2

  15. College 2

  16. College 2

  17. Menus • Menu-bar • Pull-down menu (Mac versus windows) • Fall-down menu • Pop-up menu (Voor speicale context-gevoelige informatie: help in Word) College 2

  18. Aanwijzen en klikken Interface • Eenvoudige vorm van de WIMP IF • Veel gebruikt in Web pagina’s (analoog aan hypertext) • Eenvoudig te gebruiken • Maar: hoe weet de gebruiker waar je op kan klikken? (welke elementen in de interface zijn actief en welke passief?) • Vergelijk web home-page icons College 2

  19. Gemengde stijlen • Meerdere stijlen gecombineerd in een applicatie • Probleem: mode • gebruiker denkt in een stijl te zitten, systeem denkt er anders over • voorbeeld: Vi-tekstverwerker • i = insert-mode • esc = command mode • w = cusrsor naar volgende word • J = opvolgende regels samenvoegen College 2

  20. Scherm ontwerp • Layout en gebruik van kleur • Presentatie van informatie • Invoeren van informatie • Bruikbaarheid en inzichtelijkheid • Belang van conventies • Interactiviteit: wat kan de gebruiker doen? College 2

  21. Opdracht 1 • Vind twee reisplanners op het web • Vergelijk deze qua “gulf of execution” en “gulf of evaluation” • Ontwerp je eigen ideale resiplanner (met plaatjes) • Beargumenteer hoe je de “gulf of execution” en de “gulf of evaluation” hebt verkleind • Inleveren: uiterlijk over twee weken! College 2

More Related