Capitolul 5 din 8 · Așa mi-l imaginez~2 minute, plus demonstrația
Încearcă un serviciu demonstrativ construit după aceste principii
Mai jos e un serviciu inventat: „Adeverință de exemplu”. Nu trimite nimic nicăieri și nu salvează nimic. Încearcă să-l completezi, să greșești intenționat, să schimbi limba sau să mărești textul.
Demonstrație. Acesta nu este un serviciu real.
Nu introduceți date reale. Datele nu sunt trimise și nu sunt păstrate.
Ce poți încerca:
- Schimbă limba (română, maghiară, engleză) și observă că rămâne aceeași pe toți pașii.
- Mărește textul și vezi că pagina rămâne lizibilă.
- Schimbă tema din antet: Luminos sau Întunecat.
- Greșește CNP-ul și citește mesajul de eroare.
- Folosește doar tastatura (Tab, Enter, săgeți).
- Pornește cititorul de ecran al telefonului sau al calculatorului, dacă ai unul.
De ce „dumneavoastră” în demonstrație? Pe acest site îți spun „tu”, pentru că e o discuție personală. Un serviciu public i se adresează însă oricui, inclusiv persoanelor vârstnice, așa că demonstrația folosește forma de politețe. O regulă clară și consecventă e unul dintre lucrurile pe care le-ar fixa un sistem de design.
Pașii demonstrației
| Pas | Ce arată | Ce demonstrează |
|---|---|---|
| 0. Banda de încredere | O bandă subțire în partea de sus: „Un site oficial al statului român. Cum verificați? ▾” | Stratul de încredere. În demonstrație, banda poartă eticheta „Exemplu”. |
| 1. Înainte să începeți | Ce vă trebuie, cât costă, cât durează, cine răspunde, în ce limbi primiți răspuns | Omul știe totul înainte să înceapă |
| 2. Datele dumneavoastră | Nume, prenume, CNP | Mesaje de eroare clare; nume cu diacritice și mai multe prenume acceptate |
| 3. Adresa | Județ → localitate → stradă, număr, bloc, scară, etaj, apartament; opțiune „Locuiesc în străinătate” | Tiparul de adresă românească |
| 4. Verificați răspunsurile | Rezumatul tuturor datelor, cu „Modificați” lângă fiecare | Mai puține cereri greșite |
| 5. Confirmare | Număr de înregistrare, ce urmează, în cât timp, cum aflați stadiul | Omul nu rămâne în incertitudine |
| 6. Părerea dumneavoastră | „Cât de ușor a fost?” (5 niveluri) și un câmp opțional | Părerea utilizatorilor, la finalul fiecărui serviciu |
Bara de controale, vizibilă permanent: Limba · Mărimea textului · Tema.
Exemplul „înainte și după”, afișat lângă demonstrație:
| Azi, des întâlnit | În demonstrație |
|---|---|
| „Eroare” | „CNP-ul are 13 cifre. Ați introdus 12.” |
| „Câmp invalid” | „Introduceți data în formatul zi, lună, an. De exemplu: 27 3 1985.” |
| „Documentele necesare se depun la sediu.” (aflat la final) | Lista documentelor, pe prima pagină, înainte de a începe |
Pentru specialiști
- Corespunde MVP-ului din propunerea SDGR, adică Sistemul de Design al Guvernului României cum îl propun eu: stratul de încredere, 8–12 componente de bază (buton, link, câmp de text, etichetă, butoane radio, căsuțe de bifare, listă de selecție, alertă, sumar de erori, grup de câmpuri, antet, subsol) și primele tipare (date personale, CNP, adresă, „Înainte să începeți”, verificare, confirmare).
- Validarea CNP în demo: lungime, doar cifre, cifra de control. Mesajul pentru cifra de control nu indică care cifră e greșită, pentru că algoritmul nu poate ști. Validarea din browser nu o înlocuiește pe cea de pe server.
- Textele sunt externalizate pe chei, cu parametri (
{n}), ca în arhitectura multilingvă propusă. Componentele suportă texte cu 30–40% mai lungi (maghiară, germană). - Contrast: toate combinațiile de culori ale demo-ului se verifică la nivelul WCAG 2.2 AA. Galbenul drapelului (#FCD116) nu se folosește pentru text pe alb (1,5 : 1).
- Funcționează fără JavaScript pentru pașii de bază; controalele de limbă și text pot folosi JavaScript, cu alternativă.
- Opțiune de construcție: demo-ul poate porni de la codul MUD al Republicii Moldova (licență MIT, componente web, texte ro-MD). Ar fi chiar o mini-probă a reutilizării propuse în etapa 1, cu păstrarea notei de copyright.
Pe ce mă bazez
Trimiterile duc la versiunile publice ale documentelor mele de cercetare; numărul secțiunii (§) duce direct la paragraful citat.
| Afirmație | Document | Unde |
|---|---|---|
| Componentele și tiparele MVP | Propunerea completă | §6.2, §6.5, Anexa B |
| Bannerul oficial și limita lui (indicator educativ) | Propunerea completă; Sistemul american (USWDS) | §6.3; §5.4 |
| Textul bannerului și regula .gov.ro (nu e valabilă pentru primării) | Ce există deja în România | §7 |
| Forma de adresare (politețe în serviciile publice) | Ce există deja în România | §8 |
| Multilingvismul, textele revizuite de oameni | Propunerea completă | §7 |
| Culorile drapelului și contrastul lor | Ce există deja în România | §2.1 |
| Codul MUD, licența MIT | Ce există deja în România | §13 |
| „Înainte să începeți” și Regulamentul 2018/1724 | Regulile europene | B2 |
| Tiparele de servicii validate prin cercetare (GOV.UK) | Sistemele de design din Europa | §3, §11 |