79
Cursul 03 Arthur Molnar Recapitulare Interactiunea Introducere Emotiile in interactiune Modelarea interactiunii Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai [email protected] March 19, 2015

Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Human-Computer InteractionCurs 3

Arthur Molnar

Universitatea Babes-Bolyai

[email protected]

March 19, 2015

Page 2: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Overview

1 Recapitulare

2 InteractiuneaIntroducereEmotiile in interactiuneModelarea interactiuniiTipuri de interfete

Page 3: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Recapitulare

Evolutia conceptului de HCI

Elemente fundamentale

Model Human Processor

Page 4: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Recapitulare

Omul

Canale de I/OMemoriaProcesarea

Calculatorul

Canale de I/OMemoriaProcesarea

Page 5: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interactiunea

Interactiunea

Introducere

Emotiile in interactiune

Modelarea interactiunii

Tipuri de interfete

Page 6: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Ce este interactiunea

Am studiat omul...

Am studiat calculatorul

Interactiunea = comunicarea intre cele doua componente

Page 7: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Ce este interactiunea

Studiul modului in care oamenii folosesc calculatoarelepentru a realiza, simplifica sarcini sau ca asistenti inrealizarea unor sarcini

Pentru o simplificare a intelegerii interactiunii avemmodele de interactiune

Modelele vor ajuta la intelegerea interactiunii si vor oferiun cadru de comparatie pentru diferite stiluri deinteractiune

Page 8: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interactiunea

Interactiunea

Introducere

Emotiile in interactiune

Modelarea interactiunii

Tipuri de interfete

Page 9: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Donald Norman

Emotional Design: Why We Love (or Hate) Everyday Things,Basic Books, 2005

Emotiile modifica parametrii de functionare ai sistemuluicognitiv:

Emotiile pozitive: creativitate, gandire breadth-first

Emotiile negative: concentrare, gandire depth-first,minimizare a surselor de distragere

Stresul reduce capacitatea oamenilor de a reactiona lasituatii dificile, inflexibili in abordarea rezolvarii unorprobleme

Page 10: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Jacques Carelman

http://impossibleobjects.com

Page 11: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Colectie de ceainice: utilizabilitate, atractivitate, eficienta

Sursa: http://www.jnd.org/dn.mss/emotion design at.html

Page 12: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Emotiile nu sunt la fel de bine intelese (studiate) ca sisistemul cognitiv

Ambele sunt sisteme de procesare a informatiei, dar cufunctii si parametri de operare diferiti

Sistemul afectiv face judecati, atribuie valente pozitive sinegative elementelor din mediul inconjurator extrem derapid

Sistemul cognitiv interpreteaza si da semnificatieelementelor din mediul inconjurator

Cele doua sisteme au impact reciproc unul asupra altuia

Page 13: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Starea emotionala influenteaza modul in care realizam sarcinicognitive

Exemplu

Mersul pe o placa lunga de 10m si lata de 1m

Placa este la 1m de sol... dar la 10m? dar la 200m?

Aceeasi sarcina, dar emotiile domina

Page 14: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Emotiile negative - fac lucrurile simple sa paracomplicate

Emotiile pozitive - fac lucrurile dificile sa para simple

ExperimentOamenii care au primit un mic cadou neasteptat inainte dea rezolva o sarcina care necesita creativitate, au avutrezultate mai bune decat cei care nu au primit nici uncadou

Page 15: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

In contexte placute oamenii sunt mai toleranti la micineajunsuri sau dificultati pe care le genereaza interfata

Ganditi-va la exemple... mic neajuns vs. ultima picaturadin pahar

Pentru instrumentele utilizate in situatii grave proiectareatrebuie sa fie orientata pe functionalitate si sa minimizezedetaliile nerelevante

ExempluPersoane care fug din cauza unui pericol usa inchisa carenu se deschide la prima incercare prin impingere...Impingem mai tare sau tragem?

Page 16: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Proiectarea pentru situatii stresante trebuie sa ia inconsiderare cu atentie nevoile utilizatorilor si sa facaactiunile simple si vizibile

Proiectarea pentru situatii neutre sau pozitive oriceaspect placut derivat din prezentare sau functionalitatedetermina o crestere a emotiilor pozitive, si crestereatolerantei la defecte minore + disponibilitatea laidentificarea unor solutii

Page 17: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Legea lui Fitt

Sursa:http://blog.codinghorror.com/fitts-law-and-infinite-width/

Page 18: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Ce este mai usor de atins?

1x1 pixeli?

5x5 pixeli? - dar daca sunt in colt? dar daca avemmulti-monitor?

1920x1 pixel dar la margine?

Page 19: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Legea lui Fitt

Sursa: Alan Cooper - About Face (The Essentials of UserInteraction Design)

Page 20: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Ejection seat (real life)

Sursa: http://www.edm.ltd.uk/en/ejection-seats-gseats

Page 21: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Ergonomica din perspectiva utilizatorului: F-16 vs. F-18

http://defence.pk/threads/f-16-vs-f-18-a-navy-test-pilots-perspective.169261/

Page 22: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Scopul principal in proiectarea interactiunii: dezvoltarea deproduse care sa determine raspunsuri pozitive de lautilizatori (usurinta, confort, placerea experientei)

Tendintele actuale: proiectarea de sisteme care sadetermine raspunsuri emotionale specifice care sa motivezeutilizatorii sa invete, sa se joace, sa fie creativi si sociabili

Preocupari legate de modul de proiectare a interfetelorweb care sa inspire incredere, confort legat de divulgareaunor informatii personale

Page 23: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

CUM si DE CE proiectarea sistemelor interactive determinaanumite tipuri de raspunsuri emotionale din parteautilizatorilor?

Interfete expresive = cum afecteaza utilizabilitateamodul de prezentare a interfetei

Cum sunt determinate emotiile negative care genereazafrustrare

Antropomorfism = aplicatii cu calitati umane

Caractere virtuale = scopul de a determina oamenii sainvete, cumpere, asculte ceva

Page 24: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Grupul de robotica de la MIT - robotii raspund la stimulii lacare raspund oamenii, sa reactioneze ca si oamenii si sa arateca oamenii

Sursa: http://www.ai.mit.edu/projects/humanoid-robotics-group/index.html

Page 25: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Uncanny valley - Prof. Masahiro Mori (1970)

Ipoteza ca un obiect ce arata, si se misca asemanator, dar nuexact ca un om va genera un sentiment de revulsiune

Posibile explicatii

Alegerea unei perechi sanatoase

Perspectiva mortii

Evitarea patogenilor

Conflict intre organele de simt

Sursa: http://en.wikipedia.org/wiki/Uncanny valley

Page 26: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Sursa:http://www.androidscience.com/theuncannyvalley/proceedings2005/uncannyvalley.html

Page 27: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Interfete antropomorfice - Argumente pro

Inzestrarea cu caracteristici umane face interactiunea maiantrenanta si placuta

Personajele motiveaza oamenii sa realizeze sarcini sugerate(invatare, cumparare)

Modul de adresare la persoana a II-a Salut, X! Ma bucursa te revad! Ce faceam ultima data? Ah, exercitiul 5... Sacontinuam reduce anxietatea

Interactiunea cu personaje animate e mai placuta decatinteractiunea cu un ecran negru cu cursor

Page 28: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Interfete antropomorfice - Argumente contra

Personajele sunt deceptionante

Ii pot face pe oameni sa se simta anxiosi inferiori sauprosti

Un mesaj de eroare X, ai gresit! Incearca inca o data! Potimai mult! e mai greu de acceptat decat o cutie de dialogIncorect! Mai incearca o data

Oamenii le gasesc frustrante si deranjante

Odata ce oamenii descopera ca partenerii de dialog nu auin realitate atribute umane poate urma deziluzia si lipsa deincredere

Page 29: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Utilizatorii sunt foarte inventivi in a-si exprima emotiile:

EmoticonuriLimbaj abreviat

Emoticonuri, sunete, iconite si agenti de interfata au fostfolosite pentru:

A identifica stari emotionaleA determina raspunsuri emotionale de la utilizator(usurinta, confort, fericire)

In unele situatii interfetele determina raspunsuriemotionale negative, frustrare, manifestari de laamuzament la nervozitate extrema

Page 30: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Cauzele frustrarii

Aplicatia nu functioneaza corect sau crapa

Aplicatia nu face ceea ce isi doreste utilizatorul

Aplicatia nu ofera suficienta informatie astfel incatutilizatorul sa stie ce sa faca

Mesaje de eroare vagi, care condamna utilizatorul

Sistemul cere utilizatorului sa faca o multime de pasipentru realizarea sarcinii, iar apoi apare o eroare si totultrebuie reluat de la inceput

Page 31: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Emotiile - cauzele frustrarii

Unul din cele mai frecvente motive de frustrare limbajulcriptic si tehnic al mesajelor de eroare

Exemplu - unexpected error (expected error???), thememory could not be read at 0x

Pentru a reduce frustrarea mesajele de eroare ar trebui safie orientate pe modalitati de recuperare (instructiuni clareadresate utilizatorului)

Page 32: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Mesaje de eroare - recomandari

Sa nu condamne utilizatorul, ci sa se indice ce sa facapentru a depasi situatia

Evitarea folosirii termenilor FATAL, ERROR, INVALID,BAD, ILLEGAL

Evitarea folosirii codurilor si literelor mari

Atentionarile sonore care insotesc situatiile de eroare sapoata fi scoase, pentru a nu genera jena

Mesajele de eroare sa permita acces la help contextualizat

Page 33: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Emotiile in interactiune

Exercitiu - Reformulati urmatoarele mesaje de eroare:

SYNTAX ERROR

INVALID FILENAME

INVALID DATA

DRIVE ERROR: ABORT, RETRY, FAIL?

Page 34: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interactiunea

Interactiunea

Introducere

Emotiile in interactiune

Modelarea interactiunii

Tipuri de interfete

Page 35: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Modelul lui Norman

Ciclul executie-evaluare

Componente: scopuri si actiuni utilizator

Utilizatorul formeaza un plan de actiune care este realizatimpreuna cu interfata

Cand planul e executat partial sau integral, utilizatorulobserva interfata pentru a evalua rezultatul executieiplanului si pentru a stabili actiunile viitoare

2 mari etape in realizarea unei sarcini

ExecutieEvaluare

Page 36: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Modelul lui Norman

Page 37: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Modelul lui Norman

1 Stabilirea unui scop

2 Formularea intentiei (planul)

3 Specificarea secventei de actiuni

4 Executia actiunilor

5 Perceperea starii sistemului

6 Interpretarea starii sistemului

7 Evaluarea starii sistemului in raport cu scopurile

Page 38: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Modelul lui Norman

Exemplu - Citim, se lasa seara

1 Avem nevoie de mai multa lumina

2 Intentia de a aprinde lumina

3 Actiuni necesare: mergem la intrerupator pentru a aprindelumina/sau rugam pe cineva sa aprinda lumina

4 Aprindem lumina

5 Percepem schimbarea starii (daca nu e ars becul, etc)

6 Interpretare (e destula lumina?)

7 Daca scopul e indeplinit ciclul se considera complet, altfelse creeaza noi scopuri si ciclul reincepe

Page 39: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Modelul lui Norman

Poate fi folosit pentru a explica de ce unele interfeteprovoaca probleme doua tipuri de probleme:

Prapastia in executie - utilizatorul are planul de executie,dar interfata nu ii permite sa execute actiunile necesare

Prapastia in evaluare diferenta dintre prezentarea fizicaa starii sistemului si asteptarile utilizatorului cu cat efortulutilizatorului de a interpreta interfata e mai mare, cu atate mai putin eficienta interactiunea

Modelul e simplist se raporteaza doar la interfatautilizator, fara a se raporta si la comunicarea dintreutilizator si sistem

Abowd & Beal Interaction framework

Page 40: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interaction Framework

Page 41: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interaction Framework

Consta in 4 componente

Utilizatorul (U)

Sistemul (S)

Intrarile (I)

Iesirile (O)

Fiecare foloseste un alt limbajApare necesitatea translatarii (articularii) unei cereri in maimulte limbaje (4 translatari)

Page 42: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interaction Framework

1 Utilizatorul are un scop de realizat si trebuie sa-l formulezein limbajul interfetei

2 Mesajul utilizatorului este reformulat in limbajul aplicatiei(operatii care se executa = proceduri/functii)

3 Noua stare a sistemulului trebuie comunicata utilizatorului= reformulata in termeni ai iesirilor

4 Iesirile sunt observate de catre utilizator si comparate cuscopul propus

5 Probleme pot sa apara la fiecare din aceste reformulari

Page 43: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interaction Framework

Exemplu mapare proasta U-I

Intrerupatoarele , interfoaneComportamentul uzual incercare-eroare repetateProblema: dificultatea de a articula un scop din limbajulnatural intr-o linie de intrerupatoare (limbajul interfetei)

Exemplu articulare I-S

E important ca limbajul interfetei sa permita la fel demulte operatii ca si manipularea directa a sistemului -telecomanda unor sisteme audio nu are optiunea off

Stilul de interactiune influenteaza prezenta/absentaacestor probleme

Page 44: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interaction Framework

Exemplu articulare S-O

Rezultatul executie actiunilor trebuie exprimat in limiteleinterfetei (dispozitivului de iesire)

Exemplu articulare I-S

Utilizatorul trebuie sa interpreteze stimulii (vizuali,auditivi, etc) transmisi de componenta O si sa evaluezestarea sistemului in raport cu scopulE dificil sa evaluam rezultatul unei copieri/mutari de fisierela linia de comanda sau sa dezvoltam o pagina web fara saavem un browser unde sa previzualizam rezultatul munciinoastre

Page 45: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interactiunea

Interactiunea

Introducere

Emotiile in interactiune

Modelarea interactiunii

Tipuri de interfete

Page 46: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interaction Framework

Stiluri de interactiune

Interfete la linia de comanda (text)

Meniuri

Limbaj natural

Intrebare/raspuns si interogare

Completare de forme si foi de calcul

WIMP (Windows, Icons, Menus, Pointers)

Indica si actioneaza (point and click)

Interfete tridimensionale

Page 47: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interfete la linia de comanda

Stiluri de interactiune

Primul stil de interfete interactive

Permite transmiterea de comenzi folosind tastefunctionale, caractere, abrevieri sau comenzi explicite

In anumite sisteme unica modalitate de comunicare estede acest tip (telnet ssh)

Page 48: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interfete la linia de comanda

Avantaje

Ofera acces direct la functionalitatile sistemuluiPermit combinarea comenzilor pentru a gestionainformatiileSunt flexibile prin intermediul parametrilorPot fi aplicate asupra unui numar mare de obiecte = utilein cazul sarcinilor repetitive

Dezavantaje

Dificultati in utilizare si invatare (comenzile trebuieinvatate pentru ca nu exista indicii in interfata)

Solutii

Folosirea de comenzi/abrevieri consistente si semnificativesemanticComenzile ar trebui sa foloseasca comenzi din vocabularulutilizatorului, nu al proiectantului

Page 49: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interfete la linia de comanda

Page 50: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interfete la linia de comanda

Razboiul Stelelor - ASCII

http://www.asciimation.co.nz

Page 51: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Meniurile

Stiluri de interactiune

Optiunile valabile sunt disponibile pe ecran si pot fiselectate folosind mouse-ul, taste numerice sau alfabetice

Nu solicita utilizatorul, bazandu-se pe recunoastere, nuamintire

Optiunile trebuie grupate logic pentru a putea firecunoscute

Meniurile pot fi organizate ierarhic, iar o optiune ar puteasa nu fie vizibila la primul nivel al ierarhiei, gruparea sidenumirea optiunilor sunt singurul indiciu pentru utilizator

Pot fi meniuri pur text sau pot avea o interfata grafica

Page 52: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Meniurile

Page 53: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Meniurile

Page 54: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

ASCII Art

ASCII Art

http://www.artascii.com/

Page 55: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interfete in limbaj natural

Stiluri de interactiune

Calculatorul ar trebui sa fie capabil sa raspunda la comenziscrise sau rostite in limbaj natural

Problema: ambiguitatea limbajului natural

La nivel sintacticLa nivel semantic

Oamenii rezolva astfel de probleme bazandu-se pe contextsau pe cunostintele generale despre lume = greu defurnizat calculatorului

Pot fi construite interfete care sa recunoasca submultimirestranse ale limbajului (pentru un domeniu limitat), iardezambiguarea poate fi realizata de catre calculator

Page 56: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Intrebare/raspuns, interogari

Intrebare/raspuns mecanism simplu de a furniza intrarisistemului intr-un domeniu specific

Utilizatorului ii sunt adresate o serie de intrebari la carepoate raspunde cu da/nu, optiuni multiple sau coduri

Exemplu - chestionarele web

Limbajele de interogare folosite pentru a extrageinformatii din bazele de date

Folosesc formulari similare limbajului natural, dar cu osintaxa specifica + cunostinte despre structura bazei dedate

Page 57: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Completare de forme

Completarea de forme folosite pentru introducerea dedate, dar si pentru aplicatii folosite in regasirea de date

Utilizatorului ii este pezentata o forma in care introducevalori posibilitate de modificare a valorilor introduse si denespecificare a altor valori

Page 58: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Foi de calcul

Variatiune sofisticata a completarii de forme

Cuprinde un grid de celule care contin valori sau formule

Utilizatorul are libertatea de a manipula valorile, iarmodificarile sunt prezentate instantaneu, interfata flexibilasi naturala

Page 59: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interfete WIMP

Windows

Icons

Menus

Pointers

Sisteme de operare care folosesc aceasta paradigma...

Page 60: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interfete WIMP

AvantajeManipulare directaActiunile fizice inlocuiesc folosirea comenzilor cu sintaxacomplexaActiuni reversibile rapide cu feedback imediat asupraobiectelor de interesNovicii invata repede modul de operareAnxietate scazuta, sentiment al controlului, increderesporita

DezavantajeNu toate sarcinile pot fi descrise prin obiecte si nu toateactiunile pot fi realizate directUnele persoane interpreteaza interactiunea in mod eronatNu toate sarcinile sunt potrivite pt manipularea directa(spell-checking)

Page 61: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interfete WIMP

Va propun doua studii de caz

1 Evolutia Windows Explorer

2 Evolutia algoritmului de sortare al fisierelor

Page 62: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 1

Windows Explorer

De la Windows 1.0 pana la Windows 8

Mod de utilizare, modificari, imbunatatiri

Blogul de dezvoltare Windows 8

http://blogs.msdn.com/b/b8/archive/2011/08/26/improvements-in-windows-explorer.aspx

Page 63: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 1

MS-DOS Executive - Windows 1.0

Page 64: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 1

File Manager - Windows 3.1

Page 65: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 1

Windows Explorer - Windows XP

Page 66: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 1

Windows Explorer - Windows 7

Page 67: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 1

Windows Explorer - Windows 8

Page 68: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 1

Cum este utilizat Windows Explorer?

Cele mai utilizate comenzi

Cum sunt accesate comenzile

Optimizari in Windows 8

Blogul de dezvoltare Windows 8

http://blogs.msdn.com/b/b8/archive/2011/08/26/improvements-in-windows-explorer.aspx

Page 69: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 1

Cele mai utilizate comenzi (Windows 7)

Page 70: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 1

Cum sunt accesate comenzile (Windows 7)

Page 71: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 1

Optimizari in Windows 8

Page 72: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 2

Algoritmul de sortare al fisierelor

De la Windows 95 la Windows 7

Modificari, imbunatatiri

Sursa: Microsoft Technet

https://technet.microsoft.com/en-us/magazine/hh475812.aspx

Page 73: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 2

In Windows 95 sortarea fisierelor se facea cu functialstrcmpi

Sortare localizata, case-insensitive

file139 precede file20

Logic pentru un programator, contraintuitiv pentruutilizatorul mediu

Page 74: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 2

In Windows XP cifrele din numele unui fisier sunt tratateca numere

Problema - dar numele de fisiere ce contin hexa?

1040A vine dupa 1040 si nu langa 103F2

Comportamentul putea fi modificat folosind o setare

Page 75: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 2

In Windows Vista s-a efectuat o modificare ce privestecaracterul ”.”

Punctul poate face parte din nume, sau poate marcaextensia

Ce se intampla cu 1.25 si 1.5 ?

Daca ele reprezinta numere, intr-un fel, daca reprezintaparagrafe (ex. dintr-o lege) in alt fel

Page 76: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Studiu de caz 2

Ultima modificare despre care vorbim - Windows 7

Ce se intampla cu fisierele file1.txt si file2.txt daca sesorteaza dupa tip?

Dar daca se schimba ordinea sortarii dupa tip ? - in acestcaz cele doua fisiere ramaneau in aceeasi ordine - corectdar neintuitiv

Page 77: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interfete bazate pe agenti

1 In lumea reala agentii sunt persoane care lucreaza pentrualte persoane (agent imobiliar, agent de vanzari, etc)

2 Agentii soft actioneaza in sprijinul utilizatorului

3 Exemplu - agenti pentru filtrarea emailurilor, agenti carecauta informatii pe internet

4 Agentii realizeaza sarcini repetitive, monitorizeaza siraspund la evenimente in absenta utilizatorului sau invatadin actiunile utilizatorului

Page 78: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interfete bazate pe agenti

Office Assistants

Office Assistant inteligenta intr-un domeniu bine definitare o existenta fizica

Se putea alege unul din mai multi asistenti (Clippit, Merlinthe wizard, Rover sau Links)

Implementarea genera frustrare, au fost eliminati dupaOffice 2003

Page 79: Human-Computer Interaction Curs 3 - cs.ubbcluj.roarthur/HCI/Lecture Notes/Curs.03.pdf · Tipuri de interfete Human-Computer Interaction Curs 3 Arthur Molnar Universitatea Babes-Bolyai

Cursul 03

Arthur Molnar

Recapitulare

Interactiunea

Introducere

Emotiile ininteractiune

Modelareainteractiunii

Tipuri deinterfete

Interfete 3D

Permite o experienta virtuala imersiva

Unul din noile directii tehnologice

Exista implementari cost-eficiente

Sursa: https://www.oculus.com/rift/