98-362 Designul interfeței
La capitolul “Înțelegerea conceptelor de bază” în Windows Development Fundamentals vorbim de trei subcapitole:
- Interfața (ceea ce vom discuta în acest articol)
- Identificarea diferitelor tipuri de aplicații
- Crearea aplicațiilor Windows în Visual Studio.
Poziționare
Când vorbim de crearea unei interfețe cel maiimportant lucru este modul cum se simte. Interfața trebuie să fie cât mai intuitivă și logică. Vorbim aici de poziționarea elementelor care ar trebui făcută după modul cum citește utilizatorul, de la stânga la dreapta, de sus în jos sau de la dreapta la stânga.
Foarte importantă este și gruparea elementelor, Dacă vorbim de o aplicație care afișează datele dintr-o bază de date butonul de next ar trebui să fie strategic pus față de previous. Fie unul lângă celălalt fie simetric pus, next în dreapta, previous în stânga.
Consistență
Chiar dacă tentația este mare la început nu trebuie să folosești toate controalele. Încearcă să rămâi la câteva de bază pe care să le folosești.
Poți folosi list box, combo box, grid, tree view pentru afișarea unor elemente, dar nu este o idee bună să le folosești pe toate.
Folosește controalele inteligent! Da poți crea un textbox cu proprietatea de readonly, dar nu este un lucru foarte inteligent pentru că ai putea să folosești un label pentru acest lucru.
Când vorbim de consistență vorbim și de folosirea acelorași culori în toată aplicația. O fi fost interesant când aveam 8-9 ani să folosm cât mai multe culori în aplicația mea, dar este de preferat să folosim același background și foreground pentru aplicațiile mele.
Affordance
Affordance se referă la faptul că o aplicație trebuie să fie cât de cât intuitivă. Exemplul cel mai bun este când te uiți la clanță și știi că trebuie apăsată în jos ca să meargă sau când te uiți la un întrerupător și știi că trebuie să îl apeși ca să se aprindă sau să se stingă lumina.
Exemple din crearea unei interfețe: un buton trebuiă să fie delimitat, trebuie să aibă o culoare diferită pentru margine pentru că altfel lumea o să îl confunde cu un label și nu o să știe că trebuie să facă click. Asemeni pentru un label, dacă are aceeași culoare cu backgroundul aplicației utilizatorul nu va intui că acolo trebuie să introducă el text.
Gândește-te la butonul de save pe care toată lumea îl cunoaște ca fiind o dischetă. Chiar dacă nimeni nu mai folosește o dischetă el a rămas ca fiind icon-ul de salvare. Motivul este simplu, lumea este obișnuită să caute acel icon pentru a salva documentul. Dacă acesta va fi îndepărtat gândiți-vă că utilizatorii vor reacționa cam cum au reacționat când a dispărut butonul de start. Chaos, chaos everywhere!
Spațiul alb
Spațiul alb nu este neapărat alb. Este doar denumit așa pentru a face referire la spațiul gol dintre controalele tale. Nu vrei să ai într-o aplicație nici prea mult spațiu alb (o aplicație full screen cu un singur textbox și un buton), dar nici prea puțin (o aplicație cu 10 butoane, 20 label-uri și 30 textbox-uri). Dacă într-adevăr ai nevoie de atâtea controale încearcă-le să le grupezi și folosește-te eventual de MDI .
Spațiul dintre controale sau cel puțin față de controalele care vin din aceeași categorie ar trebui să fie egal, o dstanțiere neuniformă nu o să arate deloc bine.
O interfață cât mai simplă
Să zicem că am de făcut un formular, cea mai des întâlnită greșeală este să faci interfața asemeni formularului de pe o foaie. În primul rând pe o foaie așezarea estee în portrait iar pe monitor probabil o să fie landscape. De asmenea dacă o să ai foarte multe câmpuri dintr-o dată pe care utilizatorul trebuie să le completeze acesta probabil se va speri și va renunța la idee. Încearcă un model secvențial prin care să ceri informații de la utilizator.
Font-ul
Încearcă să rămâi la fonturi simple pe care le cunoaște toată lumea: Arial, Times New Roman, System. Dacă o să ai o aplicație cu un font pe care utilizatorul nu o să-l aibă font-ul tău va fi înlocuit de unul default pentru sistemul de operare și aplicația va arăta diferit față de cum ai gândit-o tu.
By: Adrian Coman
