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 multe

Culori

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 multe

Text ș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 multe

Navigare

Descrierea elementelor de navigare (butoane, legături, paginare, anatomia headerului, etc.)

Află mai multe

Formulare și tabele

Cum arată și cum interacționează elementele formularelor.

Află mai multe

Tehnic

Un set de recomandări pentru îmbunătățirea și optimizarea performanței / timpului de încărcare a paginilor web.

Află mai multe

Alte 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 multe

Exemple

Câteva exemple contextuale pentru a arăta modalități de aplicare practică a ghidului de stil vizual pentru serviciile electronice guvernamentale.

Vezi exemple