interactiune om-calculator (educarea & instruirea utilizatorilor)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

11

InteracInteracţţiune omiune om--calculatorcalculator EducareaEducarea

& & instruireainstruirea utilizatorilorutilizatorilor

Dr. Sabin-Corneliu Buraga Facultatea de Informatică

Universitatea “A.I.Cuza”

Iaşi, România httphttp://://www.infoiasi.rowww.infoiasi.ro/~/~busacobusaco//



22

“If that makes any sense to you,

you have a big problem.”

C. Durance



33

CuprinsCuprins

•

Tipuri de utilizatori

•

Vectori de comandă

•

Facilităţile de ajutor furnizate de software

•

Personalizarea & configurarea interfeţei•

Reputaţia programului

•

Instalarea aplicaţiei•

Optimizarea aplicaţiei



44

TipuriTipuri de de utilizatoriutilizatori

•

Utilizatorii:–Începători

–Intermediari

–Experţi

•

Problema: Găsirea balanţei corecte dintre nevoile începătorilor şi cele ale experţilor



55


•

Elaboratorii de software sunt experţi tendinţa de a crea interfeţe

pentru alţi experţi– Programe de CAD, grafică, modelare

3D,…

– Medii de programare (vizuală)

– Software de management al bazelor de date

– Aplicaţii de administrare a sistemului/reţelei

•

Utilizatorii experţi ai unui program sunt în număr relativ mic



66


•

Remarci:–Help-urile

programelor sunt superioare

cunoştinţelor deţinute de novici–Faza de utilizator începător este relativ

scurtă help-urile destinate începătorilor devin

deranjante pentru utilizatorii intermediarisau experţi



77


•

Utilizatorii intermediari– Începător

→ intermediar

→ expert

– Utilizatorii depăşesc rapid stadiul de începători, dar puţini dintre ei vor deveni experţi cu adevărat sau nu vor ajunge experţi niciodată

– Interfaţa trebuie direcţionată spre utilizatorii intermediari

(Alan Cooper, 2007)

– Utilizatorii intermediari îşi doresc să devină experţi, dar nu au timp suficient pentru aceasta



88


•

Utilizatorii intermediari–Nimeni nu doreşte să rămână perpetuu

un începător–Un software bun scurtează tranziţia

începător ⇒ utilizator mediu–Scopuri: atragerea de utilizatori şi

păstrarea lor ca utilizatori intermediari



99


•

Utilizatorii intermediari–Pericolul utilizatorilor experţi–Software-ul (implicit interfaţa) trebuie

optimizat(ă) pentru utilizatorii intermediari

–Utilizatorii intermediari trebuie permanent să fie mulţumiţi de aplicaţia pe

care

o folosesc



1010

•

Descriu diferite clase ale idiomurilor de control al interfeţei, în funcţie de pregătirea

utilizatorului–Meniuri & casete de dialog

utile

pentru începători •

vectori pedagogici

–Buticoane, shortcut-uri destinate

intermediarilor/experţilor

VectoriVectori de de comandcomandăă



1111

•

Pedagogici

– “information in the world” utilizatorul nu trebuie să ţină minte comenzile,

ci doar să ştie unde să le caute–Folosirea hărţii într-un oraş necunoscut–Răsfoirea help-ului/meniurilor unui program

•

Pentru experţi

– “information in the head” utilizatorul posedă cunoştinţe memorate şi

învăţate–Memorarea & utilizarea shortcut-urilor

VectoriVectori de de comandcomandăă



1212

SetulSetul de de lucrulucru

(Alan Cooper)(Alan Cooper)

•

Fiecare utilizator memorează (neintenţionat) comenzile frecvent folosite

•

Subseturi de comenzi + caracteristici memorate ≡

setul de lucru (unic) al utilizatorului

•

Orice comandă e candidat posibil pentru setul de lucru

•

Se vor furniza vectori multipli pentru fiecare funcţie a programului



1313

SetulSetul de de lucrulucru

(Alan Cooper)(Alan Cooper)

•

Trebuie permis utilizatorului să-şi aleagă setul de lucru

propriu

•

Comenzile periculoase nu trebuie să aibă vectori de comenzi paralele – ele vor fi protejate prin meniuri



1414

Vectori de tranziVectori de tranziţţieie•

Pentru fiecare comandă,

se va asigura

un vector pedagogic &

un vector pentru experţi, plus un vector de tranziţie

•

Modalităţi: – Documentaţia programului– Help on-line– Includerea în interfaţă

•

meniul Help să ofere shortcut-urile asociate fiecărei comenzi, meniurile să aibă acceleratori & icon-uri, buticoanele să includă tooltip-uri,...



1515

VectoriVectori de de tranzitranziţţieie

Exemple

(pozitive):



1616

Ce doresc Ce doresc îîncepătoriincepătorii

•

Premisa: începătorii sunt inteligenţi, dar ocupaţi

•

Începătorii nu trebuie plictisiţi cu introduceri lungi, cu învăţarea şi cu explicaţii sofisticate

•

Utilizatorii trebuie să înţeleagă atât cauza, cât şi efectul

•

Utilizatorul trebuie să perceapă modelul mental, nu pe

cel de implementare

•

Începătorii au nevoie de ajutor suplimentar– poate fi eliminat ulterior –

vezi

tip of the day



1717

Ce doresc Ce doresc îîncepătoriincepătorii•

Asistenţa dată începătorilor trebuie să fie un adaus la interfaţă, nu inclusă în ea

•

Începătorii doresc

un tour guide al aplicaţiei•

La prima rulare, trebuie să se realizeze o prezentare generală, redându-se

scopul &

obiectul programului•

Meniurile (dacă

există) trebuie

să fie clare,

pentru ca începătorii să le înţeleagă•

Interfaţa trebuie să fie simplă & flexibilă



1818

Ce doresc Ce doresc îîncepătoriincepătorii



1919

CeCe dorescdoresc

intermediariiintermediarii

•

Au nevoie de acces la instrumente•

Tooltip-urile

≡ idiomul perfect

•

Apelează frecvent la help-ul

on-line (folosesc index-ul şi/sau alt instrument de căutare & de asistare)

•

Intermediarii îşi vor construi setul de lucru şi vor dori ca instrumentele din setul de lucru propriu să fie plasate la vedere



2020

CeCe dorescdoresc

intermediariiintermediarii



2121

•

Viteză•

Acces rapid la instrumentele din setul de lucru

•

Experţii stăpânesc programul, nu vor să mai înveţe, doar

să aprofundeze

•

Interfaţa trebuie să ofere o flexibilitate sporită şi echivalentul oricărei comenzi de meniu

sau toolbar prin tastatură – shortcut-uri

pentru orice

•

Interfaţa nu trebuie să fie deranjantă & stupidă

Ce doresc experCe doresc experţţiiii



2222

ÎÎncepătorncepător Intermediar Intermediar permanentpermanent

ExpertExpert

Ce face programul?

Care-i scopul programului?

De unde încep?

Cum să…?

Care sunt noile caracteristici?

Am uitat cum să… Pentru ce-i acest icon?

Cum găsesc …? Care-i comanda

pentru…? Aminteşte-mi!

Cum automatizez…?

Care-i shortcut-ul pt. comanda…?

Poate fi aceasta modificată?

Ce este periculos? Cum pot

personaliza?

CerinCerinţţele utilizatorilorele utilizatorilor



2323

CerinCerinţţele utilizatorilorele utilizatorilor

•

Remarcă:–Utilizatorii vor tolera

complexitatea software-ului doar dacă acest aspect merită



2424

HelpHelp--ulul•

Tipuri:–Off-line: Getting

Started, User’s

Guide,

Installation

Guide, Reference

Guide, Programmer’s

Guide,…

–On-line: •

Nu este parte a proiectării interfeţei

•

Instrument de referinţă pentru intermediari•

Similar documentaţiei tipărite

•

Poate fi extins la Web (application Web site), eventual via blog/wiki dedicat



2525

HelpHelp--ulul



2626

HelpHelp--ulul onon--lineline

•

Proiectarea

sa

este deosebit

de importantă•

Îmbunătăţiri:– Indexul (facilitează căutarea)– Indexul trebuie generat examinând programul,

nu doar textul de ajutor– Folosirea interogărilor în limbaj natural



2727


•

Trebuie să conţină lista de shortcut-uri•

Trebuie să ofere o prezentare generală a aplicaţiei (fereastra About)

•

Nu trebuie destinat începătorilor•

Nu trebuie separat de interfaţă, ci prezentat oriunde (e.g., prin

tooltip-uri)



2828




2929



3030

WizardsWizards•

Pot însoţi help-ul

on-line

•

Oferă “tactici”

de interogare a utilizatorilor•

Sunt proceduri pas-cu-pas

•

Nu oferă o conversaţie efectivă cu utilizatorul

•

Ar trebui să nu întrebe utilizatorii, ci numai să automatizeze unele activităţi

•

Nu explică utilizatorului ce se întâmplă•

Uzual, nu memorează datele introduse de utilizatori



3131

WizardsWizards



3232

PersonalizarePersonalizare & & configurareconfigurare

•

Utilizatorul trebuie să poată să se orienteze prin program (reducerea numărului locurilor navigabile)

•

Utilizatorii trebuie să se refere la obiectele permanente

ale interfeţei

–Ferestre, meniuri, toolbar-uri–Zona client a ferestrei principale



3333


•

Personalizare = decorarea obiectelor permanente

•

Configurare = adăugarea, mutarea &

ştergerea

obiectelor permanente



3434


•

Personalizarea –

pentru utilizatori începători/intermediari

•

Configurarea –

pentru intermediari/experţi•

Obiectele permanente tipice:– Fereastra principală– Titlul ferestrei principale– Barele de meniuri (meniurile standard

nu trebuie modificate niciodată)– Toolbar-urile (nu trebuie să dispară!)



3535


•

Pericolul configurării– Utilizatorul trebuie să înţeleagă pericolul

potenţial al acţiunilor sale– Utilizatorul nu trebuie implicat prea mult

în adaptarea programului– Utilizatorii pot muta/ascunde ocazional obiectele

permanente, dar nu trebuie să realizeze aceasta

accidental!

– Atenţie la acţiunile ireversibile asupra interfeţei



3636


•

Personalizarea:– Nu

este o activitate strâns legată de sistem/aplicaţie

– Instrumentele de personalizare trebuie să fie simple, uşor de folosit

– Utilizatorul trebuie să poată realiza Undo– Personalizările programului trebuie să fie

individuale, nu globale– Exemple: Schimbarea paletei de culori,

a skin-urilor

interfeţei etc.



3737


Personalizarea

–

exemplu:



3838

ReputaReputaţţia programuluiia programului

•

Punerea problemei:– Identitate

≡

totalitatea mijloacelor prin care

o aplicaţie se prezintă utilizatorului– Imagine

≡

ceea ce percep diferitele categorii de

utilizatori despre produsul/serviciul

oferit–Identitate ≠

imagine

•

Scop: asigurarea unei identităţi consistente



3939

ReputaReputaţţia programuluiia programului

•

Dependenţele–Reprezintă ferestrele auxiliare, informative–Cele mai importante sunt:

•

Fereastra About•

Ecranul de senzaţie (Splash Screen)

•

Easter Eggs

–Suplimentar, situl

Web dedicat programului

+ comunitatea

on-line



4040

ReputaReputaţţiaia programuluiprogramului•

Fereastra About– Identifică autorii/compania producătoare (credits)– Afişează statutul software-ului & drepturile de

autor, numele utilizatorului care deţine licenţa de folosire, codul serial (serial number) etc.

– Oferă suport tehnic: adresă, e-mail, legătură către situl produsului/producătorului,...

– Ar trebui să dezvăluie scopul programului, eventual versiunea, istoricul versiunilor, plus alte informaţii utile



4141


Fereastra

About

– Exemplu

negativ:



4242


Ecranul de senzaţie

(splash screen)

– Afişat la încărcarea programului (prima execuţie sau la fiecare rulare)

– Poate să apară la anumite produse shareware (guilt screen), eventual afişând numărul de zile care au rămas până la expirarea utilizării

– Ajutor pentru novici •

sfaturile zilei:

“Tips of the Day”



4343


Ecranul de senzaţie

(splash screen) – Welcome

screen:



4444

ReputaReputaţţiaia programuluiprogramului

•

Easter eggs–Atractive vizual, memorabile & amuzante,

nu neapărat utile

–Pot afişa numele programatorilor care au lucrat la acel

program

–Se pot ascunde în orice aplicaţie

–De vizitat

www.eeggs.com



4545


Easter eggs



4646


Easter eggs



4747




4848


•

De reţinut:–Interfaţa nu trebuie să copie 100%

înfăţişarea altor produse (concurente)

–Software-ul trebuie să aibă un aspect propriu, definitoriu

–Mărcile statutează

calitatea unui produs creşterea încrederii



4949


•

De reţinut:–Aplicaţia poate redefini/propune

noi

obiecte de interfaţă

–Aplicaţia trebuie să aibă un nume uşor de reţinut, familiar (KMail,

MPlayer,

OpenOffice,

Pages,

Painter,

UltraEdit,...), dar se poate impune şi o denumire nouă (e.g., Camtasia, Encarta,

Galeon, Mozilla,

Sedna etc.)



5050

InstalareInstalare

•

Etape:–Software-ul

este copiat/încărcat

pe hard-disk-ul

local (CD/DVD, server de fişiere, Internet,…)

–Software-ul necesită o configuraţie iniţială pentru facilitarea rulării (e.g.,

inserarea

de chei în registry,

crearea

unor

fişiere

de configurare)



5151

InstalareInstalare

•

Uzual, programele

de instalare nu sunt proiectate corespunzător

•

Instalarea trebuie să fie facilă & neagasantă•

Instalarea reprezintă prima înfăţişare a programului în faţa utilizatorului (este parte a interfeţei): user first experience



5252

InstalareInstalareE

xemp

lu(p

ozitiv?)



5353

InstalareInstalare

•

Programele de instalare

(Alan Cooper): –Interoghează inutil utilizatorul–Nu sunt flexibile–Modifică (tacit) configurările de sistem

(directoare

de sistem, fişiere de configurare, registry,…)

sau

ale altor

aplicaţii

–Nu oferă dezinstalarea totală–Nu detectează o instalare eşuată/corectă

prealabilă



5454

InstalareInstalare

•

Programele de instalare

(Alan Cooper): –Nu informează asupra scopului acţiunilor–Eşuează sau acţionează cu stupiditate–Pun întrebări la care utilizatorul nu poate

răspunde–Abuzează de fişiere de configurare–Au

de cele

mai

multe

ori

o interfaţă

proiectată necorespunzător



5555

InstalareInstalare•

Utilizatorul trebuie să cunoască diferenţa între instalarea

Full, Minimal &

Custom

•

Programul de instalare trebuie să detecteze singur anumite date despre sistem

– configuraţia hardware/software



5656

DezinstalareDezinstalare

•

Necesitatea unei proceduri de dezinstalare robuste & rapide

•

Dezinstalarea trebuie să elimine toate urmele programului (fişiere/directoare create de aplicaţie, fişiere & chei de configurare etc.)

•

Programul de dezinstalare ar trebui să posede o funcţie de migrare a aplicaţiei pe alt calculator



5757

DezinstalareDezinstalare

•

Dezinstalarea nu trebuie să afecteze fişierele partajate (biblioteci dinamice, drivere,…)

•

Instrumente de instalare/dezinstalare a aplicaţiilor: – make– MSI (Microsoft Installer)– Nullsoft

Installer

– RPM (RedHat Package Manager)– etc.



5858

OptimizareaOptimizarea

•

Calculatorul munceşte, utilizatorul gândeşte

•

Calculatorul nu trebuie să gândească în locul omului, ci să lucreze

•

Uzual, nu se acordă ajutor efectiv utilizatorului•

Algebra booleană trebuie

înlocuită

cu

limbajul

natural•

Utilizarea metaforei şi a idiomurilor vizuale



5959


•

Software-ul

trebuie/ar

trebui să…–nu

aştepte

(eliminarea

timpilor

morţi)

–dea sugestii folositoare

–memoreze acţiunile utilizatorului şi să le refolosească

–realizeze (automat) copii de siguranţă



6060



6161


•

Software-ul

nu trebuie să dezamăgească niciodată

•

Programele bune sunt cele calde, simple şi profunde

•

Software-ul trebuie să comunice cu hardware-ul



6262

OptimizareaOptimizarea•

Software-ul

poate oferi o galerie de soluţii bune:

–Şabloane– Macro-uri– Proiecte– Setări

predefinite



6363




6464

Studiu de caz: Windows Vista



6565


Interacţiune

mai clară & eficientă prin Aero

(Authentic, Energetic, Reflective and Open)– Accent pus pe hover, transluciditate, caracter 3D

pronunţat, utilizabilitate (e.g., navigabilitate)– Se oferă controale noi (command links,

network address controls) – O nouă interacţiune via notifications– Control de căutare (normală/instantanee),

plasat în dreapta-sus– Ferestre de dialog de tip sarcină (task dialog)– Noul tip de wizard, mai eficient & flexibil



6666


Schimbarea tonului interacţiunii cu utilizatorul–Mesajele trebuie să inspire încredere–Evitarea distragerii

ori

aroganţei

(tonul atotştiutor)•

“Cannot delete Document: Access is denied!”

vs.

“This file is protected and cannot be deleted without specific permission.”

–De evitat

unele

timbre/tonuri

monotone ale vocilor generate electronic



6767


Schimbarea tonului interacţiunii cu utilizatorul–Accent pus pe acurateţe, politeţe &

pe acţiuni orientate spre un scop clar•

Evitarea

termenilor

tehnologici

“Manual duplex”

vs. “Print on both sides of paper”

–Folosirea persoanei I singular, în majoritatea

cazurilor



6868


Stilul nou de pictograme pentru tema Aero– Realism ridicat, dar bazat pe simbolistică– Icon-uri

de maxim 256×256

pixeli

(pentru toolbar-uri:

maxim 24×24)– Icon-urile

documentelor sunt înlocuite de

miniaturi ale conţinutului– Pictogramele în stil vechi (Win

3.1/9X)

sunt prohibite•

Folosirea unor fonturi

noi

– Noul font

de sistem Segoe UI optimizat pentru

ClearType



6969


Adoptarea unor interfeţe “aerisite”– Organizarea interacţiunii în manieră simplă,

predictibilă, bazată pe sarcini grupate logic– Folosirea unui stil vizual unificat– Meniuri contextuale pentru fiecare zonă de

interacţiune– Fiecare opţiune de meniu are ataşată o tastă de

acces (Alt+tasta); a nu se confunda cu shortcut-urile– Eliminarea textului neimportant– Folosirea judicioasă a notificărilor– Deşi rezoluţia minimă acceptată este

800×600,

ferestrele resizeable se proiectează pentru 1024×768



7070


Utilizarea gadget-urilor– Mini-aplicaţii disponibile în sidebar ori pe desktop– Un

gadget realizează o activitate specifică,

simplă & bine-definită (indicată vizual)– Nu trebuie să copie interfaţa aplicaţiilor normale– Interacţiunea cu un gadget nu este deranjantă– Tipuri:

•

Informative (weather, RSS reader)•

Utilitare (notes)

•

Amuzante (puzzle)– Ocupă 130 pixeli lăţime în sidebar;

maxim 400 (când sunt detaşabile)



7171

Discuţii:




7272

Discuţii:




7373

Discuţii:




7474


Clasificarea tipurilor de aplicaţii/programe– Aplicaţii axate pe productivitatea utilizatorilor

•

suite de birou, aplicaţii

business dedicate

etc.– Aplicaţii dedicate

utilizatorilor

casnici

(consumer applications) –

enciclopedii multimedia, player-e, antiviruşi etc.

– Jocuri

(2D/3D, de sine-stătătoare/în reţea,…)– Chioşcuri informative

(e.g., turistice)

– Instrumente pentru profesioniştii IT •

suite de dezvoltare software, interface builders,…



7575


•

Clasificarea tipurilor de aplicaţii/programe–Unele

vor

putea

fi

dezvoltate

folosind

şi:

•

WPF (Windows Presentation Foundation) din .NET 3.0/3.5

•

WPF/E (WPF Everywhere)•

XNA (XNA’s

Not an Acronym)

•

ASP.NET

+

AJAX

(ex-Atlas) şi/sau

Silverlight



7676

““ConcluziiConcluzii””

•

“A visual bug seen by all your customers might do more damage to your program’s reputation than a rarely occurring crashing bug.”

•

“An application is powerful when it enables its target users to realize their full potential efficiently.”

(Windows Vista UX Guidelines, 2007)



7777

RezumatRezumat

•

Tipuri de utilizatori

•

Vectori de comandă

•

Facilităţile de ajutor furnizate de software

•

Personalizarea & configurarea interfeţei•

Reputaţia programului

•

Instalarea aplicaţiei•

Optimizarea aplicaţiei



7878

ÎÎntrebărintrebări??

interactiune om-calculator (educarea & instruirea utilizatorilor)

Technology