human-computer interaction curs 3 - cs.ubbcluj.roarthur/hci/lecture notes/curs.03.pdf · tipuri de...
Post on 03-Sep-2019
4 Views
Preview:
TRANSCRIPT
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Human-Computer InteractionCurs 3
Arthur Molnar
Universitatea Babes-Bolyai
arthur@cs.ubbcluj.ro
March 19, 2015
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Overview
1 Recapitulare
2 InteractiuneaIntroducereEmotiile in interactiuneModelarea interactiuniiTipuri de interfete
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Recapitulare
Evolutia conceptului de HCI
Elemente fundamentale
Model Human Processor
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Recapitulare
Omul
Canale de I/OMemoriaProcesarea
Calculatorul
Canale de I/OMemoriaProcesarea
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Interactiunea
Interactiunea
Introducere
Emotiile in interactiune
Modelarea interactiunii
Tipuri de interfete
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
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
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Interactiunea
Interactiunea
Introducere
Emotiile in interactiune
Modelarea interactiunii
Tipuri de interfete
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
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Emotiile in interactiune
Jacques Carelman
http://impossibleobjects.com
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
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
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
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
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?
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
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/
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?
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)
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
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/
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
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
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
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
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Emotiile in interactiune
Sursa:http://www.androidscience.com/theuncannyvalley/proceedings2005/uncannyvalley.html
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
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
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
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
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)
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
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?
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Interactiunea
Interactiunea
Introducere
Emotiile in interactiune
Modelarea interactiunii
Tipuri de interfete
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
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Modelul lui Norman
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
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
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
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Interaction Framework
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)
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
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
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
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Interactiunea
Interactiunea
Introducere
Emotiile in interactiune
Modelarea interactiunii
Tipuri de interfete
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
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)
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
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Interfete la linia de comanda
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
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
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Meniurile
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Meniurile
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
ASCII Art
ASCII Art
http://www.artascii.com/
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
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
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
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
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...
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)
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
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
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Studiu de caz 1
MS-DOS Executive - Windows 1.0
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Studiu de caz 1
File Manager - Windows 3.1
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Studiu de caz 1
Windows Explorer - Windows XP
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Studiu de caz 1
Windows Explorer - Windows 7
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Studiu de caz 1
Windows Explorer - Windows 8
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
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Studiu de caz 1
Cele mai utilizate comenzi (Windows 7)
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Studiu de caz 1
Cum sunt accesate comenzile (Windows 7)
Cursul 03
Arthur Molnar
Recapitulare
Interactiunea
Introducere
Emotiile ininteractiune
Modelareainteractiunii
Tipuri deinterfete
Studiu de caz 1
Optimizari in Windows 8
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
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
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
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
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
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
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
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/
top related