Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf ·...

Cursul 04

Arthur Molnar

Recapitulare

Proiectareainteractiunii

Fundamente

Ciclul de viata alsistemelor

Utilizatorii

Personas

Accesibilitatea

Navigarea

Human-Computer InteractionProiectarea Interactiunii

Arthur Molnar

Universitatea Babes-Bolyai

[email protected]

March 25, 2015

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Overview

1 Recapitulare

2 Proiectarea interactiuniiFundamenteCiclul de viata al sistemelorUtilizatoriiPersonasAccesibilitateaNavigarea

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Recapitulare

Evolutia conceptului de HCI

Elemente fundamentale

Model Human Processor

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Recapitulare

Omul

Canale de I/OMemoriaProcesarea

Calculatorul

Canale de I/OMemoriaProcesarea

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Recapitulare

Interactiunea

Introducere

Emotiile in interactiune

Modelarea interactiunii

Tipuri de interfete

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Fundamentele proiectarii interactiunii

Proiectarea interactiunii

Fundamente

Ciclul de viata al sistemelor

Utilizatorii

Personas

Accesibilitatea

Navigarea

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Ce este proiectarea? - Indeplinirea de scopuri respectandconstrangeri

E important sa intelegem ca introducerea unui produs nou(fizic/program) va schimba modul de realizare aactivitatilor

Proiectarea interactiunii nu are legatura doar cu produsulcreat ci si cu intelegerea si alegerea modului in care vaafecta modul de lucru al oamenilor

Exemplu - introducerea intr-un birou a unui capsatorelectric

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Scopuri

Care este scopul produsului cerut?Cui ii este dedicat?De ce il vor?

Constrangeri

Ce materiale trebuie folosite?Ce standarde trebuie sa respecte?Cat costa?Cat timp avem la dispozitie?Se pun probleme de siguranta/sanatate?

Dar, mai ales, compromisuriAlegerea scopurilor esentiale si a constrangerilor care pot firelaxate pentru indeplinirea altor constrangeri

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Regula de aur a proiectarii: UNDERSTAND YOURMATERIALS!

Oamenii: aspecte sociale, psihologice, erori

Eroare umana din cauza interfetelor prost ganditeFlight 965 american airlines

Calculatoarele: limitari, capacitati, instrumente, platforme

Aspecte pe care deja le-am studiat

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


In constructii se stie ca anumite materiale au anumiteproprietati (ex: rezistenta), iar inginerul si arhitectultrebuie sa decida alegerea acestora astfel incat constructiasa reziste = proiectarea interactiunii

In proiectarea de interfete este natural sa ne asteptam laaparitia erorilor, dar

Proiectarea trebuie facuta astfel incat sa reducemposibilitatea aparitiei erorilor, iarIn cazul aparitiei erorilor consecintele sa fie minime

De obicei, cand un aspect al interfetei este neclar, semai adauga un paragraf in manualul de utilizare

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


La constructia unei cladiri trebuie intelese aspectele undear putea sa apara probleme si efectuate consolidari

In proiectarea interfetelor trebuie inteles modul in careapar erorile umane, iar interactiunea trebuie proiectatacorespunzator

Ideea centrala in proiectarea interactiunii

Puneti utilizatorul pe primul loc, pastrati utilizatorul in centrulprocesului de proiectare si amintiti-va de utilizator la sfarsitulprocesului!

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Abordare gresita: s-a proiectat si implementat sistemul sidaca se constata ca e neutilizabil, se apeleaza la experti inutilizabilitate

Utilizabilitatea nu trebuie confundata cu testarea, averifica faptul ca ceva nu merge si a corecta greselile nu ela fel de recomandat cu a proiecta bine de la inceput

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Cerintele

Ce se doreste ...

Primul pas - esential - se stabileste cu exactitate ce sedoreste

Pentru aceasta este nevoie sa stim ce se intamplaactualmente (cum realizeaza oamenii sarcinile in modcurent? Ce instrumente folosesc?)

Tehnici: interviuri, inregistrari video, studiul documentelorsi obiectelor cu care lucreaza, observarea directa

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Studiu de caz

Google reCAPTCHA

https://www.google.com/recaptcha

Puneti mouse-ul pe I’m not a robot si click!

Ce poate fi mai simplu?

Dar pe interfete cu ecran tactil?

Dar pentru persoane cu dizabilitati?

Digitizarea cartilor, anotarea hartilor...

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Tehnici de culegere a cerintelor

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea



Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea



Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Analiza

Rezultatele obtinute in faza de cerinte trebuie ordonate,organizate astfel incat sa rezulte problemele cheie caretrebuie abordate

Tehnici: scenarii, analiza sarcinilor

Aceste tehnici pot fi folosite pentru a descrie situatiacurenta a sarcinilor, cat si situatia viitoare, dupaintroducerea sistemului proiectat

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Analiza

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Proiectarea

Face trecerea de la CE la CUM

Se folosesc reguli, recomandari, principii, sabloane

E nevoie de inregistrarea deciziilor de proiectare (notatii,metode)

Notatii pentru proiectarea navigarii

Atentie speciala dispozitiei spatiale a elementelor peecran

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Wireframes

Diagrame care evidentiaza layout-ul si functionalitateaunei aplicatii

Sunt create folosind forme abstracte, de obicei in alb sinegru

Instrumente - Balsamiq, MockFlow,HotGloo

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Wireframes

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Iteratii si prototipizare

De obicei solutia potrivita nu se obtine din prima incercare

E nevoie de evaluarea unei proiectari pentru a vedea cumfunctioneaza si unde pot fi aduse imbunatatiri, deci tehnicide evaluare

Unele forme de evaluare se pot realiza pe prototipuri dehartie, dar e greu de obtinut feed-back-ul de la utilizatorfara a-l lasa sa interactioneze in mod real

Preferabila dezvoltarea unui prototip

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea


Implementarea si livrarea

Cand proiectarea e finalizata se poate trece laimplementarea acesteiaActivitati: scriere de cod, scriere de documentatii simanuale, dezvoltare de hardware

Cum se pot parcurge toate aceste etape?

Compromisuri - Uneori se accepta o proiectare dreptfinala chiar daca nu e perfecta (e mai bine sa avem unprodus acceptabil, dar livrat la timp si in limita bugetului)decat unul care are interactiunea perfecta dar nu seincadreaza in timp si buget

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea



Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Utilizatorii

Cand se incepe proiectarea unui produs cel mai important estesa stim CINE il va folosi

Regula

Cunoaste-ti Utilizatorii

Chiar daca e un singur utilizator, e posibil ca alte persoanesa fie afectate de utilizarea produsului

De-a lungul timpului mai multe persoane vor fi afectatedirect sau indirect de utilizarea sistemului = stakeholders

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Utilizatorii

Cum sa ne cunoastem utilizatorii...

Tineri/varstnici

Novici/experimentati in utilizarea calculatoarelor

Probleme apar cand se proiecteaza un produs de largconsum (procesor de texte) unde avem multi utilizatoridiferiti, cu diverse scopuri, sau pagini web

In astfel de situatii incercam sa identificam categoriispecifice de utilizatori

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Utilizatorii

Cum sa ne cunoastem utilizatorii

Regula

Probabil NU sunt similari noua!

E mult mai usor sa concepi un produs considerand cautilizatorul principal esti tu (se cunosc interesele,abilitatile)

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Utilizatorii

Vorbeste cu utilizatorii!

Este foarte greu sa aflam cum gandeste cineva - cea mai laindemana metoda este discutia

Interviuri despre munca lor, viata lor

Discutii libere

Implicarea utilizatorilor in procesul de proiectare -proiectare participativa - asigura o proiectare mai buna darsi acceptarea si utilizarea produsului

E importanta discutia cu utilizatorii vizati de introducereasistemului, deoarece reprezentatii organizatiei vor descriemodul in care trebuie sa se realizeze o sarcina, darutilizatorii vor spune cum se realizeaza in realitate

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Utilizatorii

Priveste utilizatorii!

Ceea ce spun utilizatorii nu este intotdeauna suficient,deoarece este foarte greu sa descriem in cuvinte tot ceeace facem

E foarte important sa privim ceea ce fac utilizatorii, ceeace spun (notite, inregistrare), obiectele pe care lemanipuleaza si cele pe care le creeaza (rezultatele munciilor)

Observatia trebuie urmata de discutii pentru a lamurilucruri pe care au omis sa le spuna, dar pe care leefectueaza

Observatia ne arata CE fac, iar discutiile ne vor lamuri DECE fac anumite lucruri

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Utilizatorii

Folositi-va imaginatia!

Chiar daca se doreste implicarea unui numar mare deutilizatori in procesul de proiectare, uneori acest fapt esteimposibil (cost, acces)

Solutia? - incercarea de a ne imagina experienta lor -periculos!

Folosirea personajelor/caracterelor - imagine detaliata aunei persoane imaginare care reprezinta grupul tinta deutilizatori

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Utilizatorii

Folositi-va imaginatia!

O echipa de proiectare va avea mai multe personajeacoperind diferitele tipuri de utilizatori - construite pebaza utilizatorilor tinta si diferitele roluri identificate prinstudiul/observatia lor

La propunerea unei solutii de proiectare echipa se vaintreba: Cum va reactiona X in aceasta situatie?

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea



Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Cooper, 1999

A precise description of our user and what he wishes toaccomplish

Calde, Goodwin & Reimann (2002)

User models, or personas, are fictional, detailed archetypicalcharacters that represent distinct groupings of behaviours,goals and motivations observed and identified during theresearch phase

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Concepte precum ”user”, ”user-friendly” sunt prea vagipentru comunicarea in cadrul echipei de dezvoltare

Persona devine un instrument de comunicare intredezvoltatori, clienti si alti stakeholderi

Ne informeaza despre

Modul in care se comporta utilizatoriiCum gandescCe scopuri au de indeplinitDe ce urmaresc anumite scopuri

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Personas nu sunt persoane reale, dar sunt construite pebaza unor comportamente si scopuri reale

Contin descrieri care includ sabloane de comportament,scopuri, aptitudini, reactii, mediu si cateva detalii fictivecare sa faca personajul credibil

In proiectarea interactiunii e nevoie sa consideram pelanga scopuri de indeplinit si oamenii implicati

You cannot have purposes without people [] That is whythe two key elements of our design process are goals andpersonas; purposes and people. (Cooper)

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Rhonda Wilson, Nurse Unit Coordinator

Rhonda is a 36-year-old registered nurse who has worked atseveral skilled nursing facilities. She started out in acute carebut moved to long-term care so she could have moreautonomy. Rhonda was promoted to Unit Coordinator fouryears ago because she is very competent and generally wellorganized. Rhonda is entirely overwhelmed and is drowning inpaper, even more so than the average nurse. She often misseseating dinner with her boyfriend because she has to work late,filling out forms and reports

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Rhonda’s goals are to

Spend time on patient care and staff supervision, notpaperwork.

Be proactive. Rhonda needs to understand trends in orderto solve problems before they happen, instead of justreacting to crises.

Know that things are being done right. Rhonda supervisesthe unit because she’s good at what she does. If nursesaren’t following procedure or documenting things, shewants to know right away.

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Descrierea unei persona trebuie sa cuprinda

Scopuri

Atitudini

Abilitati

Mediul

Cateva detalii personale fictive care sa aduca personajul laviata

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Pentru a crea un produs care sa satisfaca o paleta larga deutilizatori - un produs cu cat mai multe functionalitati -gresit

Abordarea corecta - proiectarea pentru tipologii deutilizatori cu nevoi specifice

Prin adaugarea continua de functionalitati unui produs sedetermina cresterea incarcarii cognitive si complicareanavigarii (eng. feature creep)

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Se aleg utilizatorii ale caror nevoi reprezinta cel mai binenevoile unei largi mase de utilizatori

Acesti utilizatori sunt ierarhizati astfel incat nevoile celormai importanti utilizatori sa fie satisfacute, fara a neimpiedica sa satisfacem nevoile utilizatorilor secundari

Personas - modalitate de a comunica despre diferite tipuride utilizatori si nevoile lor si de a decide care suntreprezentativi pentru targetul aplicatiei

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Proiectarea unei masini pe placul tuturor

O masina cu foarte multe functionalitati care nu placenimanui - softul

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Avantajele utilizarii personas

Descriu ceea ce trebuie sa faca un produs si cum trebuiesa se comporte

Faciliteaza comunicarea cu stakeholderii oferind un limbajcomun si pastreaza utilizatorii in centrul procesului deproiectare

Determina consens si implicare in proiectare pe baza uneiintelegeri comune a sarcinilor care trebuie indeplinite

Masoara eficienta solutiei proiectate - se poate facetestarea pe baza personas-urilor (complementeaza testareacu utilizatori reali)

Contribuie la alte aspecte colaterale ale produsului:marketing, planuri de vanzare, etc.

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Alte probleme rezolvate de folosirea personas-uri

Utilizatorul elastic - fiecare membru al echipei de proiectareisi imagineaza ca utilizatorul este asa cum se asteapta el

Cazurile limita - situatii care e posibil sa apara, dar aparextrem de rar pentru personas-urile tinta (acestea trebuieluate in considerare, dar nu trebuie centrata proiectarea peele)

Se va pune intrebarea: Va dori X sa realizeze aceastaoperatie foarte des?/Va dori X sa realizeze aceastaoperatie vreodata?

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Personas

Personas-urile sunt construite in urma observatiei/interviurilorrealizate in situatia reala

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Avantajele utilizarii personas

Actioneaza ca arhetipuri

Desi sunt descrise individual, ele reprezinta grupuri deutilizatori

Personas descriu sabloane de interactiune cu un produsinteractiv

Nu se pot reutiliza pentru alte produse, deoarece suntconstruite specific unui context

Personas nu sunt stereotipuri (presupuneri aleproiectantului despre posibilii utilizatori)

Daca nu sunt tratate cu rigurozitate, personas-urile potdeveni stereotipuri

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Scopul unui persona nu este de a descrie un utilizator”mediu”, ci de a descrie comportament semnificativpentru fiecare din grupurile de utilizatori identificate

E esential a intelege motivatia pentru care personas-urileau un anumit comportament astfel vor fi intelese scopurileutilizatorilor

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Descriu scopurile utilizatorilor si unele dintre interactiuni,fara referiri la interfata grafica, care se va construi

Scopul este de a intelege sarcinile principale pe caretrebuie sa le realizeze utilizatorul si motivele pentru care serealizeaza aceste sarcini, pentru a sti ce trebuie sa facasistemul si ce nu trebuie sa faca

Se furnizeaza suficienta informatie pentru ca orice membrual echipei de proiectare sa inteleaga ce vrea sa faca unutilizator reprezentativ si cum se va desfasura realizareasarcinii

Este indicat sa se includa si fotografii astfel incatutilizatorul sa para mai real si detaliile sa fie mai usorretinute

Este recomandat sa nu aveti mai mult de 3 personaje

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Scenariile de interactiune... - povestioare detaliate destinateproiectarii

Urmaresc satisfacerea scopurilor personas-urilor

Scenariul - descrierea concisa a modului in care personafoloseste sistemul pentru a indeplini un scop

Una din cele mai simple reprezentari folosite in proiectare,dar foarte flexibile si eficiente

Sunt mult mai detaliate decat ar fi necesar, dar detaliile auscopul de a le face credibile

Pot fi insotite de schite, capturi de ecran, etc - storyboards

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Scenariile pot fi folosite pentru

A comunica cu ceilalti (proiectanti/clienti/utilizatori) -exemplele concrete sunt mai usor de impartasitPentru a valida modele - pot fi transpuse in modele denavigare sau modele ale sarcinilor (validate automat)Exprima dinamismul - scenariile sunt liniare si descriu osingura cale in interactiune cu avantaje si dezavantaje

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Scenariile sunt o resursa care poate fi refolosita pe parcursulprocesului de proiectare pentru

A ne ajuta sa vedem ce se doreste

A sugera modul in care utilizatorii se comporta cuproiectarea propusa

A verifica faptul ca proiectarea propusa poate functiona

A genera cazuri de testare in final

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Personas

Exemplu - Schimbarea functiei unui angajat

1 A B, specialist in resurse umane, primeste o cerere prinemail de schimbare a postului lui X Y din tester inprogramator.

2 Actiunea: A B deschide HRWeb si apasa pe butonulCautare Angajat. A B foloseste task-bar-ul pentru a seintoarce la email pentru a copia identificatorul lui X Y. Eafoloseste mouse-ul pentru a marca id-ul, il copiaza si seintoarce in HRWeb, copiaza id-ul in campul ID Angajat siactioneaza butonul Cautare. Apoi apasa pe butonulInformatii angajat, dar este intrerupta apoi de un telefon:

A B: A B de la Resurse Umane

Interlocutor: Am gasit o greseala in fluturasul de salariu...

A B: Spuneti-mi care e problema...

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Proiectarea interactiunii pentru persoane cu dizabilitati

Dizabilitate (OMS) = Handicap, problema in structurasau functionarea organismului

Limitari ale activitatii, dificultati in realizarea unor sarcini

Restrictii de participare, problema aparuta in implicarea insituatii de viata

Dizabilitatea, un fenomen complex care reflectainteractiunea dintre trasaturile individului si societate

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Tipuri de dizabilitati

Vizuale - vedere redusa, color blindness, orbire

Auditive - e posibil ca deficientii de auz sa auda unelesunete dar sa nu poata distinge cuvinte

Mobilitate si dexteritare - dureri, disconfort sau lipsacontrolului la nivelul mainilor astfel incat nu pot folositastatura sau mouseul

Cognitive si de invatare - dislexie, atentie deficitara,retard - problemele de procesare afecteaza capacitatea dea interactiona cu calculatoarele

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Context european

Abordarea de catre UE a problemelor dizabilitatii sebazeaza pe ”modelul social al dizabilitatii”, care la randulsau se bazeaza pe drepturile tuturor persoanelor de aparticipa la viata sociala in mod egal si deplin

Pe 12 Iunie 2006, ministrii din 34 de state membre ausemnat Declaratia de la Riga, care stipuleaza ca toatesiturile web publice sa fie accesibile pana in 2010

Initiativele europeane in domeniul accesibilitatiipromoveaza o societate informationala pentru crestere silocuri de munca. In acest sens, participarea persoanelor cudeficiente si integrarea acestora in economie este oprioritate

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Recomandari

Recomandrile de accesibilitate WCAG2 sunt grupate dupapatru principii de utilizabilitate:

Perceptibilitate - informatia si componentele interfeteiutilizator trebuie sa fie prezentate utilizatorilor intr-oforma perceptibila (cu cel putin unul din simturi) si catmai usor de perceput.

Operabilitate - componentele interfetei utilizator sinavigarea trebuie sa fie cat mai usor de operat.

Comprehensibilitate - informatia si modul de operare ainterfetei utilizator pot sa fie intelese de catre utilizator.

Robustete - continutul trebuie sa fie suficient de robustastfel incat sa fie interpretat cu un grad de incredereacceptabil de o varietate de agenti utilizator, inclusiv decatre tehnologiile asistive.

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Nevoile persoanelor cu dizabilitati de vedere

Descriere in cuvinte a imaginilor pentru screen readere

Nu va folosi mouseul, ci doar tastatura

Persoanele cu vedere redusa vor avea nevoie de lupe sicontrast puternic

Persoanele cu dizabilitati de distingere a culorilor -contrast puternic (rosu-verde, albastru-galben)

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Nevoile persoanelor cu dizabilitati de auz

Reprezentare vizuala a informatiilor auditive (mesaje deeroare care clipesc (blinking), transcrieri ale mesajelorspuse, prezentare redundanta vizuala a informatiilorauditive)

Nevoile persoanelor cu dizabilitati motorii

Dificultati in folosirea dispozitivelor de intrare si adispozitivelor de stocare

Softul trebuie sa poata fi controlat fara mouse sau chiarfara tastatura

Utilizarea recunoasterii vorbirii, tastaturi virtuale,dispozitive de intrare variate, posibilitatea evitarii tastariisimultane a unor taste (Ctrl+Alt+Del)

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Nevoile persoanelor cu dizabilitati cognitive

Output vizual si auditiv pentru a sustine memorarea

Folosirea aceluiasi layout de la o fereastra la alta pentru asprijini navigarea

Interfete simple, terminologie simplificata si exemple

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Tehnologii asistive - echipamente care ajuta persoanele cudizabilitati in utilizarea calculatoarelor

Screen readere - aplicatii care identidfica si interpreteazainformatia de pe ecran si o prezinta utilizatorului folosindoutputuri de tip text-to-speech sau braille - necesitainteractiune cu aplicatia si cu SO prin intermediul unorAPI-uri bine definite

Recunoasterea vocii - utilizatorul simuleaza tastarea sauactionarea mouseului folosind cuvinte

Sintetizatoare de voce - primesc ca intrare ceea ce aparepe ecran si pronunta literele/cifrele/semnele de punctuatietastate (ajuta deficientii de vedere in crearea dedocumente)

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Tehnologii asistive - echipamente care ajuta persoanele cudizabilitati in utilizarea calculatoarelor

Magnificatoarele - ”lupe” care actioneaza asupra unorportiuni de ecran selectate de utilizator

Dispozitivele de afisare Braille - ofera output tactil pentruinformatia de pe ecran informatia de citeste linie cu liniefolosind degetele

Imprimante Braille

Procesoare de text cu afisare marita a textului

Tastaturi virtuale

Programe de predictie a cuvintelor si verificare acorectitudinii gramaticale

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Studiu de caz

Windows 7

Windows 8

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Studiu de caz - Windows 7

Accesibilitatea in Windows 7

http://blogs.msdn.com/b/e7/archive/2008/11/30/accessibility-in-windows-7.aspx

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea


UIAutomation = un framework la care software-ul asistivpersonalizat se poate conecta, facilitand controlulsistemului de operare si al aplicatiilor compatibile

AccChecker si UIA Verify = permit verificareaproblemelor de accesibilitate ale aplicatiilor, inainte caacestea sa fie livrate clientilor

Planificare din Ziua 1 = fiecare facilitate a fost gradatadupa riscul prezentat accesibilitatii

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea



http://www.microsoft.com/enable/products/windows7

Ease of Access CenterAcces facil la uneltele de accesibilitateRecomandari pentru a face PC-ul mai usor de utilizatSetarile sunt organizate pe categorii: folosirea faramonitor, fara mouse si tastatura, utilizarea mai usoara amouse-ului si tastaturii, ...

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Ease of Access Center

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

MagnifierMod fullscreen, lentila, zoom variabil, mod high-contrast

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

On-Sceen KeyboardCustomizabil, redimensionabil, predictie de text

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Microsoft Narrator, citeste textul si mesajele ce apar peecran

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Alte posibilitatiModificarea dimensiunii fonturilor (100%, 125%, 150%)Recunoasterea vociiInteractiune tactilaSticky Keys, Filter Keys, Visual Notifications, Captions

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea



http://www.microsoft.com/enable/products/windows8/

Blogul de dezvoltare Windows 8

http://blogs.msdn.com/b/b8/archive/2012/02/14/enabling-accessibility.aspx

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea


Noutatea in aceasta versiune, dispozitive ce au doarecran tactil

Scurtaturi pentru pornirea rapida a aplicatiilor asistive

Suport imbunatatit pentru API-uri de accesibilitate

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea


Magnifier pe ecrane tactile (tablete)

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Accesibilitatea

Suport pentru aplicatii asistive

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Comportament in care se cauta modalitati de indeplinire aunor scopuri

Daca utilizatorul ar avea o idee clara a modului in carefunctioneaza sistemul pentru orice scop, ar alege mereucea mai scurta cale

In realitate intelegerea sistemului este partiala - utilizatorulbajbaie prin sistem

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Faptul ca utilizatorul nu alege la fiecare pas cea maieficienta varianta nu e atat de important ca faptul ca lafiecare pas din interactiune utilizatorul sa isi dea seamadaca se apropie de scopul propus

Pentru a atinge scopul propus, fiecare stare a sistemuluisau fiecare fereastra trebuie sa dea suficienta informatieutilizatorului asupra a ceea ce trebuie facut pentru a seapropia de scopul propus

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Atingerea scopurilor

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Aspecte importante care sprijina interactiunea

Unde esti - Breadcrumbs

Ce poti sa faci - Linkuri vizibile, controale active/inactive

Unde poti sa mergi - In paginile web se poate explora sireveni cu Back, dar in unele aplicatii consecintele explorariiar putea fi nedorite

De unde vii - Feed-back-ul sistemului ajuta laconstientizarea consecintelor actiunilor noastre

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Interactiunea se realizeaza in mod concret prin

Obiecte grafice (widgeturi) - Alegerea corespunzatoarea widgeturilor si a denumirilor meniurilor, optiunilor,butoanelor vor usura selectia/actionarea actiunii potrivite

Ecrane si ferestre - Obiectele grafice trebuie regasite usorpe ecran, e necesara intelegerea logicii gruparii elementelorpe ecran

Navigarea in cadrul aplicatiei - Trebuie sa putemintelege ce se intampla la apasarea unui buton, undesuntem in interactiune

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Principii de baza pentru proiectarea navigarii

IntreabaCe face utilizatorul?

GandesteCare este informatia de care are nevoie?Ce comparatii are nevoie sa faca?In ce ordine sunt necesare informatiile?

Navigarea in cadrul aplicatieiForma trebuie sa urmeze functionalitatea lasainteractiunea sa determine dispozitia spatiala

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Recomandari pentru structurare

Daca obiectele apartin aceleasi categorii, atunci trebuiedispuse fizic impreuna

Uneori e nevoie de mai multe niveluri de structurare

Pentru a stabili ordinea elementelor pe ecran trebuie sa negandim la ordinea naturala pentru utilizator

Pentru formele de introducere a datelor sau cutii de dialogtrebuie stabilita ordinea tab-urilor

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Decoratiuni

Folosite pentru a grupa logic obiectele

Fonturile pot fi folosite pentru a sublinia/evidentia ceva

Folosite cu cumpatare!

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Citirea se face de la stanga la dreapta deci alinierea se va facela stanga

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Alinierea numelor

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Alinierea numerelor

Care este mai mare?

Aliniati dupa punct numerele reale

Aliniati la dreapta numerele intregi

Forma coloanei da o indicatie asupra ordinului de marime

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Alinierea numerelor

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Coloane multiple

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Folosirea spatiilor pentru a separa

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Folosirea spatiilor pentru a structura

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Folosirea spatiilor pentru a evidentia

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Griduri

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Introducerea datelor

Ferestre si cutii de dialog

Complexitate: date care se afiseaza + date care seintroduc

Numele campurilor sunt de dimensiuni diferite... cumaliniem?

Folosirea unui font mai mic si situarea etichetelor instanga sus a campului text

Etichetele aliniate la dreapta

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Introducerea datelor, exemplu

Cursul 04

Arthur Molnar

Recapitulare


Fundamente


Utilizatorii

Personas

Accesibilitatea

Navigarea

Navigarea

Elemente active/pasive

Elemente pasive: ofera informatii

Elemente active: asteapta sa fie completate, sa leactionam/selectam

Widgeturile ar trebui folosite corespunzator (nu vomasocia functionalitate actionarii unei etichete!)

Obiectele active care nu ar trebui actionate intr-un contextspecific trebuie facute inactive!

Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf ·...

Documents

Transcript of Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf ·...