Prima o poi, tutti noi ci siamo trovati a dover affrontare il calvario di una pratica online sul sito di un ente pubblico.
La sorpresa arriva quando entriamo nel sito e ci troviamo davanti a un design che sembra davvero all’avanguardia. Sì, all’avanguardia… ma in fondo alla fila.
E la domanda che ci poniamo tutti in quel momento è: cosa ho fatto per meritarmi questa punizione? Non basta pagare la multa, devo anche sottopormi ai lavori forzati?
In questa prima puntata dedicata ai design più kitsch, analizziamo il sito della DGT. Abbiamo impostato il GPS per non perderci tra i vicoli ciechi e i labirinti della loro pagina.
Per i più temerari, ecco il link per accedere: DGT
Perché il sito della DGT è così kitsch?
Basta un’occhiata per capire che siamo davanti a un sito pensato per confondere l’utente. Forse fa parte della brand identity della DGT. Un modo per trasmettere al visitatore l’essenza della “guida spericolata”.
Secondo web.archive.org, il sito sarebbe stato ridisegnato quattro anni fa. Eppure sembra uscito direttamente dagli anni della scoperta dell’America.
La prima impressione
La prima impressione di qualsiasi sito dovrebbe essere quella di facilitare la lettura all’utente. Bisognerebbe scegliere cosa vogliamo che il visitatore noti subito e presentarlo in modo che la sua mente possa orientarsi rapidamente tra i contenuti. Gerarchizzare, per mantenere ordine.
Restando in tema, l’ideale sarebbe una strada a senso unico, con meno uscite possibili e indicazioni chiare.
Senza parlare ancora dell’aspetto visivo, il primo errore del sito della DGT, in sintesi, è un vero attentato alla mente. Abbiamo a disposizione più di 40 link!!!
È come guidare, entrare in una città e trovarsi davanti a un incrocio con 40 uscite diverse.
La seconda impressione
Dopo il primo shock, ci riprendiamo dalla “botta visiva”, riacquistiamo l’uso del braccio per muovere il mouse e ci ricordiamo perché siamo finiti su quel sito.
Dall’alto verso il basso, il primo elemento che troviamo è un link ai Contatti. Non che non sia importante, ma non si potrebbe inserirlo nel menu principale e risparmiarci questo link isolato? In più, la tipografia scelta è Arial Regular (sì, decisamente fuori moda, ma questo è il minimo).
Per gli altri link, invece, si usa Arial Narrow, la versione condensata della stessa font. Perché il link ai contatti deve stonare così tanto rispetto agli altri?
Tipografie
Come già detto, si alternano Arial Regular e Arial Narrow. Male. Così si crea un conflitto visivo tra i font.
Se si usano font diversi, meglio creare un vero contrasto. Se si sceglie una sola famiglia tipografica, va bene giocare con grassetti o corsivi, ma cambiare solo la condensazione della stessa font, di solito, non è una buona idea.
In più, ci sono molte incongruenze nelle dimensioni dei font su tutto il sito. Ogni immagine ha una dimensione diversa e molte sono anche pixelate. Un vero tocco retrò.
Margini, padding e altri elementi
Anche qui, manca uniformità tra gli elementi per quanto riguarda margini e padding. Ogni elemento va per conto suo. Perfetto per migliorare l’esperienza utente che stiamo vivendo.
Le ombreggiature sono fuori moda da tempo. Usarle è il modo migliore per far sembrare un sito vecchio.
Se guardiamo le immagini laterali, non è chiaro che immagine vogliano trasmettere. Ci sono tre signori confusi che fanno il saluto di Ronaldinho. Forse vogliono farci immergere ancora di più nel passato.
I banner superiori
Abbiamo il logo del nostro caro Governo con un errore tra le due caselle: c’è una riga bianca che non arriva in alto, o la togliamo o la portiamo fino in cima, ma così è proprio brutto. Il logo del Governo è alto 60px, quello della DGT accanto è a 51px. Se li mettessimo alla stessa altezza, sarebbe già qualcosa. E se aggiungessimo anche uno spazio tra i due loghi, ancora meglio.
Subito sotto il logo della DGT, ignorando la linea orizzontale, troviamo un testo rassicurante per i cittadini: “a tu lado vamos todos”. Grazie DGT.
A destra, altri due banner. Entrambi, giusto per arrotondare, a 76,39px di altezza. Già che c’eravamo, potevamo mettere anche il numero π (pi greco). Entrambi sono pixelati e con font di dimensioni diverse.
I pulsanti del menu
Splendidi. Con un effetto hover tra i più belli mai visti.
Sarebbe stato utile pensare a un sottomenu a tendina al passaggio del mouse, per ridurre il numero di link visibili a schermo.
Lo slider immagini, Twitter e social
Lo slider immagini non dice molto, il design sembra degli anni ’50. Di quando internet non esisteva ancora. La tipografia è attaccata all’immagine. Il che è pessimo per l’indicizzazione dei contenuti e difficile da gestire dal backend.
Il widget Twitter, se deve essere così piccolo, meglio non metterlo.
Per quanto riguarda i link ai social: ogni icona ha una dimensione diversa e sono su uno sfondo grigio scuro, probabilmente per seguire la “linea grafica” del menu superiore. Peccato che questa coerenza grafica venga rispettata solo quando il risultato è discutibile.
I tre blocchi di link
Quella che dovrebbe essere la sezione più importante del sito diventa una lista infinita di link. Alcuni con immagine, altri no, alcuni con descrizione, altri senza.
Sarebbe stato meglio ridurre il numero di link e uniformare lo stile tra immagini e descrizioni.
Scendendo ancora
La situazione non migliora. Si continua sulla stessa linea. Usabilità zero e stress visivo alle stelle. Non esagero se dico che mi è venuto il mal di testa a forza di vedere questa sfilza di scelte grafiche senza senso.
Altri aspetti
- Non è responsive. Possiamo vederlo come un modo per dissuadere l’utente dal visitare il sito della DGT dallo smartphone mentre guida.
- Nel footer troviamo un titolo: “Per persone”. Nel caso qualcuno pensasse che fosse dedicato ai maiali.
- Navigando tra le varie sezioni, si scopre che il labirinto si espande in modo esponenziale.
- Il codice sorgente del sito è piuttosto sorprendente
- Il tag <!DOCTYPE> non è nella prima riga, il che non è una buona pratica
Conclusioni
Se entri nel sito della DGT, ti consigliamo di non aver bevuto prima e di allacciare bene la cintura. E speriamo che tu sia arrivato lì per sbaglio, non per pagare una multa.