Le peggiori interfacce web ci insegnano una cosa fondamentale:
l’usabilità non è scontata.

Ogni slider può diventare un’arma.
Ogni form, un nemico.
Ogni clic, un atto di fede.

Progetta con cura.
O senza alcuna.
Internet saprà apprezzare.

Come progettare le peggiori interfacce web

Una guida pratica per rovinare l’esperienza utente con stile

Progettare una buona interfaccia è difficile.
Progettarne una orribile è un’arte.

Nel 2017 internet ha raggiunto l’illuminazione.
Sviluppatori di tutto il mondo si sono chiesti:
“E se facessimo di proposito tutto sbagliato?”

Il risultato è una collezione di interfacce web talmente pessime da diventare leggendarie.
E oggi le studiamo.
Per non rifarle.
O forse sì.

1. Togli il controllo all’utente

L’utente pensa di comandare.
È il suo primo errore.

Worst Volume Control

Un controllo volume che non controlla il volume.
Curve, accelerazioni, numeri casuali.
Ogni click è una scommessa.

👉 https://goulartnogueira.github.io/BadUI/volume.html

Regola d’oro:
se l’utente vuole abbassare… alza.

2. Usa input sbagliati per problemi semplici

Hai un numero di telefono?
Perfetto.
Usa uno slider.

Phone Number Slider

Selezionare un numero trascinando.
Una cifra alla volta.
Con precisione chirurgica.

👉 https://goulartnogueira.github.io/BadUI/phone.html

Bonus: nessuno arriverà mai in fondo.

3. Complica il tempo

Il tempo è relativo.
La tua UI deve dimostrarlo.

Calendar Hell

Calendario non lineare.
Mesi che saltano.
Giorni che si nascondono.

👉 https://goulartnogueira.github.io/BadUI/calendar.html

Se l’utente trova la data giusta, hai fallito.

4. Rendi fisico ciò che dovrebbe essere digitale

Il mouse è troppo facile.
Serve resistenza.

Fan Controlled Cursor

Il cursore reagisce come spinto dal vento.
Letteralmente.

👉 https://goulartnogueira.github.io/BadUI/fan.html

Movimento imprevedibile = esperienza memorabile.
Nel senso clinico.

5. Trasforma una scelta in un percorso a ostacoli

Una data di nascita è una cosa semplice.
Rendila un trauma.

Bad Birthday Picker

Slider per giorno.
Slider per mese.
Slider per anno.
Tutti sensibili.
Troppo sensibili.

👉 https://goulartnogueira.github.io/BadUI/birthday.html

Ogni compleanno diventa una sfida personale.

6. Ignora ogni convenzione

Le convenzioni aiutano.
Quindi vanno evitate.

• Pulsanti che sembrano testo
• Testo che sembra disabilitato
• Colori che urlano
• Tooltip inutili

Se qualcosa è chiaro, cambialo.