Ghidul de stil vizual
a fost creat pentru a îmbunătăți interfața tuturor serviciilor electronice guvernamentale pe parte de uzabilitate și consistență, pentru o utilizare mai ușoară și o experiență mai plăcută. Folosind elementele definite pe parcursul acestui ghid de stil vizual, în primul rând se va ține cont de accesibilitate în funcție de context. Toate mărimile, culorile, spațierea, etc. au fost din start selectate pentru a fi accesibile. Uzabilitatea nu trebuie să fie sacrificată în schimbul ghidului de stil.
Principii generale
Designul este important. Dar designul nu înseamnă decorare sau ornamentare. Designul înseamnă a face comunicarea cât mai simplă și clară pentru utilizator. Uzabilitatea și ușurința de a folosi un sistem (și nu decorarea și ornamentarea) determină succesul sau eșecul unei pagini web. Din moment ce utilizatorul este singurul care interacționează și face deciziile sale în utilizarea sistemului, designul orientat pe utilizator a devenit un standard deja.
Utilizatorii apreciază calitatea, consistența și credibilitatea. Ei nu citesc, ei scanează mai degrabă. Sunt nerăbdători pentru a ajunge cât mai repede și simplu la rezultat. Doresc să aibă control și își folosesc intuiția mai degrabă decât a căuta o cale optimă.
Comunicarea
Utilizatorii doresc acces rapid la informație, deci e important de a comunica clar și efectiv. Informația deci trebuie să fie ușor de citit și înțeles. Și aici avem un întreg arsenal: textul, culorile, titlurile, listele, imaginile, pictogramele, etc.
Contrastul
Contrastul în principiu înseamnă diferență. Acesta este foarte important pentru ușurința de a depista elementele și a le percepe cât mai rapid.
Vom folosi contrastul de culori și mărimi pentru a pune corect accentele și pentru a prioritiza elementele în ordinea în care avem nevoie. Ierarhizarea conținutului este foarte importantă și nu toate elementele sunt la fel de importante. Unele elemente trebuiesc accentuate pentru a fi observate și procesate vizual de către utilizator înaintea altora în funcție de context.
Repetiția
Înseamnă folosirea repetată a unor seturi de stiluri pentru elemente cu scopul de a crea anumite deprinderi și consistență. Spre exemplu aceeași culoare pentru legături sau forma și modalitatea de interacțiune a butoanelor, etc. Astfel va crește considerabil ușurința de a 1. învăța și 2. folosi cu cât mai puține erori serviciile electronice.
Alinierea
Vom alinia elementele pentru a crea regularitate și unitate. Pentru aceasta vom folosi grila.
Proximitatea
Acest principiu constă în mutarea elementelor mai aproape sau mai departe unele de altele pentru a obține o mai bună organizare a acestora. Elementele de aceeași natură, pot fi mai aproape unele de altele și astfel vor fi privite ca un grup. Ca să obținem apartenența la un grup, putem folosi și blocurile.
Spațiul gol nu înseamnă nimic. Este un ceva important. Utilizează spațiul pentru a organiza mai clar și a prioritiza.
Grilă
Grila are scopul de a uniformiza și standardiza dimensiunile și spațierea între elementele paginii. În același timp, e necesar să fie și foarte flexibilă și să poată face față unui număr mare de scenarii.
Află mai multeCulori
Culorile au rolul de a asigura contrast și lizibilitatea elementelor pe cat mai multe monitoare. Tot ele vor comunica vizual funcțiile elementelor și prioritatea unui față de celălalt.
Află mai multeText și pictograme
Vom folosi o garnitură de text modernă și care suportă diacriticele și alfabetul chirilic, plus este gratuit pentru utilizare și este destul de popular.
Află mai multeNavigare
Descrierea elementelor de navigare (butoane, legături, paginare, anatomia headerului, etc.)
Află mai multeTehnic
Un set de recomandări pentru îmbunătățirea și optimizarea performanței / timpului de încărcare a paginilor web.
Află mai multeAlte elemente
Descrierea altor elemente care ar putea fi întrebuințate pentru o experiență mai plăcută sau pentru rezolvarea anumitor sarcini funcționale.
Află mai multeExemple
Câteva exemple contextuale pentru a arăta modalități de aplicare practică a ghidului de stil vizual pentru serviciile electronice guvernamentale.
Vezi exemple