human-computer interaction proiectarea interactiuniiarthur/hci/lecture notes/curs.04.pdf ·...
TRANSCRIPT
![Page 1: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/1.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Human-Computer InteractionProiectarea Interactiunii
Arthur Molnar
Universitatea Babes-Bolyai
March 25, 2015
![Page 2: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/2.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Overview
1 Recapitulare
2 Proiectarea interactiuniiFundamenteCiclul de viata al sistemelorUtilizatoriiPersonasAccesibilitateaNavigarea
![Page 3: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/3.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Recapitulare
Evolutia conceptului de HCI
Elemente fundamentale
Model Human Processor
![Page 4: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/4.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Recapitulare
Omul
Canale de I/OMemoriaProcesarea
Calculatorul
Canale de I/OMemoriaProcesarea
![Page 5: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/5.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Recapitulare
Interactiunea
Introducere
Emotiile in interactiune
Modelarea interactiunii
Tipuri de interfete
![Page 6: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/6.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
Proiectarea interactiunii
Fundamente
Ciclul de viata al sistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
![Page 7: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/7.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
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
![Page 8: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/8.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
![Page 9: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/9.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
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
![Page 10: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/10.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
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
![Page 11: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/11.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
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
![Page 12: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/12.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
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!
![Page 13: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/13.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
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
![Page 14: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/14.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
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
![Page 15: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/15.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
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...
![Page 16: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/16.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
Tehnici de culegere a cerintelor
![Page 17: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/17.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
Proiectarea interactiunii
Fundamente
Ciclul de viata al sistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
![Page 18: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/18.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Ciclul de viata al sistemelor
Ciclul de viata al sistemelor
![Page 19: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/19.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Ciclul de viata al sistemelor
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
![Page 20: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/20.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Ciclul de viata al sistemelor
Analiza
![Page 21: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/21.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Ciclul de viata al sistemelor
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
![Page 22: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/22.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Ciclul de viata al sistemelor
Wireframes
Diagrame care evidentiaza layout-ul si functionalitateaunei aplicatii
Sunt create folosind forme abstracte, de obicei in alb sinegru
Instrumente - Balsamiq, MockFlow,HotGloo
![Page 23: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/23.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Ciclul de viata al sistemelor
Wireframes
![Page 24: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/24.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Ciclul de viata al sistemelor
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
![Page 25: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/25.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Ciclul de viata al sistemelor
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
![Page 26: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/26.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
Proiectarea interactiunii
Fundamente
Ciclul de viata al sistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
![Page 27: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/27.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 28: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/28.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 29: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/29.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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)
![Page 30: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/30.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 31: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/31.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 32: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/32.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 33: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/33.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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?
![Page 34: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/34.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Fundamentele proiectarii interactiunii
Proiectarea interactiunii
Fundamente
Ciclul de viata al sistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
![Page 35: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/35.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 36: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/36.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 37: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/37.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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)
![Page 38: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/38.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 39: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/39.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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.
![Page 40: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/40.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Personas
Descrierea unei persona trebuie sa cuprinda
Scopuri
Atitudini
Abilitati
Mediul
Cateva detalii personale fictive care sa aduca personajul laviata
![Page 41: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/41.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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)
![Page 42: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/42.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 43: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/43.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Personas
![Page 44: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/44.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Personas
Proiectarea unei masini pe placul tuturor
O masina cu foarte multe functionalitati care nu placenimanui - softul
![Page 45: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/45.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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.
![Page 46: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/46.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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?
![Page 47: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/47.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Personas
Personas
Personas-urile sunt construite in urma observatiei/interviurilorrealizate in situatia reala
![Page 48: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/48.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 49: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/49.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 50: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/50.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 51: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/51.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 52: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/52.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 53: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/53.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 54: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/54.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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...
![Page 55: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/55.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
Proiectarea interactiunii
Fundamente
Ciclul de viata al sistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
![Page 56: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/56.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 57: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/57.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 58: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/58.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 59: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/59.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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.
![Page 60: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/60.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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)
![Page 61: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/61.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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)
![Page 62: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/62.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 63: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/63.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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)
![Page 64: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/64.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 65: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/65.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
Studiu de caz
Windows 7
Windows 8
![Page 66: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/66.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 67: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/67.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
Studiu de caz - Windows 7
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
![Page 68: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/68.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
Studiu de caz - Windows 7
Accesibilitatea in Windows 7
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, ...
![Page 69: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/69.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
Ease of Access Center
![Page 70: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/70.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
MagnifierMod fullscreen, lentila, zoom variabil, mod high-contrast
![Page 71: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/71.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
On-Sceen KeyboardCustomizabil, redimensionabil, predictie de text
![Page 72: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/72.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
Microsoft Narrator, citeste textul si mesajele ce apar peecran
![Page 73: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/73.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
Alte posibilitatiModificarea dimensiunii fonturilor (100%, 125%, 150%)Recunoasterea vociiInteractiune tactilaSticky Keys, Filter Keys, Visual Notifications, Captions
![Page 74: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/74.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
Studiu de caz - Windows 8
Accesibilitatea in Windows 8
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
![Page 75: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/75.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
Studiu de caz - Windows 8
Noutatea in aceasta versiune, dispozitive ce au doarecran tactil
Scurtaturi pentru pornirea rapida a aplicatiilor asistive
Suport imbunatatit pentru API-uri de accesibilitate
![Page 76: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/76.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
Studiu de caz - Windows 8
Magnifier pe ecrane tactile (tablete)
![Page 77: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/77.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Accesibilitatea
Suport pentru aplicatii asistive
![Page 78: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/78.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Proiectarea interactiunii
Fundamente
Ciclul de viata al sistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
![Page 79: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/79.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 80: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/80.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 81: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/81.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Atingerea scopurilor
![Page 82: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/82.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Atingerea scopurilor
![Page 83: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/83.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Atingerea scopurilor
![Page 84: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/84.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Atingerea scopurilor
![Page 85: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/85.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 86: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/86.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 87: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/87.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 88: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/88.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 89: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/89.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Decoratiuni
Folosite pentru a grupa logic obiectele
Fonturile pot fi folosite pentru a sublinia/evidentia ceva
Folosite cu cumpatare!
![Page 90: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/90.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Citirea se face de la stanga la dreapta deci alinierea se va facela stanga
![Page 91: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/91.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Alinierea numelor
![Page 92: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/92.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 93: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/93.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Alinierea numerelor
![Page 94: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/94.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Coloane multiple
![Page 95: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/95.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Coloane multiple
![Page 96: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/96.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Folosirea spatiilor pentru a separa
![Page 97: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/97.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Folosirea spatiilor pentru a structura
![Page 98: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/98.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Folosirea spatiilor pentru a evidentia
![Page 99: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/99.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Griduri
![Page 100: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/100.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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
![Page 101: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/101.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
Utilizatorii
Personas
Accesibilitatea
Navigarea
Navigarea
Introducerea datelor, exemplu
![Page 102: Human-Computer Interaction Proiectarea Interactiuniiarthur/HCI/Lecture Notes/Curs.04.pdf · Digitizarea cartilor, anotarea hartilor... Cursul 04 Arthur Molnar Recapitulare Proiectarea](https://reader031.vdocuments.net/reader031/viewer/2022020214/5a78dcfe7f8b9a68148b91d9/html5/thumbnails/102.jpg)
Cursul 04
Arthur Molnar
Recapitulare
Proiectareainteractiunii
Fundamente
Ciclul de viata alsistemelor
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!