interactiune om-calculator (educarea & instruirea utilizatorilor)
DESCRIPTION
TRANSCRIPT
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//
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
22
“If that makes any sense to you,
you have a big problem.”
C. Durance
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
55
TipuriTipuri de de utilizatoriutilizatori
•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
66
TipuriTipuri de de utilizatoriutilizatori
•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
77
TipuriTipuri de de utilizatoriutilizatori
•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
88
TipuriTipuri de de utilizatoriutilizatori
•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
99
TipuriTipuri de de utilizatoriutilizatori
•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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ăă
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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ăă
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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,...
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1515
VectoriVectori de de tranzitranziţţieie
Exemple
(pozitive):
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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ă
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1818
Ce doresc Ce doresc îîncepătoriincepătorii
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2020
CeCe dorescdoresc
intermediariiintermediarii
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2323
CerinCerinţţele utilizatorilorele utilizatorilor
•
Remarcă:–Utilizatorii vor tolera
complexitatea software-ului doar dacă acest aspect merită
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2525
HelpHelp--ulul
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2727
HelpHelp--ulul onon--lineline
•
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)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2828
HelpHelp--ulul onon--lineline
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2929
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3131
WizardsWizards
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3333
PersonalizarePersonalizare & & configurareconfigurare
•
Personalizare = decorarea obiectelor permanente
•
Configurare = adăugarea, mutarea &
ştergerea
obiectelor permanente
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3434
PersonalizarePersonalizare & & configurareconfigurare
•
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ă!)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3535
PersonalizarePersonalizare & & configurareconfigurare
•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3636
PersonalizarePersonalizare & & configurareconfigurare
•
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.
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3737
PersonalizarePersonalizare & & configurareconfigurare
Personalizarea
–
exemplu:
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4141
ReputaReputaţţiaia programuluiprogramului•
Fereastra
About
– Exemplu
negativ:
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4242
ReputaReputaţţiaia programuluiprogramului•
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”
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4343
ReputaReputaţţiaia programuluiprogramului•
Ecranul de senzaţie
(splash screen) – Welcome
screen:
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4545
ReputaReputaţţiaia programuluiprogramului
Easter eggs
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4646
ReputaReputaţţiaia programuluiprogramului
Easter eggs
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4747
ReputaReputaţţiaia programuluiprogramului
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4848
ReputaReputaţţiaia programuluiprogramului
•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4949
ReputaReputaţţiaia programuluiprogramului
•
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.)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5252
InstalareInstalareE
xemp
lu(p
ozitiv?)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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ă
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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.
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5959
OptimizareaOptimizarea
•
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ţă
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6060
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6161
OptimizareaOptimizarea
•
Software-ul
nu trebuie să dezamăgească niciodată
•
Programele bune sunt cele calde, simple şi profunde
•
Software-ul trebuie să comunice cu hardware-ul
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6262
OptimizareaOptimizarea•
Software-ul
poate oferi o galerie de soluţii bune:
–Şabloane– Macro-uri– Proiecte– Setări
predefinite
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6363
OptimizareaOptimizarea
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6464
Studiu de caz: Windows Vista
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6565
OptimizareaOptimizarea•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6666
OptimizareaOptimizarea•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6767
OptimizareaOptimizarea•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6868
OptimizareaOptimizarea•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6969
OptimizareaOptimizarea•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
7070
OptimizareaOptimizarea•
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)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
7171
Discuţii:
OptimizareaOptimizarea
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
7272
Discuţii:
OptimizareaOptimizarea
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
7373
Discuţii:
OptimizareaOptimizarea
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
7474
OptimizareaOptimizarea•
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,…
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
7575
OptimizareaOptimizarea
•
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
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
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
7878
ÎÎntrebărintrebări??