Curs_02-EMOTIILE.ppt

7/17/2019 Curs_02-EMOTIILE.ppt

http://slidepdf.com/reader/full/curs02-emotiileppt 1/72

Emotiile in HCI.

Proiectarea pentru persoane cu

dizabilitati.

Calculatorul

HCI – curs 2



Proiectare ergonomica?



Putina actualitate

• Fukushima ! an"

• #hree $ile Island – %eroare umana& – 2'

martie !()(• %First the e*uipment +ails at Three Mile

Island, then the humans do&



-in cursul anterior

– /mul

• Capacitati si limitari +izice si cogniti0e

• Pentru interactiune sunt esentiale1 – Canalele de I/

– $emoria

– Procesarea in+ormatiei rezol0area de probleme, erorile,

modelele mentale" – emotiile

–Calculatorul

–Comunicarea

•Interactiunea – 3 componente1



Emotiile

• -onald 4orman 5 Emotion & Design: Attractive thingswork better

• Emotiile modi+ica parametrii de +unctionare ai sistemuluicogniti01

– Emotiile poziti0e1 creati0itate, gandire breadth5+irst

– Emotiile negati0e1 concentrare, gandire depth5+irst, minimizare a

surselor de distragere

– 6tresul reduce capacitatea oamenilor de a reactiona la situatiidi+icile, in+le7ibili in abordarea rezol0arii unor probleme



Colectie de ceainice

%Ceainic pentru masochisti& Ceainic 4anna



Colectie de ceainice

-e ce 3 tipuri de ceainice?

-in placere

Care este +olosit?

-epinde de starea de spirit



Emotiile si sistemul cogniti0

• Con+lict intre +rumos si utilizabil?

• Frumos si destept???

• Emotiile nu sunt la +el de bine intelese studiate" ca si sistemul cogniti0

• 8mbele sunt sisteme de procesare a in+ormatiei, dar cu +unctii si parametride operare di+eriti

• 6istemul a+ecti0 +ace 9udecati, atribuie 0alente poziti0e si negati0eelementelor din mediul incon9urator e7trem de rapid

• 6istemul cogniti0 interpreteaza si da semni+icatie elementelor din mediulincon9urator

• Cele doua sisteme au impact reciproc unul asupra altuia



Emotiile

• 6tudiile – emotiile ne +ac mai %destepti& – +urnizeaza

in+ormatie imediata despre lume e periculos, e +rumos,

e urat, e con+ortabil" – acestea modi+ica modul in care

percepem, gandim, reactionam

• 6tarea emotionala in+luenteaza modul in care realizam

sarcini cogniti0e



Emotiile

• Emotiile negati0e +ac lucrurile simple sa para complicate

• Emotiile poziti0e +ac lucrurile di+icile sa para simple

• E7perimente1 – /amenii care au primit un mic cadou neasteptat inainte de a

rezol0a o sarcina care necesita creati0itate, au a0ut rezultatemai bune decat cei care nu au primit nici un cadou

– Emotii poziti0enegati0e – a0anta9e si deza0anta9e1

– Creati0itate usor de distras 0s. concentrare gandire tunelara



Implicatii asupra proiectarii

• In conte7te placute oamenii sunt mai toleranti la mici nea9unsuri saudi+icultati pe care le genereaza inter+ata

• Pentru instrumentele utilizate in situatii gra0e – proiectarea trebuie sa +ieorientata pe +unctionalitate si sa minimizeze detaliile nerele0ante

• E7emplu1

Persoane care +ug din cauza unui pericol – usa inchisa care nu sedeschide la prima incercare prin impingere

an7ietatea ii determina sa impinga si mai tare

sau chiar sa incerce sa sparga usa

6ituatie normala1 incercam sa tragem usa, nu sa o impingem



Implicatii asupra proiectarii

• Proiectarea pentru situatii stresante trebuie sa ia in considerare cu

atentie ne0oile utilizatorilor si sa +aca actiunile simple si 0izibile

• Proiectarea pentru situatii neutre sau poziti0e – orice aspect placut

deri0at din prezentare sau +unctionalitate determina o crestere a

emotiilor poziti0e, si cresterea tolerantei la de+ecte minore =

disponibilitatea la identi+icarea unor solutii



Putina istorie

• >a inceput.monitoare alb5negru

• $onitoare color

– 80anta9 cogniti0? – 4

– Chiar daca ratiunea sugereaza ca nu e7ista nici un

a0anta9 al culorii, sistemul a+ecti0 sustine contrariul



E+ectele inter+etelor asupra

utilizatorilor

• 6copul principal in proiectarea interactiunii1 dez0oltarea de produse care sadetermine raspunsuri poziti0e de la utilizatori usurinta, con+ort, placereae7perientei"

• #endintele actuale1 proiectarea de sisteme care sa determine raspunsuriemotionale speci+ice care sa moti0eze utilizatorii sa in0ete, sa se 9oace, sa+ie creati0i si sociabili

• Preocupari legate de modul de proiectare a inter+etelor @eb care sa inspireincredere, con+ort legat de di0ulgarea unor in+ormatii personale

• 8ceste aspecte A aspecte a+ecti0e ale interactiunii om5calculator



8specte a+ecti0e ale interactiunii

• 8+ecti0 A ce0a ce produce un raspuns emotional – E71 oamenii +ericiti zambesc

• Comportamentul a+ecti0 – poate determina raspunsuri emotionaledin partea celorlalti

– E71 daca zambim cui0a probabil ne 0a zambi la randul sau

• 8bilitatile emotionale capacitatea de a recunoaste si e7primaemotii" sunt esentiale in comunicarea interumana

• Calculatoarele ar trebui sa aiba capacitatea de a recunoaste siexprima emotii similar oamenilor = “affective computing”

• Proiectul C/B –& Humanoid intelligence requires humanoidinteractions with the world. %



C/B DismetHumanoid intelligence requires humanoid interactions with the world.

Interesat Calm Fericit

Furios #rist 6urprins

-ezgustat

Cum sa proiectam sisteme ast+el incat oamenii sa raspunda intr5un anumit

mod?

http1@@@.ai.mit.edupro9ectshumanoid5robotics5groupcogcog.html

;oboti humanoizi la $I# proiectati

sa raspund la stimulii la care

raspund oamenii si sa reactioneze

ca si oamenii si sa arate ca oamenii

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

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



Inter+ete e7presi0e

• Pentru a crea inter+ete e7presi0e se +olosesc elemente gra+iceprecum iconite e7presi0e emoticons" pentru a indica stareasistemului, sau1

– Iconite dinamice – deschiderea reccle bin la stergerea unui +isier

– 8nimatii – o albina care zboara indicand +aptul ca sistemul lucreaza

– $esa9e 0ocale care ii indica utilizatorului ce trebuie sa +aca

– 6unete care indica actiuni sau e0enimente inchiderea unei +erestre,sosirea de emailuri, etc"

• 80anta9ul1 o+era +eed5back in+ormati0 utilizatorului care poate +i siplacut



Inter+ete e7presi0e

• 6tilul inter+etei +iguri geometrice, culori, +onturi, elemente gra+ice+olosite si modul de combinare a acestora" in+luenteaza placerea dea interactiona cu un produs

• 6tudii recente arata ca aspectul inter+etei in+luenteaza in mod direct

perceptia asupra utilizabilitatii sistemului

• Echilibru intre utilizabilitate si estetica

• Implementarea – agenti de inter+ata prietenosi

• Presupunerea ca utilizatorii no0ici se 0or simti mai bine a0and%companie& si +iind incura9ati sa incerce lucruri noi dupa ce il pri0esc,asculta si interactioneaza cu el



Inter+ete e7presi0e

• Primele incercari – $icroso+t – agentul ob – Gre0olutionar product de0eloped to increase the use+ulness, ease o+

use, and en9oment o+ computers in the home.G $icroso+t"

– Gob is an embarrassmentG tilizator"

• 8gentii prezentati ca si persona9e prietenoase

cateliepuras"

• Clipp – agent cu trasaturi umane

• Problema1 unii utilizatori nu ii plac insistenti, suparatori"



Inter+ete e7presi0e

• tilizatorii sunt +oarte in0enti0i in a5si e7prima emotiile1 – Emoticonuri

– >imba9 abre0iat

• Emoticonuri, sunete, iconite si agenti de inter+ata au +ost+olosite pentru1 – 8 identi+ica stari emotionale

– 8 determina raspunsuri emotionale de la utilizator usurinta,con+ort, +ericire"

• In unele situatii inter+etele determina raspunsuriemotionale negati0e – frustrare – mani+estari de laamuzament la ner0ozitate e7trema



Cauzele +rustrarii

• 8plicatia nu +unctioneaza corect sau crapa

• 8plicatia nu +ace ceea ce isi doreste utilizatorul

• 8plicatia nu o+era su+icienta in+ormatie ast+el incatutilizatorul sa stie ce sa +aca

• $esa9e de eroare 0agi, care condamna utilizatorul

• 6istemul cere utilizatorului sa +aca o multime de pasipentru realizarea sarcinii, iar apoi apare o eroare si totultrebuie reluat de la inceput



$esa9e de eroare 5 recomandari

• 6a nu condamne utilizatorul, ci sa se indice ce sa +acapentru a depasi situatia

• E0itarea +olosirii termenilor F8#8>, E;;/;, I48>I-,

8-, I>>EB8>

• E0itarea +olosirii codurilor si literelor mari

• 8tentionarile sonore care insotesc situatiile de eroare sapoata +i scoase, pentru a nu genera 9ena

• $esa9ele de eroare sa permita acces la help conte7tualizat



E7ercitiu

• ;e+ormulati urmatoarele mesa9e de eroare1

64#8J E;;/;

I48>I- FI>E48$E

I48>I- -8#8

-;IE E;;/;1 8/;#, ;E#; /; F8I>?



8ntropomor+ism

• /amenii atribuie calitati umane animalelor de companie,masinilor, etc

• 8ccepta atribuirea de caracteristici umane persona9elor de

desene animate, robotilor, 9ucariilor

• Publicitatea e7ploateaza la ma7imum aceste +apte

• Copiii accepta e7trem de usor prezenta unor ast+el de

%persona9e&

• 65a trecut la adoptarea persona9elor in interactiunea HCi –polemici



Inter+ete antropomor+ice

• 8rgumente pro1

– Inzestrarea cu caracteristici umane +ace interactiunea maiantrenanta si placuta

– Persona9ele moti0eaza oamenii sa realizeze sarcini sugeratein0atare, cumparare"

– $odul de adresare la persoana a II5a %6alut, J< $a bucur sa te

re0ad< Ce +aceam ultima data? 8h, e7ercitiul K 6a continuam&reduce an7ietatea

– Interactiunea cu persona9e animate e mai placuta decatinteractiunea cu un ecran negru cu cursor



Persona9ele 0irtuale

• Persona9e sintetice1

– Persona9e 3- in 9ocuri0ideo

– E7emplu1 6ilas #. -og – caun caine ade0arat caremerge, alearga, se gudura,da labuta, da din coada

– 8re obiecti0e interne pecare incearca sa lesatis+aca




• 8genti animati1

– ;ol colaborati0 in inter+ata tutori, @izard"

– E71 Herman the ug, 6te0e, 8dele, Cosmo

– 8genti pedagogi

Herman

6te0e

8dele




• 8genti emotionali1

– Proiectati cu o personalitate prede+inita si un set de

emotii manipulate de utilizatori

– tilizatorii pot schimba starea emotionala a acestorasi obser0a comportamentul




• 8genti de inter+ata inteligenti

– Incearca emularea con0ersatiei umane

– ;ecunosc si raspund la inputuri umane

– Benereaza output5uri non50erbale

– 6ugereaza noi teme de dialog

;ea –agent imobiliar alerie 5 receptioner

Bandal+ – ghide7plorare spatiala

Macob – #urnurile din Hanoi




dizabilitati• -izabilitate /$6"1

– Handicap – problema in structura sau +unctionarea organismului

– >imitari ale acti0itatii – di+icultati in realizarea unor sarcini

– ;estrictii de participare – problema aparuta in implicarea in

situatii de 0iata

• -izabilitatea A +enomen comple7 care re+lectainteractiunea dintre trasaturile indi0idului si societate




dizabilitati• #ipuri de dizabilitati1

– izuale – 0edere redusa, color blindness, orbire

– 8uditi0e – e posibil ca de+icientii de auz sa auda unele sunete

dar sa nu poata distinge cu0inte

– $obilitate si de7teritare – dureri, discon+ort sau lipsa controlului

la ni0elul mainilor ast+el incat nu pot +olosi tastatura sau mouseul

– Cogniti0e si de in0atare – disle7ie, atentie de+icitara, retard –

problemele de procesare a+ecteaza capacitatea de a

interactiona cu calculatoarele




dizabilitati• 4e0oile persoanelor cu dizabilitati de 0edere1

– -escriere in cu0inte a imaginilor pentru screen readere

– 4u 0a +olosi mouseul, ci doar tastatura

– Persoanele cu 0edere redusa 0or a0ea ne0oie de %lupe& si

contrast puternic

– Persoanele cu dizabilitati de distingere a culorilor 5 contrastputernic rosu50erde, albastru5galben"




dizabilitati• 4e0oile persoanelor cu dizabilitati de auz1

– ;eprezentare 0izuala a in+ormatiilor auditi0e mesa9e de eroare

care clipesc %blinking&", transcrieri ale mesa9elor spuse,

prezentare redundanta 0izuala a in+ormatiilor auditi0e"

• 4e0oile persoanelor cu dizabilitati motorii1

– -i+icultati in +olosirea dispoziti0elor de intrare si a dispoziti0elor de

stocare

– 6o+tul trebuie sa poata +i controlat +ara mouse sau chiar +ara

tastatura

– tilizarea recunoasterii 0orbirii, tastaturi 0irtuale, dispoziti0e de

intrare 0ariate, posibilitatea e0itarii tastarii simultane a unor taste

Ctrl=8lt=-el"




dizabilitati• 4e0oile persoanelor cu dizabilitati cogniti0e1

– /utput 0izual si auditi0 pentru a sustine memorarea

– Folosirea aceluiasi laout de la o +ereastra la altapentru a spri9ini na0igarea

– Inter+ete simple, terminologie simpli+icata si e7emple




dizabilitati• #ehnologii asisti0e – echipamente care a9uta persoanele cu

dizabilitati in utilizarea calculatoarelor

– 6creen readere – aplicatii care identid+ica si interpreteaza in+ormatia de

pe ecran si o prezinta utilizatorului +olosind outputuri de tip te7t5to5speech sau braille – necesita interactiune cu aplicatia si cu 6/ prin

intermediul unor 8PI5uri bine de+inite

– ;ecunoasterea 0ocii – utilizatorul simuleaza tastarea sau actionarea

mouseului +olosind cu0inte

– 6intetizatoarea de 0oce – primesc ca intrare ceea ce apare pe ecran si

pronunta litereleci+relesemnele de punctuatie tastate a9uta de+icientii

de 0edere in crearea de documente"




dizabilitati – $agni+icatoarele – %lupe& care actionaeza asupra unor portiuni de ecran

selectate de utilizator

– -ispoziti0ele de a+isare raille – o+era output tactil pentru in+ormatia de

pe ecran – in+ormatia de citeste linie cu linie +olosind degetele

– Imprimante raille

– Procesoare de te7t cu a+isare marita a te7tului

– #astaturi 0irtuale

– Programe de predictie a cu0intelor si 0eri+icare a corectitudinii

gramaticale



Nindo@s 8ccessibilit

• $agni+ier – mareste imaginile si te7tul greu de desci+rat

– opereaza la ni0elul intregului desktop sau +olosind o

lupa pentru anumite zone de pe ecran

• /n5screen keboard

• 4arrator – citeste te7tul de pe ecran si descrie

e0enimente mesa9e de eroare" permitand utilizarea

calculatorului +ara ecran



Interactiunea HCI

• tilizatorul – cursul anterior • Calculatorul – acum• Interactiunea – urmeaza

– Interactiunea intre oameni 5 proces de trans+er alin+ormatiei

– Interactiunea om5calculator – proces de trans+er al

in+ormatiei de la utilizator la %computer& si 0icer0ersa

– Calculatorul +oloseste de asemenea canale deintrareiesire



%Componentele& implicate in

interactiunea om5masina• /m

I. Canalele de I/

II. $emoriaIII. Procesarea

rezol0area de

probleme, in0atare,

erori<<<"E$/#II

• Calculator

– I. Canalele de I/

– II. $emoria – III. Procesarea



Canalele de I/

• -ispoziti0e de intrare – #astatura

• ONE;# – 4u este ideala pentru tastare

– -ispozitia tastelor este mostenita de la 0echile masini de scris –tastele care apar cel mai +rec0ent in combinatii in cadrulcu0intelor sunt situate la e7tremitatile tastaturii pentru a permitetastarea cu ambele maini

– -e ce nu a +ost inlocuita? – multa lume ar trebui sa se

obisnuiasca cu noile tastaturi – scadere a per+ormanteinecon0enabil

– tilizarea tastaturii indelungat poate cauza a+ectiuni aletendoanelor



#astaturi ergonomice

#astatura ergonomica pt 2

maini

#astatura ergonomica pt 2

maini cu trackball

#astaturi pt o

mana



#astatura -0orak

• Conceputa pt a permite rapiditate in tastare

• #astele sunt dispuse ast+el incat sa asigure posibilitatea +olosirii ambelor maini pentrutastare

• ): din apasarile de taste nu necesita intinderea mainii, e0itand oboseala si durerea sicrescand 0iteza

• -ispozitia tastelor minimizeaza +olosirea %degetelor slabe& Q5K"



#astaturi de tip cla0iatura

• 8re doar Q5K taste

• 6imbolurile sunt produse prin apasarea simultana a doua sau mai multe taste

• 6unt e7trem de micute

• -urata de in0atare – cate0a ore, dar rezistenta e crescuta



#astaturi

#astatura adaptata la

lungimea degetelor

#astaturi pentru persoane cu dizabilitati



#astaturi

• iitorul – tastaturi similare celor de la

tele+onul mobil ?

• #ehnologia #( #e7t on ( kes"



6crisul de mana

• 8cti0itate comuna si +amiliara – atracti0a pentruintroducerea de te7t

• #ehnologia este inca imprecisa

• -i+erentele indi0iduale intre scrisul persoanelor suntenorme

• >imitari de timp – scrierea e mai inceata 9umatate din0iteza unui utilizator e7perimentat la tastare"

• Este pre+erabil unui sistem cu taste +oarte micute



8lternati0e

• ;ecunoasterea gesturilor

– E71 tragem o linie peste un cu0ant pentru a5l sterge

• ;ecunoasterea 0orbirii

– -omeniu +oarte promitator pentru multi ani, dar inca +olosit in situatiilimitate

– >imba9ul natural ambiguu

– Fiecare persoana 0orbeste di+erittraining

– #onalitate, raceala, emotie?



-ispoziti0e de pozitionare, indicare,

desenare• Folosite indelung in instrumentele C8- Computer 8ided

-esign"

• $ouse5ul – dez0oltat in !(RQ 5 Engelbart

$ouse pt picior

Primul mouse



$ouse5uri ergonomice



Hands5+ree mouse

• Foloseste miscarile

capului

• Foloseste un mic cerculet

care re+lecta undele in+ra5

rosu care se poate monta

pe1

– Cap

– $ana

– /chelari

http1@@@.naturalpoint.com



#ouch5pad5uri

• #ablete senziti0e la atingere

• 6copul de a inlocui mouse5ul

Click

dreapta

Click

stanga6croll -rag

drop3 secunde pt

repozitionare



#rackball5urile

• 6imilar unui mouse

rasturnat"

• 8 aparut anteriormouse5ului

• Folosite in specialpentru 9ocuri



Mostickuri

• $aneta care pi0oteaza si

transmite unghiul sau in

doua sau trei dimensiuni

calculatorului

• 253 butoane cu stari care

pot +i transmise

calculatorului

• Folosite in 0iata reala la

a0ioane, elicoptere



#ouch5screen

• 8u aparut in 9urul anilor !(R:

• Foarte rapide si nu necesita nici un dispoziti0 suplimentar pentru interactiune

• intuiti0e

• Folosesc degetul sau un stilou pentru a indica sau selecta obiecte de pe ecran

• 80anta91 interactiunea este directa

• -eza0anta91 – selectia obiectelor mici e di+icila

– Indicarea pe un ecran 0ertical 5 obositoare pt brat – unghiul optim e la !K grade+ata de orizontala

• Folosite pt chioscuri turistice, tele+oane, P-8, bancomate I4B



-igitizing tablets #ablete gra+ice"

• 8u aparut in !(K)

• Permit desenarea cu mana

• Folosite pentru preluarea de semnaturi

• Compuse dintr5o supra+ata plana si un stilou – imaginea

este 0izibila pe un ecran, nu pe supra+ata pe care scriem



Ee 5 gaze

• -ispoziti0e care permit controlulsistemelor prin intermediul pri0irii

• 4ecesita +olosirea unor ochelari specialisau a unui dispoziti0 minuscul montat pecap

• n mic +ascicul laser este re+lectat deretina• nghiul de re+le7ie se schimba odata cu

miscarile ochiului si ast+el este identi+icatpunctul de pe ecran la care pri0im

• Folosit in sistemele de comunicare pentrupersoanele cu dizabilitati trimitere email,

na0igare pe Internet +olosind doarpri0irea"

• Folosite mai ales in marketing pentru aidenti+ica comportamentul 0izual alcumparatorului

$iscarile ochiului in timpul citirii

C l l t l -i iti d +i



Calculatorul 5 -ispoziti0e de a+isare

– In ma9oritate ecrane, dar e7ista aplicatii speci+ice care nu necesitae7primarea 0izuala a rezultatelor

– Ecrane C;# Cathode ;a #ube" – ecrane >C- >i*uid Crstal -ispla" – />E- organic light emitting diode"

– -ispoziti0e de a+isare dedicate1 HE;$E6• E7periment care incearca inlocuirea post5it5urilor cu o 0arianta electronica

• $esa9ele create de pe un dispoziti0 mobil sau prin intermediul unui portal@eb

• ;etea de dispoziti0e de a+isare electronice situate la usile birourilor

• /cupantul biroului poate lasa mesa9e pentru 0izitatori, la +el 0izitatorii pentru%proprietar&

• / sinteza a mesa9elor primite poate +i consultata prin email

• $esa9ele pot +i accesate de pe un site @eb, de unde se poate schimba simesa9ul lasat 0izitatorilor

-i iti d +i d di t



-ispoziti0e de a+isare dedicate 5

HE;$E6

http1@@@.comp.lancs.ac.ukS+ittondhermesabout.html

http://www.comp.lancs.ac.uk/~fittond/hermes/about.html

http://www.comp.lancs.ac.uk/~fittond/hermes/about.html



-ispoziti0e de a+isare

• Hartia digitala1

– $ateriale +le7ibile e7trem

de subtiri pe care se poate

scrie digital si isi pastreazacontinutul si dupa

deconectarea de la o sursa

de electricitate

– tilitate1• bannere mari care sa

poata +i reprogramate

• In 0iitor 5 carti

http1@@@.outube.com@atch?0Ao*T2>i#7hls

http://www.youtube.com/watch?v=oq_2LiTxhls

http://www.youtube.com/watch?v=oq_2LiTxhls



8lte tipuri de canale de iesire

• 6unetele – +olosite +oarte putin

• #actile – +olosite in aplicatiile de realitate 0irtuala

9ocuri sau medicina"

– -ispoziti0ele sunt dotate cu +orce +eedback –+urnizeaza di+erite ni0eluri de rezistenta in +unctie de

starea operatiei 0irtuale

– E71 $N J) 5 i-ri0e



II. $emoria

• 6imilar memoriei umane, a0and di+erite ni0eluri

• $emoria de scurta durata

– $emoria cu cel mai rapid acces, are capacitatea cea mai redusa

– $a9oritatea in+ormatiei acti0e se gaseste in ;8$

– iteza de acces1 !: ns

– Continutul ;8$ este 0olatil – la intreruperea alimentarii in+ormatiiledispar

– P-8 – baterie – sistemul nu e niciodata inchis, iar ;8$ este persistenta



$emoria

• $emoria de lunga durata

• -iscuri – $agnetice1 dischete, hard5discuri

– /ptice1 C-, --, >5;8 -" – 6 +lash

• Capacitate mare• iteza de acces1 )ms

• neori e ne0oie de trans+er din memoria de scurtadurata in memoria de lunga durata – incetinirea e7ecutieiprogramelor in sistemele de +erestre"



Procesarea in+ormatiei

• Proceseaza apro7imati0 !:: milioane instructiunisecunda

• iteza de procesare a+ecteaza inter+ata utilizator1 – -oua tipuri de erori1

• Cand procesarea se realizeaza prea incet sistemul +ace ceea ce trebuie, dar+eedback5ul e prea lent – e7 puttpine"

• Cand procesarea se realizeaza prea rapid 5 razboiul iconitelor – utilizatorulactioneaza o iconita, nu primeste raspuns – actioneaza o noua iconita – apoitoate click5urile sunt interpretate rapid – e7plozie de +erestre

• In practica, una din problemele de proiectare este %mitul masinii in+init

rapide& – proiectantii considera ca masina pe care 0a rula aplicatia 0a+i %su+icient de rapida&

• E recomandat a lua in considerare la proiectare si posibilele intarzieri



;esurse

• 8ccesibilitatea culorilor

– http1gmazzocato.alter0ista.orgcolor@[email protected]

• 6emni+icatia culorilor – http1@@@[email protected]

• Instrumente care 0eri+ica 0izibilitatea unor pagini@eb pentru persoanele cu de+iciente de 0edere

– [email protected]

http://gmazzocato.altervista.org/colorwheel/wheel.php

http://www.color-wheel-pro.com/color-meaning.html

http://colorfilter.wickline.org/

http://colorfilter.wickline.org/

http://www.color-wheel-pro.com/color-meaning.html

http://gmazzocato.altervista.org/colorwheel/wheel.php



#ema laborator 3

• Eseu1 Ar trebui sa spuna calculatoarele “imi pare rau” !cateva randuri "maxim # pagina$

• tilizati la alegere un program de accesibilitate si +aceti o demonstratiela laborator. Prezentati a0anta9ele si nea9unsurile programului +olosit.

• 8nalizati accesibilitatea unui site @eb de larg interes" pentrupersoanele cu de+iciente de 0edere, +olosind un instrument disponibilgratuit pe internet

• Consultati recomandarile de proiectare pentru accesibilitatehttp1trace.@isc.eduarchi0ehtmlTguidelinesauthorcl.htm si e7emplulde reproiectare pentru accesibilitate de la ;>5ulhttp1@@@[email protected]

• #ermen de predare1 laborator 3 saptamanile )5'"

http://trace.wisc.edu/archive/html_guidelines/authorcl.htm

http://www.w3.org/WAI/demos/bad/

http://www.w3.org/WAI/demos/bad/

http://trace.wisc.edu/archive/html_guidelines/authorcl.htm



-iscutie

• Proiectarea unui produs care sa o+ere

+unctionalitatea post5it5urilor



E7emplu

tilizatori cu 0edere normala tilizatori care nu disting rosu50erde



E7emplu – @@@.depozituldelen9erie.ro

Curs_02-EMOTIILE.ppt

Documents

Transcript of Curs_02-EMOTIILE.ppt