interactiune om-calculator -- prezentarea programului (la nivel de desktop)
TRANSCRIPT
![Page 1: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/1.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
11
InteracInteracţţiune omiune om--calculatorcalculator Prezentarea programului Prezentarea programului
(la nivel de (la nivel de desktopdesktop))
Dr. Sabin-Corneliu Buraga Facultatea de Informatică
Universitatea “A.I.Cuza”
Iaşi, România httphttp://://www.infoiasi.rowww.infoiasi.ro/~/~busacobusaco//
![Page 2: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/2.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
22
“Design, v.:
What you regret not doing later on.”
/usr/games/fortune
![Page 3: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/3.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
33
CuprinsCuprins
•
Prezentarea aplicaţiilor desktop–Design vizual
–Planificarea interfeţei
–Stările ferestrelor
–Structura prezentării interfeţei
–Overhead-ul
interfeţelor
![Page 4: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/4.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
44
Design Design vizualvizual
•
Crearea interfeţei presupune o proiectare vizuală– Vizualizare
≡
reprezentare
grafică
a datelor/conceptelor
(Ware, 2004)
![Page 5: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/5.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
55
Design Design vizualvizual
•
Elemente de bază (Dan Saffer, 2006):– Aranjament
(layout): unde & cum sunt amplasate
controalele/conţinutul, în manieră ierarhică– Grilă
(grid): organizează datele în mod coerent
– Flux (flow) vizual: modul de parcurgere sau de interacţiune cu datele oferite
– Typography: corpuri de literă & reguli de redare– Culoare, formă
(shape), textură
![Page 6: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/6.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
66
Design Design vizualvizual•
Aspecte importante– Funcţia
•
designul (proiectarea) bun(ă) oferă suport pentru activităţile utilizatorului
– Forma•
designul (proiectarea) bun(ă) trebuie să impulsioneze utilizatorul să folosească obiectul cu plăcere
![Page 7: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/7.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
77
Design Design vizualvizual
•
Principii–Simplitatea
•
Designul simplu de obicei e şi cel mai eficient “Forma întotdeauna urmează funcţiei.”
(Sullivan)•
Exemple: harta rutieră, Google.com
–Dimensiunea, contrastul, proporţia–Organizarea &
caracterul vizual
al structurii informaţionale
![Page 8: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/8.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
88
Design Design vizualvizual
•
Greşeli comune:–dezordinea & zgomotul
–interferenţa între elementele cu acelaşi grad de importanţă
–complicarea evidentului
–detalierea excesivă
![Page 9: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/9.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
99
Design Design vizualvizual: : dimensiunidimensiuni•
Contrastul codifică
informaţia în conjuncţie cu
dimensiunile vizuale– Percepţia diferenţelor privitoare
la o dimensiune vizuală– Diferenţele neimportante trebuie eliminate
⇒ asigurarea simplităţii
![Page 10: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/10.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1010
Design Design vizualvizual: : dimensiunidimensiuni•
Dimensiunile vizuale pot fi diferenţiate conform variabilelor vizuale
– Jacques Bertin, 1989
(nu necesită
procesare cognitivă
suplimentară)– Valoare, strălucire, luminanţă (value)– Puritate, culoare
(hue)
– Textură (texture)– Formă (shape)– Poziţie (position)– Orientare (orientation)– Mărime (size)
![Page 11: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/11.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1111
Design Design vizualvizual: : dimensiunidimensiuni•
Variabilele vizuale sunt utilizate pentru:– Comunicare– Codificarea datelor– Realizarea distincţiei între elementele vizuale
ale interfeţei•
Înainte de a folosi o variabilă vizuală, trebuie determinat în ce măsură aceasta comunică utilizatorului informaţia dorită– Afişarea temperaturii se poate realiza
via
orice variabilă vizuală: culoare, poziţia pe o scală, lungimea termometrului, printr-un icon etc.
![Page 12: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/12.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1212
Design Design vizualvizual: : dimensiunidimensiuni
•
Caracteristici importante ale variabilelor vizuale:– Scala: tipurile de comparaţii posibile
•
Nominală (=): toate variabilele•
Ordonată (<, >): inadecvată pentru hue, orientare, formă
•
Cantitativă: doar pentru
poziţie & mărime
![Page 13: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/13.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1313
Design Design vizualvizual: : dimensiunidimensiuni
•
Caracteristici importante ale variabilelor vizuale:– Lungimea:
numărul nivelurilor de percepţie a valorilor•
Valori mari pentru formă & poziţie
•
~10 niveluri pentru unele variabile (e.g., mărime)
•
~4 niveluri pentru orientare
![Page 14: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/14.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1414
Design Design vizualvizual: : dimensiunidimensiuni
•
Variabilele vizuale intervin privitor
la:–Atenţie
•
Canalul de intrare = una sau mai multe variabile (e.g., poziţie & hue)
–Percepţie•
Selectivă
în cazul poziţiei, mărimii,
orientării, hue, valorii, texturii•
Neselectivă pentru formă
![Page 15: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/15.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1515
Design Design vizualvizual: : dimensiunidimensiuni
•
Experiment –
detectaţi…– toate
literele din dreapta (poziţie)
![Page 16: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/16.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1616
Design Design vizualvizual: : dimensiunidimensiuni
•
Experiment –
detectaţi…– toate
literele verzi (hue)
![Page 17: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/17.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1717
Design Design vizualvizual: : dimensiunidimensiuni
•
Experiment –
detectaţi…– toate
N-urile (forma)
![Page 18: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/18.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1818
Design Design vizualvizual: : dimensiunidimensiuni
•
Percepţia poate fi asociativă– Uşurinţa ignorării unei variabile, lăsând deoparte
toate distincţiile conforme dimensiunii ignorate – Variabile asociative:
poziţia, hue, textura, forma, orientarea– Nu sunt asociative: mărimea & valoarea
•
Mărimea mică & valoarea joasă interferează în ceea ce priveşte receptarea valorii, texturii, formei etc.
•
Culoarea obiectelor mici e mai dificil de perceput
![Page 19: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/19.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
1919
Design Design vizualvizual: : strategiistrategii
•
Grila
(grid)–
des folosită în tipografie
•
Focalizarea
(focus)–
evidenţierea a 1 sau mai multe
elemente modulare•
Modularitatea
•
Flexibilitatea–
permiterea
de variaţii de la temă
•
Consistenţa–
nerespectarea ei implică mai multă muncă de programare/întreţinere a aplicaţiei decât respectarea ei
![Page 20: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/20.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2020
Design Design vizualvizual: : strategiistrategii•
Diverse tipuri de grid –
şabloane vizuale
(Dan Saffer, 2006):
iTunes PowerPoint
Client de e-mail (e.g., Thunderbird)
Situri
Web (e-shop, blog,…)
![Page 21: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/21.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2121
Design Design vizualvizual•
Greşeli comune:– poziţii arbitrare ale componentelor– dimensiuni arbitrare ale componentelor– forme & dimensiuni arbitrare ale ferestrelor– mărimi & reprezentări arbitrare ale icon-urilor– prezentări inconsistente– limbaje vizuale inconsistente
•
Menţinerea structurii se poate realiza prin repetarea elementelor de design pe parcursul interfeţei (şabloane
de proiectare
–
design patterns)
![Page 22: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/22.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2222
PlanificareaPlanificarea
•
Redarea datelor &
interacţiunea cu utilizatorul trebuie realizate în mod organizat
•
Obiectele de interfaţă sunt conţinute de ferestre: principale
&
subordonate
(documente, casete de dialog)•
Programul trebuie să aibă o unică fereastră principală
•
Fereastra ≡
camera, programul ≡
casa
![Page 23: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/23.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2323
PlanificareaPlanificarea
•
Utilizarea unei camere este asociată unui scop
•
Nu trebuie folosite casete de dialog (camere separate) pentru activităţi în strânsă legătură cu activitatea din fereastra principală
•
Atenţie la poluarea cu ferestre –
window pollution!
![Page 24: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/24.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2424
PlanificareaPlanificarea
•
Fluxul (vizual
al) aplicaţiei– urmărirea modelelor mentale
(metaforele, idiomurile)– calculatorul este încă privit ca instrument,
nu ca partener de dialog– instrumentele trebuie păstrate la îndemână
(se asigură
ergonomia)
![Page 25: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/25.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2525
PlanificareaPlanificarea
•
Fluxul (vizual
al) aplicaţiei– utilizatorul este confruntat cu apariţia
a două tipuri de ferestre:•
modale
– utilizatorul trebuie să rezolve
o anumită sarcină în altă fereastră•
nemodale
(modeless) –
utilizatorul
interacţionează în aceeaşi fereastră cu aplicaţia– feedback-ul trebuie să fie (cât) mai puţin modal
![Page 26: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/26.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2626
PlanificareaPlanificarea
•
Principiul
suprapunerii
(Alan Cooper)– concurenţa task-urilor– manevrarea ferestrelor– înlănţuirea (tiling)– desktop-urile
virtuale
– task-switcher-ul
–
Startbar din Windows; Dock & Exposé la Mac OS X; Sidebar la Vista etc.
![Page 27: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/27.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2727
PlanificareaPlanificarea
•
Asigurarea orchestraţiei (Cooper)–interfaţa trebuie să fie simplă & consistentă –interfaţa trebuie să fie invizibilă–posibilitate vs. probabilitate–nu trebuie afişate informaţii cantitative–introducere grafică vs. textuală a datelor–programul trebuie să reflecte starea
(gata de lucru, adormit, ocupat etc.)
![Page 28: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/28.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2828
PlanificareaPlanificarea
•
Asigurarea orchestraţiei (Cooper)–utilizatorul trebuie informat,
dar nu trebuie utilizate ferestre
de dialog pentru a raporta normalitatea
–nu trebuie folosite casete de dialog (modale) pentru a interoga utilizatorii
–fiecare metaforă/idiom folosit(ă) trebuie să aibă o motivaţie
![Page 29: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/29.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
2929
PlanificareaPlanificarea•
Asigurarea
orchestraţiei
afişarea & editarea grafică a datelor
![Page 30: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/30.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3030
PlanificareaPlanificarea•
Postura– suverană
•
aplicaţie utilizată timp îndelungat, aproape continuu (Word, Photoshop, Visual
Studio,…)
•
interacţiune complexă, atenţia fiind focalizată permanent
•
utilizatorii suverani sunt cei cu experienţă•
aplicaţia se execută maximizată
•
paletă de culori discretă, odihnitoare, elemente de interfaţă elegante &
productive
•
interfaţa este ordonată, cu controale dispuse în colţurile ferestrei,
de
dimensiuni reduse
![Page 31: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/31.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3131
PlanificareaPlanificarea•
Postura– trecătoare
•
programul e tranzient, axat pe o singură funcţie (e.g., arhivator, program de scanare, anti-virus, cititor de ştiri RSS/Atom etc.)
•
interfaţa este clară, cu butoane mari & precise•
programul poate reprezenta un anumit suport pentru o aplicaţie suverană
•
nu rulează maximizat, dar poate rula în fundal•
programele trecătoare ar trebui să folosească o interfaţă mai incisivă
![Page 32: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/32.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3232
PlanificareaPlanificarea•
Postura– demonică
•
postura adoptată de daemon-i (programe ce nu interacţionează cu
utilizatorii,
realizând activităţi în fundal, uneori vitale)
•
ar trebui să fie complet invizibile, nu ar trebui să raporteze starea unei activităţi folosind o interfaţă modală
•
dacă
daemon-ul nu trebuie configurat frecvent, nu trebuie să fie vizibil
![Page 33: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/33.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3333
demonică
trecătoare
![Page 34: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/34.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3434
PlanificareaPlanificarea•
Postura– parazită
•
se bazează deseori
pe aplicaţii suverane şi trecătoare
•
prezenţă continuă, cu rol mai mult de aplicaţie trecătoare;
uneori, nu realizează nimic util •
paraziţii nu ar trebui să focalizeze (prea
mult)
atenţia utilizatorului•
exemple:
XEyes, AMOR
(Amusing Misuse Of
Resources) –
XWindow, widget-uri
–
Mac OS X, gadget-uri
–
Vista
![Page 35: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/35.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3535
PlanificareaPlanificarea•
Postura– alte
ipostaze•
se adoptă posturi mixte
•
exemple: Delphi,
Kylix, GIMP
![Page 36: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/36.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3636
StStăările rile ferestrelorferestrelor
•
Stări
principale:– minimizată
(iconify, minimize)
– maximizată (zoomed, maximize)– restaurată (restore)– “lipicioasă”
(sticky)
•
De ce minimizăm ferestrele? •
De ce avem nevoie de starea restore?
![Page 37: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/37.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3737
StStăările rile ferestrelorferestrelor
•
Interfaţa de tip document multiplu – MDI
(Multiple Document Interface)
– SDI
(Single Document Interface)
– MDI oferă suport pentru instanţe multiple ale aceleaşi aplicaţii (suverane): o unică fereastră principală, fiecare document
este
conţinut de
ferestre subordonate– Se tinde spre aplicaţii exclusiv SDI:
asigurarea comutării facile de un document la altul
![Page 38: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/38.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3838
Structura prezentării interfeStructura prezentării interfeţţeiei•
Trebuie să se urmărească structura task-urilor (scopuri & sub-scopuri
ale utilizatorului)
•
Gruparea elementelor de interfaţă– Spaţială– Elemente grafice de separare (e.g.,
bevel)
– Cromatică
– Grupare logică vs. grupare fizică– Stabilirea unei ordini de prezentare– De asigurat
simetria
& echilibrul
![Page 39: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/39.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
3939
Structura prezentării interfeStructura prezentării interfeţţeiei•
Gruparea se poate baza pe principiul Gelstalt: ochiul creează un întreg (gelstalt) din fragmentele existente
![Page 40: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/40.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4040
![Page 41: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/41.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4141
Structura prezentării interfeStructura prezentării interfeţţeiei
![Page 42: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/42.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4242
Structura prezentării interfeStructura prezentării interfeţţeiei•
Studiu de caz
(adaptare
după
Alan Dix):
alinierea unor nume dintr-o listă a colegilor
AndruAndru
DilicaDilica
JanetaJaneta
FlanelFlanel
GipiGipi
AbolituAbolitu
Rumba Rumba BalitBalit
AndruAndru
DilicaDilica
JanetaJaneta
FlanelFlanel
GipiGipi
AbolituAbolitu
RumbaRumba
BalitBalit
AbolituAbolitu, , GipiGipiBalitBalit, Rumba, RumbaDilicaDilica, , AndruAndruFlanelFlanel, , JanetaJaneta
![Page 43: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/43.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4343
Structura prezentării interfeStructura prezentării interfeţţeiei•
Recomandări:–reducerea cantităţii de informaţie
şi
creşterea vitezei de citire &
interpretare a informaţiilor
–
information architecture
•
evitarea detaliilor inutile•
exprimarea concisă
•
recurgerea la formate familiare de introducere/afişare a datelor
•
utilizarea tabelelor în cazul informaţiilor cantitative şi omogene structural
•
utilizarea spaţiilor
![Page 44: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/44.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4444
Structura prezentării interfeStructura prezentării interfeţţeieiRedarea informaţiilor privind precipitaţiile
dintr-un areal geografic‡
Datele în formă “brută”:
4.35 3.17 3.06 1.37 0.19 0.11 0.03 0.05 0.20 1.22 2.86 3.095.35 4.03 3.77 2.51 1.84 1.59 0.85 1.22 1.94 3.25 5.65 6.001.53 1.36 2.69 3.64 3.32 3.78 3.66 4.22 3.82 2.41 2.92 2.473.17 3.02 3.59 3.90 3.80 3.65 3.80 3.41 3.30 2.88 3.65 3.422.01 2.08 2.39 2.85 6.21 9.33 5.70 7.58 7.63 5.64 2.66 1.83
‡ După
http://www.veen.com/nextgen.pdf
![Page 45: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/45.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4545
Structura prezentării interfeStructura prezentării interfeţţeieiRedarea informaţiilor privind precipitaţiile
dintr-un areal geograficDatele capătă semnificaţie⇒informaţii afişate tabelar:
![Page 46: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/46.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4646
Structura prezentării interfeStructura prezentării interfeţţeieiRedarea informaţiilor privind precipitaţiile
dintr-un areal geograficPosibilităţi multiple de afişare –
via stiluri:
![Page 47: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/47.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4747
Structura prezentării interfeStructura prezentării interfeţţeieiRedarea informaţiilor privind precipitaţiile
dintr-un areal geograficIndicarea informaţiilor de interes –
via stiluri:
![Page 48: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/48.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4848
Structura prezentării interfeStructura prezentării interfeţţeieiEliminarea datelor numerice
contează doar semnificaţia:
![Page 49: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/49.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
4949
Structura prezentării interfeStructura prezentării interfeţţeieiDe la informaţii la vizualizări mai
complexe:
![Page 50: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/50.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5050
Exemple
negative
![Page 51: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/51.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5151
Exemple
negative
![Page 52: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/52.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5252
Structura prezentării interfeStructura prezentării interfeţţeiei•
Studiu de caz: utilizarea spaţiilor
(Dix, ’99)
pentru
separare
pentru
structurare
![Page 53: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/53.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5353
Structura prezentării interfeStructura prezentării interfeţţeiei•
Studiu de caz: utilizarea spaţiilor
pentru reliefare (focalizarea atenţiei)
![Page 54: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/54.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5454
Structura prezentării interfeStructura prezentării interfeţţeiei•
Studiu
de caz: utilizarea
dégrade-urilor
![Page 55: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/55.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5555
Structura prezentării interfeStructura prezentării interfeţţeiei•
Recomandări– prezentarea consistentă a informaţiilor
•
proporţia ferestrelor•
numărul total de controale
•
procentul de spaţiu neocupat de controale•
densitatea elementelor de interfaţă
•
distanţele faţă de marginile ferestrei•
echilibrul afişării pe orizontală & verticală
•
omogenitatea textului afişat (font, mărime etc.)•
folosirea
adecvată
a culorii
•
dimensiunile &
amplasarea celor mai des folosite controale
![Page 56: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/56.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5656
Structura prezentării interfeStructura prezentării interfeţţeiei•
Greşeli:
![Page 57: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/57.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5757
OverheadOverhead
•
Overhead ≡
costul de utilizare a unei aplicaţii via o interfaţă
(timpul pierdut pentru a realiza o anumită operaţie)
•
Overhead-ul
poate deveni benefic pentru începători, dar este
deranjant
pentru utilizatorii experimentaţi
![Page 58: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/58.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5858
OverheadOverhead
•
Utilizatorul nu trebuie obligat să întrebe ceva•
Interfaţa trebuie să permită input ori de câte ori se realizează output
![Page 59: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/59.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
5959
OverheadOverhead
•
Apariţia mesajelor de confirmare/eroare– nu trebuie să se recurgă la altă fereastră
pentru a schimba ceva din fereastra curentă– utilizatorul nu trebuie forţat să-şi aducă aminte– utilizatorul nu ar trebui obligat să
redimensioneze
şi/sau mute ferestrele (mai ales la o interfaţă MDI)– utilizatorul nu trebuie să-şi confirme acţiunile– acţiunile utilizatorului nu trebuie
să conducă la eroare
![Page 60: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/60.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6060
OverheadOverhead•
Reducerea
overhead-ului
(aici, Konqueror)
![Page 61: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/61.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6161
OverheadOverhead•
Sfaturi:–Procesarea nu trebuie oprită prosteşte,
prin dialoguri inutile
–Programul trebuie să se auto-protejeze–Aplicaţia nu trebuie să devină stupidă
![Page 62: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/62.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6262
OverheadOverhead
![Page 63: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/63.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6363
OverheadOverhead
![Page 64: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/64.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6464
OverheadOverhead
•
Sfaturi:– In orice situaţie, utilizatorul trebuie
să poată realiza operaţia de undo ⇒ conferă utilizatorului un sentiment de libertate
– Toate dialogurile trebuie să aibă un buton Cancel (“Clearly Marked Exits” – Jakob Nielsen)
– Datele oferite de utilizator trebuie să fie editabile
![Page 65: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/65.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6565
OverheadOverhead
•
Sfaturi:– De
oferit shortcut-uri
uşor de învăţat (memorabile)
pentru operaţiile frecvente:•
acceleratori –
combinaţii de taste:
Ctrl+S, Alt+Tab•
abrevieri de comenzi –
e.g., ls, <p>, defun,…
•
bookmark-uri•
istoric (history)
•
stiluri, şabloane, biblioteci, soluţii etc.•
sugestii
la căutare
![Page 66: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/66.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6666
OverheadOverhead•
Sfaturi:– Operaţiile executate timp îndelungat
trebuie
să poată fi oprite (anulate)– Utilizatorul trebuie să fie informat despre starea
sistemului –
modificarea cursorului, bara de stare, highlight, schimbarea stilului de afişare – timpul de răspuns (feedback-ul):
< 0.1 s
– (aproape) instantaneu0.1-1 s – nu necesită feedback,
deşi utilizatorul observă că trebuie să aştepte1-5 s
–
va apărea
cursorul “ocupat”
(busy)
>1-5 s
–
va fi afişată o bară de progres
![Page 67: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/67.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6767
OverheadOverhead•
Sfaturi:– Evitarea supraîncărcării memoriei
(recognition, not recall)•
Meniurile sunt de preferat limbajelor de comenzi
•
Controale combo-box în loc de text edit•
De utilizat comenzi generice oricând este posibil (Open, Save, Copy, Paste, Quit etc.)
•
Toate informaţiile de care are nevoie utilizatorul la un moment dat ar trebui să fie vizibile ori uşor de regăsit
– Ajutorul acordat trebuie să fie constructiv: speak user’s language
– Proiectarea trebuie să fie minimalistă: less is more
![Page 68: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/68.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6868
OverheadOverhead•
Aplicaţia trebuie să memoreze informaţiile introduse de utilizator
•
Din punctul de vedere al utilizatorului, programul pare ignorant, uituc, slab, lipsit de iniţiativă, irascibil
•
Task-urile trebuie să fie coerente & naturale•
Întrebări:– Cât de mult trebuie să ţină minte programele?– Ce trebuie să ţină minte?– Cât timp trebuie să ţină minte?
![Page 69: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/69.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
6969
OverheadOverhead
![Page 70: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/70.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
7070
RezumatRezumat
•
Prezentarea aplicaţiilor desktop–Design vizual
–Planificarea interfeţei
–Stările ferestrelor
–Structura prezentării interfeţei
–Overhead-ul
interfeţelor
![Page 71: Interactiune om-calculator -- Prezentarea programului (la nivel de desktop)](https://reader035.vdocument.in/reader035/viewer/2022081404/558ca25fd8b42af2418b456a/html5/thumbnails/71.jpg)
InteracInteracţţiune omiune om--calculatorcalculator
Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//
7171
ÎÎntrebărintrebări??