human-computer interaction utilizabilitatea sistemelor ...arthur/hci/lecture notes/curs.05.pdf ·...

Cursul 05

Arthur Molnar

Recapitulare

Utilizabilitateasistemelorinteractive

Introducere

Operationalizariale conceptuluide utilizabilitate

Cele 8 reguli deaur ale luiSchneiderman

10 euristici deutilizabilitate

7 Principiipentru Design

Principii deUtilizabilitate

Invatarea

Flexibilitate

Flexibilitate

Evaluareautilizabilitatii

Studii de caz

Help?

Human-Computer InteractionUtilizabilitatea sistemelor interactive

Arthur Molnar

Universitatea Babes-Bolyai

[email protected]

April 8, 2015

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Overview

1 Recapitulare

2 Utilizabilitatea sistemelor interactiveIntroducereOperationalizari ale conceptului de utilizabilitateCele 8 reguli de aur ale lui Schneiderman10 euristici de utilizabilitate7 Principii pentru DesignPrincipii de Utilizabilitate

InvatareaFlexibilitateFlexibilitate

Evaluarea utilizabilitatiiStudii de cazHelp?

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Recapitulare

Evolutia conceptului de HCI

Elemente fundamentale

Model Human Processor

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Recapitulare

Omul

Canale de I/OMemoriaProcesarea

Calculatorul

Canale de I/OMemoriaProcesarea

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Recapitulare

Interactiunea

Introducere

Emotiile in interactiune

Modelarea interactiunii

Tipuri de interfete

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Fundamentele proiectarii interactiunii

Proiectarea interactiunii

Fundamente

Ciclul de viata al sistemelor

Utilizatorii

Personas

Accesibilitatea

Navigarea

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Utilizabilitate - sau nu?

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Utilizabilitate - Remember Lab 02?

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Utilizabilitatea - o problema de comunicare...

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Utilizabilitate - Remember Lab 02?

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Utilizabilitatea sistemelor interactive

Calitatile sistemelor interactive

Steve McConnell - caracteristicile calitatii

Interne - nu au legatura cu utilizatoriiExterne - cele care au legatura cu utilizatorii

Tom deMarco - ”calitatea unui produs este o functie decat de mult schimba lumea in bine” - satisfactia utilizator

Gerald Weinberg - ”calitatea inseamna aprecierea(beneficiul) pentru o persoana” persoane diferite voratribui calificative diferite unui sistem

Cine dorim sa aprecieze produsul nostru?Ce este important pentru aceste persoane?

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Utilizabilitatea - calitate a sistemelor informatice

Utilizabilitatea - masura in care un produs poate fiutilizat de utilizatori specifici pentru a atinge scopurispecifice cu eficacitate, eficienta si satisfactie intr-uncontext de utilizare specificat.

Componente:

Eficacitate - completitudinea si desavarsirea(corectitudinea) cu care utilizatorii realizeaza sarcinispecificeEficienta - raportul dintre resursele consumate sicorectitudinea indeplinirii sarcinilorSatisfactia - confortul si acceptarea de care se bucurasistemul din partea utilizatorilor

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Operationalizari ale conceptului de utilizabilitate

Ben Schneiderman - Cele 8 reguli de aur

Jacob Nielsen - 10 euristici de utilizabilitate pentruproiectarea interfetelor

Donald Norman - 7 Principii pentru Design

Alan Dix - Principii de Utilizabilitate (Cap. 7, bibliografie)

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Cele 8 reguli de aur ale lui Schneiderman (1987)

Asigurati consistenta interactiunii

Utilizabilitate universala

Feed-back informativ

Proiectati dialoguri care sa anunte utilizatorii ca aufinalizat o sarcina

Preveniti erorile

Oferiti metode de anulare a actiunilor

Dati controlul utilizatorilor

Reduceti incarcarea memoriei de scurta durata

Sursa

https://www.cs.umd.edu/users/ben/goldenrules.html

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Cele 8 reguli de aur ale lui Schneiderman

Asigurati consistenta interactiuniiSituatii similare sa ceara interactiuni similareTerminologie identica in elementele de interfataDispunerea elementelor, culorile, textul trebuie sa fie ...consistenteExceptiile de la regula (ex. erori) trebuie sa fie usor deinteles

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Utilizabilitate universalaProiectare pentru utilizatori novici si experimentatiAccesibilitateFacilitatile pentru novici (ajutor in plus) si cele pentruexperti (Ctrl + Shift + Alt + F10 + X) ajuta ambelecategorii

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Feed-back informativPentru fiecare actiune, sistemul trebuie sa ofere feed-backFeed-backul trebuie gandit in raport cu frecventa actiuniiPoate fi utilizata prezentarea obiectelor (ex. efecte laapasarea unu buton)

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Folositi terminologia utilizatorilor Folositi mnemonice(ALT+shortcut), iconite si abrevieri (Ctrl+S) potrivite

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Fiti cat se poate de expliciti, feed-backul este bine sa apara incontextul actiunii

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Timpii de raspuns

Perceptia utilizatorilor

sub 0.1s - ”instantaneu”1s - utilizatorul ramane concentrat, dar remarca o intarziere10s - limita pana la care utilizatorul ramane concentrat ladialogpeste 10s - cafea?

Cum tratam intarzierile lungi?

CursoareBare de progres

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?



Secventele de interactiune trebuie sa aiba un inceput si unsfarsitFeed-backul la terminarea unei secvente ofera sprijin,permite utilizatorului sa isi scoata din minte operatiunileEx. un site de comert afiseaza in mod clar finalizarea uneitranzactii

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?



Sursa

http://www.welie.com/patterns/

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Preveniti erorileProiectati sistemul astfel incat utilizatorul sa nu poata faceerori mariEx. controalele care nu au sens sa fie dezactivate,controale speciale pentru numere, dateIn cazul comiterii unei erori sistemul sa o detectezi si safaciliteze revenireaActiunile care genereaza erori sa nu schimbe stareasistemului

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Oferiti metode de anulare a actiunilorActiunile ar trebui sa fie, pe cat posibil, reversibileReduce anxietatea, deoarece utilizatorul stie ca poatereface starea anterioara - faciliteaza utilizarea exploratorie

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Dati controlul utilizatorilorUtilizatorii experimentati doresc sa simta ca detin controlulUtilizatorilor experimentati nu le plac ”surprizele”,secventele lungi de introducere a datelor

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Reduceti incarcarea memoriei de scurta durataRegula de 7 +/- bucati de informatieEvitati situatia in care utilizatorul trebuie sa memorezedate la trecerea dintre ecranele aplicatieiUtilizatorii sa nu memoreze numere de telefon, adrese web,etc...

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

10 euristici de utilizabilitate






Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


10 euristici de utilizabilitate pentru proiectarea interfetelor

Vizibilitatea starii sistemului

Potrivire intre sistem si lumea inconjuratoare

Controlul si libertatea utilizatorului

Consistenta si standarde

Prevenirea erorilor

Recunoastere, nu memorare

Flexibilitate si eficienta in utilizare

Design estetic si minimalist

Ajuta utilizatorul sa recunoasca, diagnostice si sa revinadin starile de eroare

Ajutor si documentatie

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


10 euristici de utilizabilitate pentru proiectarea interfetelor

Vizibilitatea starii sistemuluiSistemul trebuie sa tina utilizatorii la curent cu ce sepetrece tot timpul, prin feedback oferit in timp rezonabil

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Potrivire intre sistem si lumea inconjuratoareSistemul trebuie sa ”vorbeasca” limba utilizatoruluiCuvinte, fraze, expresii tipice domeniului de business, si nudomeniului tehnicUtilizati conventiile din lumea reala, informatia trebuie saapara in ordine naturala si logica

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Controlul si libertatea utilizatoruluiUtilizatorii pot activa functii din greseala, si au nevoie de o”iesire de urgenta”Actiuni de undo si redo

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Consistenta si standardeUtilizati conventiile platformeiEvitati sinonimele in descrierea actiunilor

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Prevenirea erorilorCe e mai bun ca un mesaj de eroare bine proiectat? -Evitarea erorii!Fail-fast

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Tipuri de erori

Greseli - actiuni deliberate care duc la o solutie eronata

Omisiuni - comportament inconstient care ne abate de latraseul firesc in realizarea sarcinii (ne propunem sa intramla magazin, dar ajungem direct acasa)

Apar in general la persoanele cu abilitati formate, dinneatentieFurnizati feed-back si posibilitate de UndoDe obicei sunt datorate faptului ca activitati frecvente ausecventa initiala similara altor activitati

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Tratarea erorilor...

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Preveniti erorile, ori de cate ori este posibil

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Recunoastere, nu memorareReduceti incarcarea memoriei utilizatoruluiInformatiile utile trebuie sa fie tot timpul vizibileFolositi selectia, nu memorarea

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Nu incarcati memoria de scurta durata a utilizatorului

Calculatoarele sunt bune la memorat, oamenii nu!

Folositi meniuri, iconite, cutii de text cu optiuni, in loc decomenzi sau diferite formate

Sprijiniti recunoasterea nu reamintirea (se bazeaza pevizibilitatea obiectelor)

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Ce elemente de recunoastere identificati aici?

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Flexibilitate si eficienta in utilizareKeyboard accelerators (ex: Eclipse, Visual Studio?)Configurabilitatea scurtaturilor

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Design estetic si minimalistFiecare dialog sa contina doar informatiile relevanteFiecare item de informatie concureaza pentru atentiautilizatorului cu celelalte

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Ajuta utilizatorul sa recunoasca, diagnostice si sarevina din starile de eroare

Mesajele de eroare - limbaj comun, fara coduri!Sugerarea rezolvarii problemei in mod constructiv

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Ajutor si documentatieUnele sisteme au nevoie de documentatieDocumentatia sa fie usor de cautat (ex. Eclipse?)Lista concreta de pasi pentru rezolvarea scenariilor comune

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Dialog simplu si natural - Prezentati exact informatia de careare nevoie utilizatorul

Less is more - Mai putin de invatat, mai putin de gresit,mai putine surse de distragere...

Informatia ar trebui sa apara in ordine naturala

Informatia relationata ar trebui grupataOrdinea de accesare a informatiei se potriveste asteptarilorutilizatorilor

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Dialog simplu si natural - Prezentati exact informatia de careare nevoie utilizatorul

Stergeti sau ascundeti informatia folosita rar saunenecesara - intra in competitie cu informatia relevanta depe ecran

Evitati ”modes” - situatiile in care intr-o interfata oactiune determina raspunsuri diferite in functie de stareasistemului

Folositi ferestrele cu zgarcenie, nu adaugati navigarenenecesara

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

7 Principii pentru Design






Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


7 Principii pentru Design (Donald Norman)

Vizibilitate

Feedback

Constrangeri

Mapari

Consistenta

Atribute ajutatoare

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Consistenta

Un set comun de reguli pentru interfata grafica

Vizibilitate

Cu cat este o functionalitate mai vizibila, cu atat mai usorse interactioneaza cu ea

Feedback

Ajuta utilizatorul sa stie ce s-a realizatFeedback-ul ce utilizeaza mai multe simturi este maieficient

Constrangeri

Restrangerea actiunilor pe care le poate face utilizatorul

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Vizibilitate si consistenta in Windows Explorer

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Constrangerea alegerilor (Wordpad?)

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


7 Principii pentru Design (Donald Norman)

Mapari

Relatia intre un control si efectul sauEx. Tastele sus-jos si stanga-dreapta

Atribute ajutatoare

Este un atribut care ajuta oamenii sa utilizezeobiectul/controlulEx. un buton de mouse ”invita” sa fie apasat

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Principii de Utilizabilitate






Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Principii de Utilizabilitate - Invatare

Utilizabilitatea - 3 grupe principale de concepte

Invatare - usurinta cu care utilizatorii noi pot incepeinteractiunea efectiva si pot sa atinga performanta maxima

Flexibilitate - multitudinea de moduri in care utilizatorii sisistemul pot schimba informatie

Robustete - sprijinul oferit utilizatorilor in realizareaoperatiilor

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Invatarea - usurinta cu care utilizatorii noi pot incepeinteractiunea efectiva si pot sa atinga performanta maximaComponente:

Predictibilitate

Vizibilitate

Sintetizabilitate

Familiaritate

Generalizabilitate

Consistenta

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Predictibilitatea - un sistem este predictibil daca cunostinteleutilizatorilor privitoare la interactiune sunt suficiente pentru adetermina rezultatele interactiunilor viitoare

Predictibilitatea se refera la abilitatea utilizatorului de adetermina efectul operatiilor asupra sistemului sauabilitatea de a sti care operatii pot fi efectuate

Se concentreaza asupra abilitatii utilizatorului de adetermina efectele viitoarelor interactiuni - presupune cautilizatorul are un model mental al comportamentuluisistemului

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Vizibilitatea - modalitatea in care utilizatorului ii e indicat caresunt operatiile care pot fi efectuate in continuare (daca ooperatie poate fi efectuata, trebuie sa existe o indicatieperceptibila pentru utilizator)

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Sintetizabilitatea - abilitatea utilizatorului de a intelegeefectele operatiilor din trecut asupra starii curente a sistemului

Cand o operatie schimba un aspect oarecare al stariiinterne a sistemului, e important ca schimbarea sa fievazuta de utilizator (principiul onestitatii)

Notificarea schimbarii poate aparea

Instantaneu (cazul cel mai bun)Dupa directive explicite ale utilizatorului (utilizatorultrebuie sa stie sa caute schimbarea)

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Schimbare instantaneu vizibila

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Schimbarea starii trebuie cautata de utilizator

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Familiaritatea - utilizatorii noi ai unui sistem detin cunostinte(au experiente) dintr-un numar larg de domenii de aplicatii

Familiaritatea in relatia cu un sistem interactiv masoaracorelatia dintre cunostintele existente ale utilizatorului sicunostintele necesare interactiunii

Familiaritatea e legata de prima impresie a utilizatoruluiasupra sistemului

Preocuparea e de a intelege cum e perceput sistemulprima data si daca utilizatorul poate deduce modul in carepoate initia interactiunea

Folosirea metaforelor - impact major asupra familiaritatii

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Metaforele, parte a familiaritatii

Sursa

http://www.sws.za.net/blog/3d-desktop-icon-office-wallpaper

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Metaforele, parte a familiaritatii

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Generalizabilitatea

Utilizatorul incearca sa extinda cunostintele detinute lasituatii similare, dar care nu au mai fost anterior intalnite

Sistemele care dispun de aceasta trasatura ofera sprijinpentru situatiile in care utilizatorul vrea sa aplicecunostinte folosite la atingerea unui scop particular la altesituatii in care scopul e oarecum similar

Rolul standardelor si regulilor de stil este de a sporiposibilitatea generalizarii intre variate aplicatii

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Generalizabilitatea

Studiu de caz: Android

Sursa

http://developer.android.com/design/get-started/principles.html

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Generalizabilitatea

iOS design guidelines

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/

Windows 8 design guidelines

https://dev.windows.com/en-us/design

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Consistenta

Se refera la similaritatea in comportament rezultata dinsituatii similare sau obiective ale sarcinilor similare

E proprietatea cel mai des solicitata de literatura despecialitate pentru proiectarea interfetelor utilizator

Consistenta e strans legata de celelalte principii

Familiaritatea este consistenta in raport cu experienteletrecute din lumea realaGeneralizabilitatea este consistenta in raport cuexperientele folosind acelasi sistem sau o multime deaplicatii pentru aceeasi platforma

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Consistenta - OpenOffice vs. Microsoft Office

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Consistenta - contraexemplu

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Principii de Utilizabilitate - Flexibilitate





Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Flexibilitatea - multitudinea de forme in care utilizatorul sisistemul schimba informatia

Initiativa dialogului

Dialogul multiplu

Migratiunea sarcinilor

Customizabilitatea

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Initiativa dialogului - cand se discuta interactiunea intreutilizator si sistem ca un dialog intre 2 parteneri e important sase tina seama care din acestia are initiativa conversatiei

Daca sistemul initiaz toate dialogurile, dialogul se numestepreemptiv din partea sistemului (Ex.cutie de dialogmodala)

Daca utilizatorul poate initia orice actiune spre sistem,dialogul se numete preemptiv din partea utilizatorului

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Initiativa dialogului

Sistemul poate controla dialogul pana la situatia de aimpiedica utilizatorul de la a initia orice alta comunicaredorita privind sarcina curenta sau alta

O interactiune controlata de sistem minimizeazaflexibilitatea

Dialogul preemptiv sistem este uneori impus de situatie(Ex. editarea concurenta a unui document)

Dialogul preemptiv utilizator permite utilizatorului saefectueze orice actiune in orice moment - flexibilitate mare

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Dialogul multiplu

Fir de dialog = submultime coerenta a unui dialog (oparte a dialogului aflata in relatie cu o sarcina utilizator)

Dialogul multithread permite efectuarea mai multor sarcinin acelai timp

Dialogul multiplu concurent = e permisa comunicareasimultana a informatiilor apartinand diferitelor sarcini

Dialogul multiplu intercalat = permite o suprapuneretemporara a diferitelor sarcini, dar stipuleaza ca in oricemoment dialogul poate fi restrictionat la o singura sarcina

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Dialogul multiplu - doua dimensiune ale sistemelormultimodale:

Diferite canale de comunicare pentru a forma o singuraintrare (Ex. deschidere fereastra: dublu click pe opictograma, comanda, comanda vocala)

O singura iesire formata din mixarea de canale (Ex. mesajde eroare, cu text si sunet)

Sistemele de ferestre sprijina in mod natural dialogulmultithread intercalat intre mai multe sarcini suprapuse (ofereastr corespunde unei sarcini)

Dialogul multimodal permite multithreadingul concurent(editam un text, iar un semnal sonor ne anunta sosireaunui email)

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Migratiunea sarcinilor

Se referala transferul controlului asupra executiei sarcinilorintre sistem si utilizator

Trebuie sa fie posibil ca utilizatorul sau sistemul sa isitransfere controlul reciproc sau sa modifice sarcina de launa interna la una cooperativa

Ex. Verificarea ortografiei cuvintelor

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Customizabilitatea - modificarea interfetei utilizator de catreutilizator sau de catre sistem (pe baza cunostintelor pe care leare despre utilizator)

Modificari initiate de

Utilizator - adaptabilitateSistem - adaptivitate

Adaptabilitatea se refera la abilitatea utilizatorului de aajusta forma I/O

Customizarea poate fi foarte limitata (utilizatorul poatemodifica doar pozitia butoanelor pe ecran sau saredefineasca numele comenzilor), sau crearea de macro-uri

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Adaptivitatea - customizarea automata a interfetei utilizatorde catre sistem (pe baza expertizei utilizatorului sau observarearepetarii unei secvente de sarcini)

Un sistem poate fi antrenat sa recunoasca unexpert/novice si sa modifice controlul dialogului si sistemulde ajutor in mod corespunzator

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Adaptivitatea / Consistenta

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Principii de Utilizabilitate - Robustete





Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Principii de Utilizabilitate - Robustete

Robustete - trasaturi care sprijina stabilirea si atingereascopurilor cu succes

Observabilitatea

Recuperarea din eroare

Receptivitatea

Conformanta cu sarcina

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Observabilitatea - Robustete

Permite utilizatorului evaluarea starii interne a sistemuluiprin reprezentarile perceptibile de la nivelul interfetei

Evaluarea ii permite utilizatorului sa compare stareacurenta observata a sistemului cu intentiile proprii dinplanul sarcina-actiune, ducand la o posibila revizuire aplanului

Observabilitatea se studiaza prin prisma altor catevaprincipii

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Observabilitatea = Where3∗What

Where am I? Onestitate

Where am I going? Predictibilitate

Where have I been? Sintetizabilitate

What can I do? - Predictibilitate

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Disponibilitatea setarilor implicite - Poate asista utilizatorulprin reamintire pasiva (Ex.un raspuns recunoscutla o intrebarepoate fi recunoscut a fi corect in loc de a fi reamintit)

Reduce numarul de actiuni necesare pentru a introduce ovaloare - modalitate de a reduce numarul erorilor

Doua tipuri de valori implicite

Statice= nu se modifica sunt definite in cadrul sistemuluisau achizitionate la initializareDinamice = se modifica in timpul interactiunii suntcalculate de sistem pe baza unor valori introduse anterior

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Tangibilitatea si persistenta

Tangibilitatea - posibilitatea de explorarea a starilorobservabile ale sistemului (utilizatorul poate sa ajunga dinorice stare data la alta stare)

Ex. - Navigarea inainte/inapoi cu Forward/Back

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Tangibilitatea si persistenta

Persistenta - trateaza durata efectului unui act decomunicare si capacitatea utilizatorului de a folosi acelefect

Efectul comunicarii vocale persista doar in memoriareceptoruluiComunicarea vizuala ia forma unor obiecte pe careutilizatorul le poate manipula o lunga perioada dupaprezentare

Ex. - Fisierele downloadate in browser se regasesc intr-olista

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Recuperarea erorilor - Robustete

Recuperarea erorilor - capacitatea de a atinge o stare doritadupa constientizarea unei erori in interactiunea anterioara

Recuperarea poate fi efectuata in doua directii

Inainte utilizatorul accepta starea sistemului si incearcaatingerea starii dorite din starea curentaInapoi utilizatorul incearca anularea efectelor interactiuniianterioare pentru a reveni la starea anterioara erorii

Recuperarea e in legatura cu tangibilitatea nu trebuie sablocam utilizatorul sa ajunga dintr-o stare nedorita intr-ostare dorita

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Recuperarea erorilor - Robustete

Procedura de recuperare trebuie sa reflecte muncaefectuata

Principiul efortului comensurat - daca e dificil sa anuleziun anumit efect asupra unei stari atunci trebuie sa fi fostdificil sa faci actiunea care a dus la efect (Ex. e greu derecuperat fisiere intr-un sistem de operare, deci trebuie safie greu sa le stergi, sau ar trebui sa fie mai greu decat sale redenumesti)

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Receptivitatea - Robustete

Receptivitatea - masoara rata de comunicare intre sistem siutilizator

Timpul de raspuns = durata necesara sistemului pentru aexprima schimbarile de stare

Se doreste ca timpul de raspuns sa fie cat mai scurt, chiarinstant

Chiar daca obtinerea raspunsului dureaza mai mult,utilizatorului trebuie sa i se indice faptul ca sistemul aprimit cererea de actiune si lucreaza la raspuns

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Receptivitatea - masoara rata de comunicare intre sistem siutilizator

Stabilitatea timpului de raspuns masoar invarianta durateipentru resurse computationale similare/identice (Ex.meniurile pull-down se asteapta sa se deschida instantaneudupa efectuarea unui click)

Variatiile timpului de raspuns impiedica anticipareaexploatata de abilitatile motorii umane

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Timpii de raspuns acceptabili

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Conformanta cu sarcina - Robustete

Conformanta cu sarcina - scopul unui sistem interactiv e de apermite utilizatorilor sa efectueze diferite sarcini pentru aindeplini diferite scopuri in cadrul unui domeniu de aplicatiiAspecte

Completitudinea sarcinilor sistemul sprijina realizareatuturor sarcinilor de interes (nivelul la care serviciilesistemului pot fi mapate la sarcini utilizator)

Acceptabilitatea (adecvarea) sarcinilor sprijinul inrealizarea unei sarcini ii este oferit utilizatorului intr-unmod acceptabil (se cere ca sarcina, reprezentata in cadrulinterfetei sa se potriveasca sarcinii asa cum e ea inteleasade utilizator)

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Evaluarea utilizabilitatii

Probleme de utilizabilitate

Motive pentru care utilizatorii definesc un element alinterfeei ca fiind problematic

Face sistemul greu de invatatIncetineste indeplinirea sarcinilorCauzeaza probleme de utilizareE urat sau intr-un anumit fel neplacut

Problema de utilizabilitate

Aspect al interfetei utilizator care face ca sistemul sa aibao utilizabilitate redusaCaracteristica a produsului care face dificila si/sauneplacuta indeplinirea sarcinilor implementate de sistem

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Metode de evaluare a utilizabilitatii

Automate - aspectele utilizabilitatii sunt calculate prinexecutia specificatiei interfetei utilizator cu softul deevaluare - nu sunt fezabile

Empirice interfata utilizator e evaluata prin testarea cuutilizatori reali - cea mai comuna metoda

Formale - folosirea de modele si formule care se folosescpentru determinarea factorilor de utilizabilitate mai greude aplicat

Informale - evaluarea se bazeaza pe reguli si abilitati,cunostinte si experienta evaluatorilor

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Inspectarea utilizabilitatii

Revizuire a sistemului pe baza unor reguli ergonomicecondusa de un grup de experti in utilizabilitate

Expertii se concentreaza asupra unor aspecte aleproiectarii interfetelor care sunt susceptibile sa provoaceprobleme de utilizabilitate

Regulile de evaluare derivate din studii de HCI, ergonomie,design grafic, psihologie cognitiva

Aspecte evaluate: limbajul folosit, efortul de memorie careii este solicitat utilizatorului la fiecare pas din cadrulprocesului, feedbackul sistemului spre utilizator, claritatea,consistenta, explorarea, erorile

Evaluarea e urmata de recomandari

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Metode de inspectare a utilizabilitatii

Revizuiri cognitive - se foloseste o procedura de simularea procesului de rezolvare de probleme la fiecare pas dindialogul om-calculator, verificand daca scopurile utilizatorsimulate si continutule memoriei de lucru pot duce laurmatoarea actiune corecta.

Revizuiri pluralistice - intalniri in care utilizatori,dezvoltatori si experti parcurg un scenariu discutandprobleme de utilizabilitate asociate elementelor de dialogimplicate in pasii scenariului.

Inspectarea consistentei cuprinde proiectanti ai maimultor sisteme care inspecteaza o interfata pentru a vedeadaca isi indeplineste functionalitatea intr-o manieraconsistenta cu proiectarea lor.

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?



Inspectarea standardelor - un expert in standarde privinddiverse aspecte ale interfetei utilizator verifica respectareaacestora de catre interfata. Standardele au scopul de aspori gradul de incadrare a unei interfete in domeniul altorsisteme de pe piata care respecta aceleasi standarde.

Revizuiri ale regulilor ergonomice - sunt inspectii incare o interfata este verificata daca respecta o lista derecomandari de utilizabilitate. Deoarece numarulrecomandarilor este de ordinul miilor, e nevoie de un marenivel de expertiza pentru selectarea aspectelor relevante.

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?



Inspectarea caracteristicilor - enumera secvente detrasaturi folosite pentru indeplinirea unor sarcini tipice,identifica secventele prea lungi, pasii impovaratori, pasii pecare utilizatorul nu ii alege intr-un mod natural, pasii carenecesita cunostinte/experiente de nivel inalt pentru aaccesa anumite caracteristici ale sistemului.

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?



Evaluarea euristica - metoda de determinare aproblemelor de utilizabilitate in proiectarea interfeteiutilizator; e parte a procesului iterativ de proiectare

Numar redus de evaluatori (3-5) care examineaza interfatasi judeca conformarea la euristici si principii deutilizabilitate

Evaluarea se poate face pe prototipuri ale sistemului(chiar si pe hartie)

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?



Rezultatul - o lista de probleme de utilizabilitate cutrimitere spre principiile incalcate

E posibila evaluarea severitatii incalcarii fiecarui principiureferit in lista problemelor de utilizabilitate

Severitatea combinare a 3 factori

Frecventa cu care apare problema in mod comun sau rar?Impactul problemei in caz de aparitie este greu cautilizatorul sa depaseasca problema?Persistenta problemei este o problema pe care utilizatoriio pot depasi dupa ce stiu despre existenta ei sau utilizatoriisunt deranjati in mod repetat de ea?

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Scala severitatii problemelor de utilizabilitate

1 Nu cred ca aceasta este o problema de utilizabilitate

2 E o problema cosmetica - trebuie indreptata doar daca maiexista timp disponibil in dezvoltarea proiectului

3 Problema de utilizabilitate minora - repararii acesteia i seda o prioritate scazuta.

4 Problema de utilizabilitate majora - e important sa fieindreptata, are o prioritate ridicata.

5 Catastrofa pentru utilizabilitate - e imperativ sa fierezolvata inainte ca produsul sa fie livrat.

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Alegerea numarului de evaluatori pentru testare

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?


Beneficiile utilizabilitatii

1 Eficienta sporita

2 Productivitate crescuta

3 Reducerea erorilor/siguranta sporita

4 Cursuri de pregatire mai putine

5 Minimizarea nevoii de sprijin din partea producatorilorsistemului

6 Acceptare sporita

7 Reducerea costului de dezvoltare

8 Cresterea vanzarilor

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz

Studiu de caz - Studiu de utilizabilitate al Microsoft Windows8

Sursa

Samara Anastasia - Usability Study of Windows 8 for PC Users,MSc dissertation, August 2014

1 Results - page 65

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz

Studiu de caz - Dialogul de login pentru platforma Discourse

Sursa

http://blog.codinghorror.com/the-god-login/

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz

Studiu de caz - Dialogul de login pentru platforma DiscourseWhat’s the God algorithm for this? - R. Pausch

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz

Cel mai bun login este - nici un login

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz

Permite utilizatorului sa se logheze folosind emailCand isi uita user-nameul tot la email se ajungeAdresa de email a devenit astazi centrul identitatii online apersoanei

Avertizeaza utilizatorul cand adresa de email nu exista(evitati mesajele criptice)


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz

Terminologie clara


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz

Sa functioneze cu password managers


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz

Eliminati erorile comun intalnite


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz

Ajutati utilizatorul sa gaseasca parole mai bune


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz

Cum se combina totul...


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Studiu de caz

Nu uitati utilizatorii ce folosesc tastatura

Limitati numarul de incercari/unitate de timp!


Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Sistemul de Ajutor

Helpul nu este o solutie pentru o proiectare proasta!

Sistemele simple ar trebui sa poata fi folosite pur si simplu

Majoritatea utilizatorilor nu citesc manualele de utilizare

Manuale de utilizare imprimate ajung de obicei intr-unsingur exemplar incuiat undeva

E preferabil accesul la help din contextul aplicatiei

Help contextualizat preferabil impreuna cu posibilitati decautare

Cursul 05

Arthur Molnar

Recapitulare


Introducere






Invatarea

Flexibilitate

Flexibilitate


Studii de caz

Help?

Sistemul de Ajutor

human-computer interaction utilizabilitatea sistemelor ...arthur/hci/lecture notes/curs.05.pdf ·...

Documents