Le pagine di divulgazione delle norme del sito Web devono sempre essere così brutte?

Pubblicato: 2022-03-10
Riepilogo rapido ↬ In alcuni casi, la politica sulla privacy, i termini di utilizzo e le pagine di consenso dei cookie devono essere brutti. Ma ciò non significa che non puoi migliorare la facilità di lettura o navigazione (cosa che i visitatori apprezzeranno sicuramente). Oggi esamineremo quattro modi in cui i web designer possono contribuire a far leggere più pagine di divulgazione delle politiche ea concordare effettivamente i termini.

Non è che i consumatori non siano interessati alle informazioni fornite nelle pagine relative ai termini di utilizzo o alle norme sulla privacy. Ma queste pagine… Parlano di un design doloroso.

In qualità di web designer, sai che i problemi di privacy e sicurezza dei dati influiscono sul modo in cui i visitatori interagiscono con i siti Web che crei. Ecco perché in primo luogo crei marchi di fiducia nei tuoi siti web.

Ma la semplice presenza di link "Termini di utilizzo" o "Informativa sulla privacy" non è sufficiente per mettere a proprio agio i visitatori. Queste pagine devono essere facili da leggere o, per lo meno, abbastanza facili da estrarre i dettagli pertinenti.

Se non hai già l'abitudine di farlo, devi iniziare a progettare le pagine della tua politica in modo che i visitatori del sito Web non si sentano così scoraggiati da accettare ciecamente i termini e mettersi a rischio.

Progettazione di pagine di divulgazione delle norme che i visitatori leggeranno

Dimmi la verità: quando è stata l'ultima volta che hai visitato una pagina di termini di servizio, politica sulla privacy o altra divulgazione di politica facile da leggere? Diamine, quand'è stata l'ultima volta che ti sei nemmeno preso la briga di visitare una pagina dei termini?

Un recente esperimento condotto da ProPrivacy (di cui puoi leggere in questo ebook) ha rilevato quello di 100 persone che hanno riscontrato una pagina di termini e condizioni:

  • 70 hanno affermato di aver cliccato sul collegamento alla pagina della polizza per leggerlo ( quando solo 19 lo hanno fatto effettivamente ).
  • 33 hanno affermato di aver letto la pagina fino in fondo ( in realtà, solo 1 l'ha fatto! ).

Perché questo è un problema? Nel caso di questo esperimento, è perché gli utenti hanno rinunciato ad alcuni diritti piuttosto folli accettando inconsapevolmente i termini:

ProPrivacy ha condotto un esperimento sociale su quante persone visitano e leggono le pagine delle politiche. Questo è l'elenco delle condizioni insolite che la pagina ha accettato dai visitatori
L'esperimento sociale di ProPrivacy includeva alcune condizioni d'uso insolite nella sua pagina dei termini. (Fonte immagine: ProPrivacy) (Anteprima grande)

Non è che i tuoi clienti nascondano mai "termini" ridicoli come questi nelle loro pagine di polizza. Ma non è questo il punto. Ci sono altre cose - come il modo in cui vengono utilizzati i cookie, cosa succede con gli indirizzi e-mail inseriti in un modulo, come concedere in licenza i contenuti del sito, ecc. - che contano e possono finire sepolti in una pagina dei termini perché nessuno ha osato provare e leggilo.

Quindi, ecco cosa possono fare i web designer per invertire questa tendenza e dare ai visitatori un motivo in più per fidarsi di un sito web:

Suggerimento n. 1: formatta le pagine come fai per il resto del sito

Non ti sto chiedendo di dedicare molto tempo a questo poiché le pagine dei Termini di utilizzo e dell'Informativa sulla privacy non sono importanti quanto le pagine che vendono qualsiasi cosa il marchio stia offrendo. Ma…

Se un imprenditore, uno scrittore o un rappresentante legale ti fornisce una copia per le pagine delle norme che assomigliano a questa sul sito Zappos, dovresti davvero fare qualcosa al riguardo:

Pagina delle condizioni d'uso di Zappos con ampio uso di testi in maiuscolo e lunghi paragrafi
La pagina delle Condizioni d'uso di Zappos è un muro di testo impossibile da leggere. (Fonte immagine: Zappos) (Anteprima grande)

Sembra qualcosa che riceveresti da uno studio legale e temere di aprirlo. Paragrafi extra lunghi. Testo tutto maiuscolo. Intestazioni con una terminologia legale senza senso dappertutto. Non c'è da stupirsi che la maggior parte dei consumatori non si preoccupi di fare clic su queste pagine, per non parlare di leggerle.

A seconda di ciò che ti viene dato, dovrai collaborare con il tuo scrittore o rappresentante legale per modificare il contenuto in modo che sia più facile da usare. Per quanto riguarda il design, però, sei solo tu.

Di seguito sono riportati alcuni modi per migliorare la formattazione delle pagine di divulgazione delle norme:

Aumenta la dimensione del carattere e diminuisci la quantità di testo come fa l'Agenzia Fishtank:

La pagina sulla politica sulla privacy dell'Agenzia Fishtank
L'informativa sulla privacy dell'Agenzia Fishtank è formattata con testo grande, intestazioni in grassetto e brevi sezioni. (Fonte immagine: Fishtank Agency) (Anteprima grande)

Non sono solo i 18 pixel del corpo del testo oi 24 pixel di intestazione a rendere questa pagina così facile da leggere. Le sezioni sono brevi e puoi vedere dove finiscono. Inoltre, le sezioni sono numerate, il che rende più facile trovare ciò che stai cercando.

Un'altra cosa da fare è formattare il testo come una normale pagina come fa H&M:

Pagina sulla privacy di H&M: formattata come la pagina dei servizi aziendali
La pagina sulla privacy di H&M è simile a qualsiasi altra pagina che apparirà su un sito Web aziendale. (Fonte immagine: H&M) (Anteprima grande)

È qui che avresti bisogno dell'aiuto del tuo scrittore o rappresentante legale poiché non puoi riscrivere da solo nessuno di questi legali. Detto questo, se ti viene fornita una copia più intuitiva per una pagina delle norme, suddividila quando possibile in:

  • sezioni più piccole,
  • Frasi e paragrafi più brevi,
  • Elenchi puntati,
  • Domande in grassetto o intestazioni.

E se hai molte informazioni che possono essere organizzate in una tabella , fai come fa Smashing Magazine con questa sezione sui cookie dalla sua pagina della politica sulla privacy:

Pagina della politica sulla privacy di Smashing Magazine con la tabella che elenca i cookie utilizzati
Smashing Magazine utilizza una tabella per organizzare l'elenco dei cookie utilizzati sul proprio sito web. (Fonte immagine: Smashing Magazine) (Anteprima grande)

Questa tabella rende molto più facili da consumare e comprendere tutte quelle informazioni che altrimenti sarebbero difficili da leggere in forma di paragrafo.

Oppure puoi seguire l'esempio di Bank of America e utilizzare una fisarmonica per rendere più facili da consumare molti contenuti:

Pagina dell'informativa sulla privacy di Bank of America con fisarmoniche che contengono ciascuna sezione della politica
Bank of America organizza ordinatamente le sue sezioni di informativa sulla privacy sotto fisarmoniche. (Fonte immagine: Bank of America) (Anteprima grande)

In questo modo, i visitatori possono prendersi un momento per leggere ogni intestazione senza essere sopraffatti dalle informazioni sulla politica. Quando trovano quello che stanno cercando, fanno clic sulla fisarmonica per aprirla e possono concentrarsi rigorosamente su quella sezione.

Suggerimento n. 2: aggiungi la navigazione alla pagina

In alcuni casi, non c'è molto da fare per condensare la quantità di informazioni in una pagina di divulgazione delle norme. E anche pagine ben formattate possono comunque essere difficili per i visitatori se sono troppo lunghe.

Avere una navigazione specifica per queste pagine aiuterà. Ci sono diversi modi per gestirlo.

Il New York Times, ad esempio, include i seguenti strumenti di navigazione nella sua pagina Termini di servizio:

  • Breadcrumb per tornare ad altre pagine legali o di aiuto,
  • Una barra di ricerca per trovare qualcosa di specifico nei Termini di servizio,
  • Un sommario con collegamenti a ciascuna sezione.
La pagina dei Termini di servizio del New York Times ha breadcrumb, una barra di ricerca e un sommario per una migliore navigazione
La pagina dei Termini di servizio del New York Times è facile da navigare. (Fonte immagine: The New York Times) (Grande anteprima)

Anche se si tratta di una pagina di termini altrimenti generici, questi strumenti di navigazione allevieranno il dolore dei visitatori che cercano di trovare le risposte ai loro dubbi e domande sulla privacy.

Ecco un'altra opzione per te:

Google utilizza una barra di navigazione appiccicosa per mostrare alle persone dove si trovano nella lunga pagina dei Termini di servizio:

Pagina dei Termini di servizio di Google con navigazione appiccicosa nella barra laterale
La pagina dei Termini di servizio di Google viene fornita con la propria barra di navigazione appiccicosa. (Fonte immagine: Google) (Anteprima grande)

Gli utenti possono selezionare la sezione in cui navigare o utilizzare la barra laterale per orientarsi mentre leggono la pagina. Ogni volta che puoi dare ai tuoi visitatori un'idea dei progressi che stanno facendo è una buona idea.

Un altro esempio di navigazione che vorrei mostrarti è tratto da Indeed:

Pagina Indeed Legal con informazioni su cookie, privacy, diritti degli utenti in California e termini di servizio
Indeed consolida tutte le sue politiche legali in un'unica pagina legale. (Fonte immagine: Indeed) (Anteprima grande)

Questa è la pagina legale di Indeed. Contiene ogni singola delle sue politiche:

  • Gestione dei Cookie,
  • Politica sulla riservatezza,
  • diritti alla privacy della California,
  • Termini di servizio.

Utilizza una navigazione appiccicosa della barra laterale simile a quella di Google. Tuttavia, voglio che tu dia un'occhiata a come gestisce questo sui dispositivi mobili:

Pagina effettivamente legale sul cellulare con navigazione superiore appiccicosa
Indeed allega la navigazione della sua pagina legale nella parte superiore del sito mobile. (Fonte immagine: Indeed) (Anteprima grande)

Invece di abbandonare del tutto la navigazione appiccicosa (cosa che fanno alcuni siti), Indeed appone la navigazione della pagina legale nella parte superiore dello schermo del cellulare :

Sito web Indeed mobile con navigazione a tendina per la pagina legale
Gli utenti infatti possono interagire con la navigazione mobile appiccicosa nella pagina legale. (Fonte immagine: Indeed) (Anteprima grande)

Ancora una volta, questa navigazione appiccicosa ha un duplice scopo: accelerare il modo in cui i visitatori di Indeed ottengono le informazioni di cui hanno bisogno e allo stesso tempo orientarli a ciò che stanno leggendo.

Suggerimento n. 3: consenti ai visitatori di personalizzare i propri termini

Quando si creano siti Web per grandi aziende, piattaforme di social media popolari e mega siti di e-commerce, è necessario ricordare che non sono solo gli anglofoni negli Stati Uniti a leggere le pagine di divulgazione delle politiche. Pertanto, i termini dovrebbero cambiare da lingua a lingua e da paese a paese.

Come gestisci questo oltre a tutto il resto? Facile. Diamo un'occhiata ad alcuni esempi.

Apple chiede ai visitatori di scegliere un argomento, un luogo e una lingua :

Pagina legale di Apple: scegli un argomento, scegli una posizione, scegli una lingua
Apple consente agli utenti di selezionare il documento legale per la loro posizione e lingua specifica da visualizzare. (Fonte immagine: Apple) (Anteprima grande)

BuzzFeed è un altro sito Web che consente agli utenti globali di modificare le proprie pagine legali in base a dove vivono e quale lingua o dialetto inglese parlano:

Pagina legale BuzzFeed: Informativa sulla privacy, Accordo per gli utenti, DMCA (per gli utenti in Messico)
La pagina Legal di BuzzFeed include opzioni per visualizzare l'informativa sulla privacy, l'accordo per l'utente e il DMCA per la regione dell'utente. (Fonte immagine: BuzzFeed) (Anteprima grande)

Innanzitutto, gli utenti selezionano il documento che desiderano visualizzare. Quindi popola i termini corrispondenti in basso in un formato di facile lettura. Possono quindi selezionare "Leggi i termini legali per" se non è nella regione o nella lingua preferita.

Questo è l'ideale anche per le prestazioni del sito web. Alcuni siti Web rimandano semplicemente a PDF che contengono le varie traduzioni delle politiche regionali. Più file aggiungi al tuo server, però, più lento verrà caricato. In questo modo, il contenuto cambia dinamicamente sul sito in base a chi lo sta visualizzando.

Suggerimento n. 4: fornisci riepiloghi accattivanti

Diciamo che l'azienda per la quale stai costruendo un sito ha termini legali molto severi. Il loro team legale ha consigliato loro di non modificare nessuno dei contenuti di divulgazione della politica perché hanno bisogno che regga in un tribunale nel caso dovesse accadere qualcosa.

Ciò non ti dà molta flessibilità in termini di come progetti la pagina in quel momento. Certo, puoi rendere le intestazioni più grandi e in grassetto e puoi usare H2, H3 e H4 per creare una gerarchia. Questo aiuterà un po' la leggibilità, ma non molto.

Quando non c'è modo di manipolare il contenuto legale stesso, i riepiloghi sono la strada da percorrere.

LinkedIn è un sito Web che fa questo:

Accordo per gli utenti di LinkedIn - traduzione di legalese in parole semplici
LinkedIn fornisce brevi spiegazioni di ciascuno dei suoi termini del contratto utente in parole povere. (Fonte immagine: LinkedIn) (Anteprima grande)

Il contratto con l'utente è riportato per intero sul lato sinistro dello schermo. Sul lato destro ci sono frammenti di testo in un carattere molto più grande.

Questi sono i riepiloghi per ogni sezione , scritti in parole povere, che impediscono agli utenti di LinkedIn di dover sgobbare attraverso lunghe spiegazioni di condizioni o termini formulati in modo complesso.

Sui dispositivi mobili, questi riepiloghi accattivanti vengono visualizzati prima di tutto il noioso legalese:

Accordo per gli utenti di LinkedIn - traduzione di legalese in parole semplici per gli utenti mobili
LinkedIn include riepiloghi per ciascuna delle sue sezioni del contratto utente sul sito mobile. (Fonte immagine: LinkedIn) (Anteprima grande)

Sephora è un altro sito Web che include riepiloghi concisi e di facile utilizzo nelle sue pagine dei termini. Ecco come appare nella pagina Termini di utilizzo:

La pagina dei Termini di utilizzo di Sephora include "La versione breve e dolce" in rosso per riassumere il suo complesso legalese
Sephora fornisce "La versione breve e dolce" per ciascuno dei termini del suo sito web. (Fonte immagine: Sephora) (Anteprima grande)

Direi che il modo in cui è progettato, con " La versione corta e dolce " in rosso, incoraggia i visitatori a concentrarsi solo sui riepiloghi.

Finché nulla di importante viene perso nella traduzione o tralasciato in questi riassunti, penso che sia un'idea brillante. Il rosso è molto più facile da individuare quando si scorre rapidamente una pagina rispetto a un tag di intestazione nero.

Avvolgendo

So che queste pagine vengono spesso salvate fino alla fine di un progetto di design perché... chi se ne frega? Ma poiché i consumatori diventano più esperti quando si tratta di dati e privacy online, non puoi permetterti di avere un atteggiamento blasfemo quando si tratta di creare pagine di divulgazione delle norme su un sito web.

Prendendo più tempo per migliorarne la leggibilità e la navigabilità, incoraggerai i visitatori a leggere effettivamente queste pagine e ad assicurarti che siano a loro agio con i termini che altrimenti accetterebbero ciecamente o inconsapevolmente. In tal modo, alla fine aiuterai il sito Web a catturare clienti o utenti più soddisfatti.