Come puoi aiutare i tuoi lettori a trovare ciò che stanno cercando sul tuo sito? Come puoi aiutarli quando hanno bisogno di sapere dove cliccare o dove guardare mentre sono alla ricerca di qualcosa? Le istruzioni di navigazione, o come le chiama qualcuno, istruzioni di design per interfaccia utente, sono elementi testuali o visuali che possono aiutare i tuoi visitatori a capire più facilmente ciò che devono cliccare o dove possono guardare per trovare quello che cercano. Queste istruzioni di navigazione e queste direttive visuali possono fare davvero la differenza nella conversione di visitatori occasionali in clienti e fan a lungo termine. In questo report imparerai quali sono gli elementi chiave basilari a cui devi fare attenzione per progettare istruzioni di navigazione efficaci per la tua interfaccia utente.

Photo credit: António Nunes

Le persone hanno qualcosa da portare a termine, che si tratti di effettuare un acquisto, di trovare una ricetta o di imparare come fare qualcosa di nuovo.

All'interno del design di molte pagine Web, pertanto, esistono informazioni che aiutano l'utente a compiere una determinata azione.

...In aggiunta a questa segnaletica visuale, spesso scriviamo istruzioni per assistere gli utenti e per far sapere loro cosa fare.

Queste istruzioni portano gli occhi e le menti degli individui a guardare nei posti giusti ed a compiere azioni appropriate.

In questo report, Connie Malamed identifica e spiega quali sono gli aspetti fondamentali cui fare attenzione quando stai cercando di aggiungere o di perfezionare messaggi ed istruzioni per la navigazione degli utenti per aiutare i tuoi lettori a trovare ciò che cercano o a compiere determinate azioni.

In modo specifico, alcuni degli aspetti chiave evidenziati in questo report, mostrano l'importanza di una serie di fattori unici nella progettazione di istruzioni di navigazione efficaci:

• Massimizzare il targeting del tuo pubblico
• Contrastare l'eccesso di informazioni
• Curare lo stile di scrittura
• Migliorare l'accessibilità
• Testare la rilevanza delle informazioni

Non lasciare nulla al caso o ad eventi fortuiti, ma pianificare accuratamente come offrire un aiuto concreto per la navigazione ai tuoi lettori ed ai tuoi clienti che cercano di portare a compimento determinate attività sul tuo sito è un importante investimento che ogni editore online professionista che offre contenuti, prodotti o servizi al di là del tipico blog, dovrebbe attentamente considerare.

Ecco nel dettaglio il report completo:

 

Le Cose Non Dette: Come Scrivere le Istruzioni di Interfaccia Utente

di Connie Malamed

Istruzioni Per Interfaccia Utente: Quali e Perché

Il comportamento di una persona sul Web è finalizzato al raggiungimento di un obiettivo.

Le persone hanno qualcosa da portare a termine, che si tratti di effettuare un acquisto, di trovare una ricetta o di imparare come fare qualcosa di nuovo.

All'interno del design di molte pagine Web, pertanto, esistono informazioni che aiutano l'utente a compiere una determinata azione.

Per esempio, se disegni un pulsante che deve essere cliccato per raggiungere un determinato obiettivo (per esempio, inserire un oggetto in un carrello della spesa), ombreggiare il pulsante in modo che questo appaia rialzato aiuterà il tuo pubblico a capire che questa sagoma è un oggetto cliccabile.

In aggiunta a questa segnaletica visuale, spesso scriviamo istruzioni per assistere gli utenti e per far sapere loro cosa fare.

Queste istruzioni portano gli occhi e le menti degli individui a guardare nei posti giusti ed a compiere azioni appropriate.

 

L'Importanza dei Modelli Mentali

Progettare e scrivere le istruzioni che fanno parte dell' interfaccia utente è sia un'arte sia una scienza che coinvolge abilità di scrittura e di progettazione così come la capacità di comprendere come le persone usano i modelli mentali.

Un modello mentale è la rappresentazione interna di come alcune cose funzionano. È una concezione complessa di azioni casuali e dei loro effetti.

Le persone applicano i loro modelli mentali a nuove situazioni in modo da non aver bisogno di dover imparare di nuovo tutto da zero. Questo è ciò che ci rende cognitivamente efficienti.

Attraverso l'esperienza, gli utenti sviluppano modelli mentali di come funzionano i diversi tipi di siti.

Imparano che tipo di azioni compiere su un sito di e-commerce e che tipo di azioni è meglio fare su un sito che vende immagini.

Le persone applicano i loro modelli mentali a nuove situazioni in modo da non aver bisogno di dover ri-imparare tutto da zero. Ciò significa che le persone applicheranno il loro stereotipo o modello mentale di siti simili al tuo, al modo di funzionare di quest'ultimo.

 

Perché le Istruzioni Chiare Per le Interfacce Utente Sono Così Importanti

Questa è una delle ragioni principali per cui le informazioni per interfaccia utente sono così importanti.

Le persone hanno esperienze spiacevoli quando i loro modelli mentali sono inesatti o scorretti. Questo causa:

• Frustrazione,
• errori dell'utente e
• fallimenti mentre si cerca di raggiungere un obiettivo

Un utente frustrato potrebbe cercare ciò che vuole su un altro sito che è più semplice da usare.

Scrivere istruzioni facilmente comprensibili e presentarle in modo corretto anche dal punto di vista estetico, può ridurre questo tipo di problemi.

Delle valide istruzioni guideranno i visitatori del tuo sito anche se i loro modelli mentali sono imprecisi o sbagliati.

Così, ecco alcune linee guida per scrivere istruzioni per interfaccia utente che ho raccolto dopo anni di progettazione nella formazione online, come gemme preziose dalle ricerche sull'usabilità.

 

Conosci il Tuo Pubblico Prima di Ogni Cosa

Quando conosci le caratteristiche del tuo pubblico, puoi immaginare chi ne fa parte ed indirizzare le tue parole verso di loro.

A meno che i tuoi visitatori non siano un gruppo attento ed omogeneo è meglio ipotizzare che avranno bisogno di una guida per raggiungere i loro obiettivi.

Pensa oltre le caratteristiche scontate del tipico lettore e considera tutte le sfumature in base a cui quei lettori potrebbero reagire alle tue parole.

• Comprenderanno il tuo linguaggio?
• Cosa dire dell'umorismo?

Osserva l'esempio seguente.

Le istruzioni umoristiche su un modulo CAPTCHA potrebbero servire solo ad un pubblico sofisticato ed esperto.

Gli utenti inesperti nell'uso del computer e quelli che non hanno molta dimestichezza con l'inglese potrebbero non avere alcuna idea che ''Dimostra di essere un umano'' significhi dover digitare i caratteri alfanumerici nell'apposita casella.

 

Contrasta l'Eccesso di Informazioni

Trovare l'equilibrio è sempre un problema.

Quando scrivi le istruzioni per interfaccia utente, includi abbastanza dettagli, in modo che gli utenti sappiano esattamente cosa fare, ma non così tanti dettagli che potrebbero rendere problematico il processo di informazione.

Le persone possono elaborare solo poche informazioni alla volta.

Puoi migliorare la situazione scrivendo le informazioni con un linguaggio chiaro e semplice, che aiuti i visitatori a portare a termine le loro attività rapidamente ed in modo efficace.

Cerca di usare frasi brevi quando è possibile.

Per esempio questa frase potrebbe essere facilmente divisa in due parti ''Clicca sul pulsante Aggiungi al Carrello, poi clicca su Effettua Pagamento nella parte superiore dello schermo''

Questo tipo di linea guida va di pari passo con il consiglio sulla brevità delle frasi di cui ho parlato in precedenza, ma è meglio pensare a questo solo alla fine del processo di scrittura.

Terminato il tuo lavoro potrai guardare ciò che hai scritto da diverse prospettive. È più facile notare quale informazione è meno rilevante, perché produce solo maggiore confusione.

Eliminare i dettagli estranei e superflui renderà più sintetica la copia finale.

Nell'esempio seguente, la comunicazione potrebbe risultare più efficace utilizzando meno parole.

Non c'è bisogno di sacrificare la chiarezza a favore della personalità. Con una scelta equilibrata potrai avere entrambe.

 

Formula le Istruzioni in Modo Efficace

Il compito di scrivere in modo preciso comporta una sottile discriminazione tra termini con lo stesso significato.

Le ricerche sull'usabilità mostrano che le persone esplorano una pagina Web più che leggerla. Per questo motivo, il testo che proponi dovrebbe comunicare in maniera efficace mentre qualcuno ci passa sopra con lo sguardo in modo poco attento.

• Utilizza parole che promuovono la chiarezza. ''Scegli una data'' va bene, ma ''Clicca su una data'' è più preciso.
• Evita doppie negazioni, come ''Io non voglio non sottoscrivermi''
• Stai lontano dal linguaggio gergale che alcune persone potrebbero non capire, come acronimi di settore e termini tecnici.

Parlando di precisione nella scelta dei termini, quando guardi il menu qui in basso, riesci a capire la differenza tra esplorare e navigare?

[Nota bene: c'è un certo disaccordo su quale tra ''seleziona'' e ''clicca'' sia il termine più appropriato per le persone che utilizzano tecnologie assistive.]

 

Espressioni Attive Contro Espressioni Passive

Un'espressione attiva è fresca, pulita e spinge le persone ad agire.

Un'espressione passiva porta lettori a sbagliare.

Confronta questa frase detta in entrambi i modi:

• Attivo - ''Clicca sul link The Journal per cercare un articolo''
• Passivo - ''Il link The Journal dovrebbe essere cliccato quando sei pronto per cercare un articolo''

 

Come Fornire Chiare Istruzioni di Navigazione Per Siti Web

Progettare istruzioni per interfaccia utente può essere una sfida.

Devi determinare se queste istruzioni appartengono alla gerarchia visuale e dell'informazione. Anche se devono essere notate dagli utenti, non dovrebbero sovrastare il resto della pagina. E come un elemento del design, devono adattarsi al meglio all'ambiente circostante.

Conclusione finale: pianifica il testo delle istruzioni nella fase iniziale di progettazione.

1) Spaziatura Verticale

Se le istruzioni occupano più di una riga è importante che i lettori sappiano quali istruzioni appartengono allo stesso ambito.

L'interlinea (o spaziatura verticale) tra frasi correlate dovrebbe essere larga abbastanza da garantire la leggibilità di frasi scritte in piccolo e corta abbastanza da mostrare che le frasi sono correlate.

Quando ci sono vari passi, tieni separato ogni passo aumentando la spaziatura tra le righe. Numera le istruzioni se sono complesse o se saranno percepite come tali.

 

2) Stile dei Caratteri

Pensa allo stile dei caratteri come ad un elemento di design.

Utilizza un carattere ed uno stile coerenti con il resto del design del tuo sito.

Considera le dimensioni del font. Le istruzioni per gli utenti devono essere leggibili da persone di tutte le età.

Evita il testo sotto forma di immagine, quando possibile, in modo che gli utenti possano ingrandirlo se necessario.

 

3) Grafica

Certo. A volte è quasi impossibile dire qualcosa a parole.

La grafica aiuta e rende il testo comprensibile, come succede in questa spiegazione su dove trovare il numero del tuo conto corrente su uno scontrino.

 

4) Stile del Testo

E' giusto aggiungere un po' di personalità alle istruzioni per la tua interfaccia utente ed ai messaggi di sistema. Questo potrebbe aiutare i tuoi visitatori ad avere un'esperienza più piacevole ed emotivamente migliore.

Basta che ti assicuri che i tuoi messaggi fra le righe non siano interpretati come critiche.

Per esempio le istruzioni in basso, aiutano i visitatori a sentirsi meglio. Dopo aver letto il messaggio non ti senti un perdente per aver perso la password, in un posto dove loro possono recuperarla.

 

5) Accessibilità

E' importante che le tue istruzioni scritte in piccolo possano essere lette dalle persone che hanno difficoltà a leggere scritte in formato ridotto / o nell'utilizzo di dispositivi per la lettura degli schermi dei computer.

Alcune linee guida per l'accessibilità fondamentali per la scrittura di istruzioni per interfaccia utente sono:

• Evita di usare testi grafici in modo che possano essere allargati (se ne parla nel #2),
• offri alternative di testo per i contenuti grafici in modo che possano essere convertiti in altre forme come per esempio il Braille; e
• separa chiaramente le istruzioni dallo sfondo, in modo che possano essere viste facilmente.

In aggiunta, utilizza i collegamenti ipertestuali in modo che possano dare maggior senso al testo se le persone non riescono a vedere lo schermo.

Ad esempio, un link che dice ''Istruzioni per utilizzare questo form'' è meglio di un link ''Clicca qui''.

 

6) Prova

Prova le istruzioni su un campione del tuo pubblico, persone fuori dal tuo ufficio e che non sanno in precedenza cosa stai facendo.

1. Osserva una o più persone mentre svolgono le attività per cui hai scritto le istruzioni.
2. Nota ogni difficoltà che hanno e rivedi le istruzioni che hai scritto.
3. Ripeti il processo fino a quando le persone non porteranno a termine le loro attività senza alcun problema.

 

Conclusioni

Potresti sorprenderti del tempo e degli sforzi che impiegheresti per scrivere istruzioni per interfaccia utente efficaci. Eppure, questo potrebbe essere uno dei più validi sforzi da perseguire se stai cercando di progettare un'interfaccia utente di successo.

Attraverso la semplicità di istruzioni facilmente comprensibili, potrai raggiungere svariati obiettivi - assistere i clienti, avere un tono appropriato e personale, mostrare ai lettori che tieni a loro.

Informazioni su Connie Malamed

Connie Malamed è l'autrice di Visual Language For Designers: Creating Graphics That People Understand. Scrive regolarmente su Understanding Graphics ed è la direttrice del Connie Malamed Consulting. Connie studia, fa presentazioni e scrive sui rapporti tra psicologia cognitiva, comunicazione visuale ed insegnamento.

Photo credits:
L'Importanza Dei Modelli Mentali - Ktsdesign
Istruzioni Per Interfaccia Utente: Come Prima Cosa Conosci il Tuo Pubblico - SiliconValleyWatcher
Istruzioni Per Interfaccia Utente: Espressioni Attive Contro Espressioni Passive - Ronen
Come Progettare Istruzioni Per Interfaccia Utente - Jesper Noer
Stile Dei Caratteri - Wichita State University
Esempi - Connie Malamed
Altre Immagini - Clipart