1. Prima di iniziare
Scopri le linee guida per la comunicazione di Material Design.
Una scrittura chiara e concisa svolge un ruolo importante nella qualità delle esperienze utente. Scopri le linee guida per la scrittura UX di Material Design e inizia ad applicare i principi per il testo dell'interfaccia utente che aiuteranno i tuoi utenti a raggiungere i loro obiettivi.
Sapevi che la sezione Comunicazione di Material copre molto di più della scrittura UX? Dai un'occhiata agli argomenti che vanno dalla visualizzazione dei dati all'onboarding fino ai pattern di stato vuoto.
Pensa come un autore.
Che tu collabori o meno con un UX writer o un Content Strategist, questo codelab introduce modi per chiunque di fare scelte linguistiche adatte alle interfacce. Imparerai a porre alcune delle domande su cui un autore potrebbe concentrarsi per migliorare le esperienze con i prodotti, ad esempio la chiarezza e la concisione del testo rivolto agli utenti, come etichette e notifiche.
Obiettivi didattici
- Che cos'è la scrittura UX e perché è importante
- Come determinare il tono e la voce giusti per i diversi contesti
- Considerazioni sulla scrittura specifiche per i componenti
- Risorse per approfondire
Che cosa ti serve
- Avvia un documento o prendi un foglio di carta per seguire gli esercizi del codelab.
Prerequisiti
Questo lab si basa sui concetti fondamentali di scrittura, grammatica e design di Material Design. È utile una comprensione generale degli elementi interattivi in un'interfaccia utente.
In inglese, ma utile in generale
Questo laboratorio tratta i principi di comunicazione per migliorare l'esperienza utente. Tuttavia, gli esempi e le scelte lessicali si basano sulle convenzioni dell'inglese americano.
Con sensibilità ai cambiamenti di contesto e cultura, queste linee guida possono essere applicate a un'interfaccia utente in qualsiasi lingua. Troverai ulteriori informazioni specifiche per le considerazioni non in inglese nelle risorse elencate nel passaggio 9.
2. Che cos'è la scrittura UX?
Panoramica
La scrittura UX (UXW) è chiamata anche strategia dei contenuti o progettazione dei contenuti. È la disciplina alla base del testo nelle interfacce utente e un campo distinto che considera la lingua come mezzo per migliorare le esperienze utente attraverso narrazioni chiare, scelta delle parole, gerarchia delle informazioni e altro ancora.
Pensare come un UX writer può migliorare il completamento delle attività, la soddisfazione degli utenti e la facilità d'uso complessiva.
In che cosa si distingue la scrittura UX?
La scrittura UX è scrittura per persone reali.
La scrittura per le esperienze utente deve partire dal presupposto che uno degli obiettivi principali del testo dell'interfaccia utente è supportare i percorsi degli utenti.
La scelta delle parole, la lunghezza, lo stile e la costruzione di qualsiasi testo possono influire sulla comprensione da parte dell'utente dell'obiettivo e dei vantaggi di funzionalità e attività.
Stile
Le scelte di stile di scrittura devono seguire le esigenze del pubblico e i suoi obiettivi. UXW combina le regole accademiche della scrittura formale (quella che si legge sui giornali o nei libri di saggistica) con gli stili meno formali che le persone utilizzano quando comunicano online (email, messaggi, chat).
La scrittura per app e interfacce adotta un tono meno formale per due motivi principali:
- La comunicazione online è meno formale della scrittura accademica o della stampa
- Il testo dell'interfaccia utente è limitato dallo spazio sullo schermo; la lunghezza dei caratteri è vincolata
Scrittura incentrata sull'utente, ovvero "far funzionare le cose"
La scrittura UX dà la priorità a uno stile orientato agli obiettivi, piuttosto che al rispetto della grammatica. Ciò non significa che la grammatica non sia importante per la chiarezza e la coerenza, ma è utile considerare prima le esigenze degli utenti e poi prendere le decisioni grammaticali.
Per quanto riguarda la scelta delle parole e lo stile, un principio guida per le decisioni di stile potrebbe essere semplicemente farlo funzionare. Le scelte migliori per le interfacce non sono sempre le stesse delle regole per la scrittura formale.
Scrivere in modo che le persone possano leggere facilmente
UXW deve riflettere il modo in cui i lettori di molte lingue scansionano le pagine secondo un pattern a forma di F, anziché leggere paragrafi completi. Anticipando il comportamento dei lettori, puoi scrivere in modo che il testo venga effettivamente letto.
Per i contenuti web, questo si traduce spesso in paragrafi brevi, titoli descrittivi scansionabili e formattazione strategica.
Esempi di tracciamento oculare tratti da studi sui pattern di lettura online. Immagine e ricerca di nngroup.com (2006; 2017).
Test
Soddisfare le esigenze di varie culture o gruppi di età con lo stesso testo può essere difficile. Trovare le parole giuste per comunicare il tuo messaggio può sembrare semplice, ma il linguaggio e la comprensione sono altamente soggettivi.
Per assicurarti che i tuoi contenuti abbiano il significato che intendi, i test sono un passaggio importante per valutare la chiarezza, il significato e l'efficacia nel mondo reale.
Approcci
Facile ed economico
- Leggi ad alta voce quello che hai scritto. Ti sembra qualcosa che diresti a una persona reale? In caso contrario, prova a riscriverlo.
- Chiedi a un'altra persona di leggere e spiegarti cosa pensa che significhino le tue parole
- Sondare più persone con esempi della tua scrittura nel contesto di un'interfaccia utente
- Utilizza Google Trends o Google Books Ngram Viewer per scoprire se una determinata parola o frase è più comune di un'altra.
I test approfonditi dei contenuti utilizzano euristiche, ad esempio:
- Comprensione e leggibilità
- Completamento dell'attività e tempo di completamento dell'attività
- Valutazione del tono e della percezione
3. Principi
Panoramica
I principi contenuti nelle linee guida per la scrittura di Material sono pensati per creare fiducia e migliorare la chiarezza attraverso un linguaggio accurato e conciso. Puoi aggiungere o sottrarre elementi dai principi di Material per soddisfare le tue esigenze.
Le linee guida consentono a più persone di prendere decisioni più coerenti come gruppo.
Sii conciso, ma non robotico
Scrivi segmenti di testo brevi e scansionabili che si concentrino su un numero limitato di idee.
Scrivi in modo semplice e diretto
Utilizza un linguaggio semplice e diretto che renda il testo facile da comprendere. Ogni volta che scrivi qualcosa, chiediti se esiste un modo più semplice per esprimere l'idea.
Rivolgiti agli utenti in modo chiaro
In inglese, la seconda persona (tu o tuo) è spesso più diretta e chiara. La prima persona (io, me o mio) può essere utilizzata quando è necessario sottolineare la proprietà.
"Tu" e "tuo" sono modi più diretti per rivolgersi a un utente.
"Io" o "mio" possono creare confusione perché combinano la posizione o la voce di un utente con la voce dell'app. "Io" o "mio" possono essere utilizzati per sottolineare la chiara proprietà di contenuti o azioni.
Evita di combinare la prima e la seconda persona
Per evitare confusione, "io"/"mio" e "tu"/"tuo" non devono essere nella stessa frase.
Comunicare i dettagli essenziali
Comunica solo i dettagli essenziali per un contesto specifico, in modo che gli utenti possano concentrarsi sull'attività da svolgere, anziché interpretare molte opzioni. In qualsiasi finestra di dialogo o notifica, considera quali informazioni sono necessarie per spiegare un'operazione e qualsiasi conseguenza critica.
4. Voce e tono
Panoramica
È difficile ottenere coerenza e chiarezza senza considerare il tono e lo stile che vuoi creare per un'esperienza.
Immagina di leggere cinque frasi insieme, ma ognuna è stata scritta da persone diverse che non hanno visto le altre quattro. A volte la navigazione in un'interfaccia utente può sembrare sconnessa perché ogni persona scrive con il proprio stile e tono.
Quando più persone contribuiscono al testo di un prodotto, le linee guida per il tono e lo stile possono contribuire a garantire che le parole vengano scelte con un senso condiviso di significato e scopo.
Esempio di una campagna Android passata che utilizza un linguaggio chiaro e inclusivo con un tono diretto.
Che cos'è la voce e il tono?
La voce deve essere coerente in tutta l'esperienza, mentre il tono è contestuale e può variare.
Voce
Voce si riferisce all'umore, all'atteggiamento o alla prospettiva comunicati in un'esperienza. È un aspetto della "personalità" di un brand e può consentire a qualcuno di familiarizzare con il modo in cui "suona" un prodotto.
I principi della voce guidano la scelta delle parole e funzionano meglio se accompagnati da esempi che illustrano la voce in azione. Senza esempi, i principi possono spesso essere troppo astratti per guidare le decisioni di stile di un gruppo.
Ecco alcuni esempi comuni di un principio di voce:
- Utile: scrivi come una persona, non come una macchina. Spiega gli errori e suggerisci una soluzione.
- Accessibile: rendi il testo facile da capire per qualsiasi nuovo utente. Assicurati che i termini tecnici o avanzati siano spiegati o sostituiti.
- Ispirazionale: enfatizza i vantaggi e i risultati ottenuti durante un'esperienza. Indica gli obiettivi e i risultati in modo positivo e attivo.
Tono
Il tono della tua scrittura comunica umore ed emozioni, che tu lo voglia o meno.
Se, ad esempio, una voce è definita come "utile" e "umana", un tono che rafforza questo obiettivo potrebbe essere di supporto e informale, anziché esigente e conciso.
In definitiva, anche ciò che un individuo considera "di supporto e informale" varia, motivo per cui gli elenchi di parole e una matrice dei contenuti aiutano a rendere la voce e il tono azionabili. Questo aspetto è trattato più nel dettaglio nelle sezioni 6-8.
Perché è importante
Il tono appropriato può rafforzare la fiducia degli utenti. Ad esempio, se un messaggio di errore assume la forma di una battuta, anziché di un supporto, il tono spensierato potrebbe non mostrare a un utente che la sua frustrazione è ragionevole e risolvibile.
Creare una mappa tonale
Una mappa del tono aiuta a pianificare e documentare una strategia per regolare la voce e il tono.
Inizia prendendo in esame i punti chiave di un percorso dell'utente. Che tu stia creando giochi, strumenti finanziari o un'app di shopping, il tono deve variare in base ai punti del percorso dell'utente, ad esempio onboarding, conferme ed errori.
Ad esempio, una notifica divertente per la conferma di una routine sembra una buona idea all'inizio, ma alla quinta volta che viene ricevuta, il piacere può rapidamente trasformarsi in fastidio.
Gli stati di errore sono un altro esempio di dove la mappatura della tonalità può contribuire a modificare la tonalità da informale e colloquiale a di supporto e dettagliata.
1. Innanzitutto, scegli due dimensioni o spettri che possano rappresentare un intervallo nel tono che preferisci.
Ecco alcune idee per gli assi critici di un tono nella scrittura UX:
- Giocoso e serio
- Conciso e dettagliato
- Emotivo e neutro
- Informale e rigido
2. Disegna una griglia con due linee che si intersecano e identifica ogni asse con una dimensione del tono su cui vuoi elaborare una strategia.
Nell'esempio riportato di seguito, puoi vedere che divertente e serio e conciso e dettagliato sono le dimensioni della mappa.
3. Avanti, elenca i tipi o i pattern di messaggi che utilizzi di frequente. I tipi di messaggi che potresti mappare includono:
- Onboarding
- Conferma e riconoscimento
- Guida e feedback
- Errori
- Notifiche
- Etichette
- Stati vuoti
4. Posiziona ogni tipo di messaggio sulla mappa rispetto a entrambi gli assi.
Ecco alcune considerazioni:
- Quanto spazio dello schermo sarà disponibile per un determinato messaggio?
- Quanto è importante o fondamentale la comprensione per un tipo di messaggio? È in gioco un'azione distruttiva?
- Cosa vuoi che un utente sappia o provi in relazione all'intent di un tipo di messaggio? Ad esempio, l'onboarding è spesso accompagnato da un intento leggero ma pratico.
5. Esempio completato
Di seguito è riportato un esempio di tipi di messaggi rappresentati in un grafico in base alle esperienze comuni delle app.
Se la tua app tratta questioni legali o di pagamento, potresti regolare il tono in modo che sia più serio e dettagliato quando la comprensione è fondamentale. Al contrario, se la privacy o le finanze non sono a rischio e per ulteriori informazioni è disponibile anche un Centro assistenza, potresti scegliere di essere più conciso.
5. Struttura dei contenuti
Panoramica
La struttura di un'istruzione può migliorare la comprensione e aiutare un utente a concentrarsi sull'attività da svolgere. Quando si accoppia un'immagine con il testo, un altro obiettivo di una struttura informativa è migliorare l'accessibilità.
Inizia con gli obiettivi
Inizia le frasi con l'obiettivo di un utente. Poiché la scrittura UX è orientata alle attività, un pattern comune per le frasi è quello di enfatizzare un obiettivo che stabilisce il contesto motivante per un'attività, quindi la frase descrive in dettaglio l'azione necessaria per completare un'attività.
Mostra i dettagli in base alle necessità
Mostra le informazioni in modo contestuale e in base alle esigenze. Questo approccio è spesso definito disclosure progressiva. Mostra i dettagli sulle funzionalità man mano che l'utente le esplora e ha bisogno di maggiori informazioni.
Rivelare le informazioni in modo strategico spesso comporta un'attenta valutazione delle esigenze informative per ogni punto del percorso dell'utente. L'obiettivo non è nascondere o omettere nulla, soprattutto le conseguenze di azioni che non possono essere annullate, ma tieni presente che aiuterai gli utenti concentrandoti immediatamente sull'attività da svolgere.
Progettazione di contenuti accessibili
Una scrittura efficace si estende alle considerazioni sull'abbinamento di immagini e testo per gli utenti ipovedenti o per chiunque utilizzi uno screen reader. La sezione di scrittura per l'accessibilità di Material include indicazioni per l'abbinamento di immagini e sottotitoli codificati, in modo che il design dei contenuti di una pagina sia adatto a tutti gli utenti.
Testo visibile e non visibile
Il testo di accessibilità include:
- Testo visibile: etichette per gli elementi dell'interfaccia utente, testo su pulsanti, link e moduli
- Testo non visibile: descrizioni che non vengono visualizzate sullo schermo (ad esempio, testo alternativo per le immagini)
Quando il testo visibile e non visibile è descrittivo e significativo, aiuta gli utenti a navigare utilizzando le intestazioni o i link su una schermata. Uno screen reader può aiutarti a testare il testo accessibile e a identificare i punti in cui puoi aggiungerlo.
Testo alternativo
Il testo alternativo aiuta a tradurre un'interfaccia utente visiva in un'interfaccia utente basata su testo. Il testo alternativo è un'etichetta breve (fino a 125 caratteri) nel codice che descrive un'immagine per gli utenti che non sono in grado di vederla.
Nell'esempio seguente, uno screen reader fornisce il contesto del testo circostante offrendo i descrittori più essenziali di un'immagine.
Poiché il testo alternativo è solo per le immagini, non è necessario aggiungere "immagine di" o "foto di". Uno screen reader leggerà ad alta voce il testo alternativo al posto dell'immagine.
6. Scelta delle parole
Panoramica
Quando lo spazio sullo schermo è limitato, è fondamentale scegliere le parole giuste per trasmettere il messaggio e il tono. L'uso coerente delle stesse parole aiuta gli utenti a familiarizzare con un'esperienza.
Scrivere per tutti i livelli di lettura
Utilizza parole comuni che siano chiaramente e facilmente comprensibili a tutti i livelli di lettura.
Nessun gergo
Evita terminologia o nomi specifici del settore inventati per le funzionalità della UI quando una frase più semplice può comunicare la stessa idea in modo simile.
Utilizzare parole coerenti
Utilizza le parole in modo coerente nelle funzionalità dell'interfaccia utente.
Scrivi al presente
Utilizza il tempo presente per descrivere il comportamento del prodotto. Evita di utilizzare il tempo futuro per descrivere il modo in cui un prodotto agisce sempre.
Quando devi scrivere al passato o al futuro, utilizza forme verbali semplici.
Fare riferimento agli elementi e ai controlli dell'interfaccia utente in base all'etichetta
Le etichette identificano la funzione di un controllo o di un elemento. Vengono visualizzati sul controllo stesso o nelle sue vicinanze, ad esempio il testo su un pulsante o un interruttore. Per fare riferimento a un controllo o a un elemento dell'interfaccia utente, menzionalo utilizzando il testo dell'etichetta. (non indicare il tipo di elemento o controllo).
Comunicare i dettagli essenziali
Comunica solo i dettagli su cui un utente deve concentrarsi per un'attività.
Concetti chiave
- Scrivere per tutti i livelli di lettura
- Utilizzare le parole in modo coerente, non per novità
- Present tense
- Utilizzare i numeri
7. Scrivere per i componenti
Panoramica
I componenti di Material hanno un intento nella UI e la scrittura per componenti specifici può rafforzare l'intento.
Questi componenti hanno indicazioni di scrittura su Material.io:
Finestre di dialogo
I dialoghi vengono utilizzati per:
- Errori che bloccano il normale funzionamento di un'app
- Informazioni critiche che richiedono un'attività, una decisione o una conferma specifica da parte dell'utente
Componente | Priorità | Azione dell'utente |
Snackbar | Priorità bassa | Le snackbar scompaiono automaticamente |
Banner | In evidenza, priorità media | I banner rimangono finché l'utente non li chiude o se lo stato che ha causato la visualizzazione del banner viene risolto |
Dialog | Priorità più alta | Le finestre di dialogo bloccano l'utilizzo dell'app finché l'utente non esegue un'azione nella finestra di dialogo o non la chiude (se disponibile) |
Titoli
Lo scopo di una finestra di dialogo deve essere comunicato dal titolo e dal testo del pulsante.
I titoli devono contenere un'affermazione o una domanda breve e chiara.
Snackbar
Gli snackbar contengono un'etichetta di testo direttamente correlata al processo in corso. Sui dispositivi mobili, un'etichetta può contenere fino a due righe di testo.
Gli snackbar possono mostrare un singolo pulsante di testo che consente agli utenti di intervenire su un processo eseguito dall'app.
8. Mettere tutto insieme in una matrice dei contenuti
Panoramica
Una matrice dei contenuti è una tabella per monitorare le parole e le scelte che utilizzerai e riutilizzerai nei tuoi testi. La matrice dei contenuti è una risorsa fondamentale per scrivere e monitorare le frasi in modo coerente e funge da riferimento per qualsiasi futuro autore.
È un nome elegante per un foglio di lavoro (sì, questo viola le indicazioni per la scelta delle parole "nessun gergo").
Configurare una matrice dei contenuti
Crea un foglio di lavoro o una tabella in cui puoi monitorare la scrittura e le scelte lessicali che funzionano bene e possono essere ripetute.
L'obiettivo di una matrice dei contenuti è aiutarti a identificare e documentare il modo in cui un messaggio si collega a quanto segue:
- Obiettivi e contesti degli utenti
- Le esigenze informative, espresse in modo semplice, che supportano un determinato obiettivo
- Testo dell'interfaccia utente bozza e finale che riassume brevemente le informazioni necessarie in un linguaggio semplice e privo di gergo
Le decisioni sul testo dell'interfaccia utente nella matrice dei contenuti devono riflettere anche:
- Principi relativi a tono e voce
- Tipi di componente
Infine, la matrice dei contenuti può includere un elenco di parole:
- Elenca le parole e i termini da utilizzare per descrivere le funzionalità, le azioni e gli obiettivi
- Elenca le parole da evitare come sinonimi o frasi non utili
Non dimenticare:
- Sostituire o definire termini tecnici
- Utilizza la scelta di parole più comune per un'azione o un sostantivo
9. Argomenti e risorse avanzati (facoltativo)
Panoramica
Questo codelab illustra le best practice e i metodi per iniziare a scrivere testi UX. Questo è solo l'inizio.
Risorse
10. Complimenti!
Ottimo lavoro! Stai per imparare a scrivere testi dell'interfaccia utente chiari e di grande impatto.
