Set 4 di 7
Benyon
Quando usare questo set
Come griglia didattica e di progettazione: i 12 principi coprono l'intero arco apprendere→usare→adattare, in un ordine che segue il percorso dell'utente. Ottimo per impostare una revisione di prodotto con un team misto.
David Benyon è professore di Human-Computer Systems e ha diretto il Centre for Interaction Design alla Edinburgh Napier University. I suoi principi — dal manuale Designing Interactive Systems — si concentrano sull’esperienza dell’utente nel contesto HCI (Human-Computer Interaction) e si sovrappongono in alcuni punti con le euristiche di Nielsen.
Nota di trasparenza: i principi canonici di Benyon sono 12. Alle voci originali ho aggiunto due integrazioni che ritengo indispensabili — Mappatura (concetto reso celebre da Don Norman) e Semplicità — segnalate come tali. Se ti alleni con le flashcard “Benyon 12 Design principles” (link in bibliografia), ora sai perché qui ne trovi quattordici.
I 12 principi di Benyon
1. Visibilità — Gli elementi cruciali sempre visibili e raggiungibili; le informazioni meno importanti in secondo piano. Il saldo del conto in primo piano; il nome completo del conto nelle sezioni secondarie.
2. Coerenza — Comandi, colori, layout e convenzioni uniformi. Stesso layout e colori per “Salva” e “Modifica” in tutte le schermate.
3. Familiarità — Elementi e metafore che gli utenti già conoscono. Le icone “pagina” e “penna” del calendario: esperienza cartacea riusata (vedi Metafore di Tognazzini).
4. Affordance — Gli elementi comunicano da soli come funzionano. Pulsanti con leggero rilievo che “chiedono” di essere premuti. Non avere riferimenti chiari è come progettare una porta nascosta in una parete e aspettarsi che gli utenti la usino.
5. Navigazione — L’utente sa sempre dove si trova e come tornare indietro. Il breadcrumb “Home > Abbigliamento > Scarpe” (vedi Navigazione visibile di Tognazzini).
6. Controllo — Interrompere, annullare o modificare facilmente le proprie azioni. Il flag “Non mostrare più”; il “Non disturbare”; il silenziamento per categoria di notifiche.
7. Feedback — Risposte chiare e immediate alle azioni. Nel form di registrazione, errori e conferme accanto ai campi mentre li compili — niente ricompilazioni al buio.
8. Recovery — Recupero facile dagli errori. L‘“Annulla invio” disponibile per qualche secondo dopo l’invio del messaggio.
9. Restrizioni — Limiti che prevengono gli errori e creano un ambiente sicuro. Il pulsante “Invia” del bonifico disattivato finché i campi non sono completi e validi.
10. Stile — Estetica coerente con l’identità del prodotto e i gusti dell’utente. L’app fitness con stile minimale e dinamico, colori accesi, icone sportive (vedi Estetica di Tognazzini).
11. Convivialità — Interfaccia accogliente, che non mette sotto pressione. Il chatbot di assistenza con tono amichevole ed empatico, che offre suggerimenti proattivi.
12. Flessibilità — Adattarsi a principianti ed esperti. Shortcut personalizzabili; filtri sia preset che regolazioni manuali.
Le due integrazioni (extra Benyon)
13. Mappatura (da Norman) — Relazione chiara tra comandi, informazioni e funzioni. La mappa del corso e-learning che mostra progressione e relazioni tra i moduli.
14. Semplicità — Ridurre il carico e concentrare sulle azioni importanti. La to-do list con solo aggiungi/modifica/completa in primo piano.
⏱ In 30 secondi Dodici principi accademici (più due miei innesti) che coprono l’intero percorso dell’utente: vedere, capire, agire, sbagliare, recuperare, adattare. Il set più equilibrato per una revisione a tutto campo.
🔑 Dove si aggancia alle Chiavi Visibilità e Feedback → Visibilità e Feedback; Familiarità → Corrispondenza aspettative; Affordance, Navigazione e Mappatura → Esplorazione e Mappatura; Controllo e Restrizioni → Libertà e Regole; Recovery → Prevenzione errori; Stile, Convivialità e Semplicità → Design efficace; Flessibilità → Flessibilità ed Efficienza.
Dove si aggancia alle Chiavi
8 euristiche di questo set confluiscono in 8 Chiavi.
| Chiave | Euristiche |
|---|---|
| 03 · Coerenza e Standard | Coerenza |
| 04 · Corrispondenza con le aspettative (dell'utente) | Familiarità |
| 05 · Design efficace e chiaro | Stile · Semplicità · Convivialità |
| 06 · Esplorazione e Mappatura | Navigazione · Mappatura · Affordance |
| 07 · Flessibilità ed Efficienza | Flessibilità |
| 08 · Visibilità delle informazioni e Feedback | Feedback · Visibilità |
| 11 · Prevenzione e gestione degli errori | Recovery |
| 13 · Libertà e Regole | Controllo · Restrizioni |