Cos'è la scansione e come utilizzarla per migliorare i contenuti?     

Siamo bombardati ogni giorno da un’enorme quantità di informazioni, sia online che offline. Le persone possono creare più cose di quelle che possono consumare fisicamente grazie alle nuove tecnologie e alle connessioni Internet veloci. 

Quando hanno a che fare con un gran numero di siti Web e app, i consumatori non leggono tutto parola per parola; invece, scansionano la pagina per determinare perché e come è rilevante per loro. 

La scansionabilità è ora considerata un aspetto importante dell'usabilità del sito web, derivante dal suo impatto su l'esperienza degli utenti.

Questo articolo esamina l'argomento e offre consigli su come rendere scansionabili i prodotti digitali.    

Scansionabilità e IMPORTANZA?

In parole povere, la scansionabilità si riferisce alla facilità con cui un utente può scansionare le informazioni web invece di leggerle parola per parola.

I visitatori possono leggere testi e immagini sui contenuti scansionabili in modo rapido e semplice poiché sono stati preparati e organizzati per una rapida comprensione.

L'influenza complessiva degli stili di messaggistica, formattazione e scrittura utilizzati per rendere il materiale scansionabile. È un principio fondamentale della creazione di UX e, per estensione, della UX e della progettazione del prodotto in generale.

Le principali aziende e startup considerano sempre più i contenuti scansionabili un must-have, portando alla continua espansione dell'authoring UX e della progettazione dei contenuti come argomento.

Nel 1997 il Nielsen Norman Group ha condotto un’interessante ricerca che ha reso popolare la parola “scansionabilità”.

Jakob Nielsen e i suoi colleghi hanno tentato di scoprire come le persone leggono su Internet.

Qual è la loro conclusione? "Non lo fanno."

“Le persone raramente leggono i siti web parola per parola; invece, scansionano la pagina, evidenziando frasi e frasi particolari.

Solo una piccola percentuale di utenti nella ricerca legge le pagine parola per parola. Uno studio successivo ha raggiunto lo stesso risultato.

La scansionabilità è importante perché le persone scansionano. Questa non è una linea guida rigida e veloce che tutti seguono. È una generalizzazione: alcuni lettori leggeranno il tuo materiale in modo approfondito, ma la maggior parte esplorerà rapidamente la pagina alla ricerca di informazioni che siano loro utili.

I quattro fattori determinano la quantità di tempo che i consumatori sono disposti a dedicare alla lettura (o alla scansione).

• Livello di motivazione
• Livello di focalizzazione
• Tipo di compito
• Tratti personali

Numerosi studi hanno dimostrato che i consumatori eseguono la scansione di contenuti digitali, il più noto è il modello a forma di F di Nielsen Norman Group per la lettura dei contenuti Web. 

A seguito di un esame approfondito del modo in cui le persone leggono online, ha identificato tre conclusioni principali che si sintetizzano nel modello a forma di F:

• Gli utenti spesso iniziano leggendo la parte più alta del materiale in orizzontale, creando così la barra superiore della F.

• Dopo aver fatto scorrere leggermente verso il basso il contenuto della pagina, i lettori leggono la seconda sezione orizzontalmente, solitamente con un movimento più breve della precedente. Questa è la battuta più bassa del F.  

• Da allora, le persone spesso scansionano verticalmente il lato sinistro del contenuto, che può essere veloce, lento e metodico, o da qualche parte nel mezzo. Questa scansione verticale crea il gambo della F e completa il motivo a forma di F.

Questa scoperta relativa al modo in cui le persone consumano materiale digitale utilizzando il modello a forma di F è stata e continua ad essere un punto di svolta per scrittori UX, progettisti di contenuti, strateghi dei contenuti, scrittori tecnici e chiunque altro apprezzi i contenuti incentrati sull'utente.

Questo perché è fondamentale progettare e generare contenuti che rappresentino il modo in cui le persone si comportano realmente online, piuttosto che il modo in cui vogliamo che si comportino. 

Progettare e generare informazioni che rispecchino il comportamento reale dell'utente (scansione) è una componente fondamentale dello sviluppo di un "interfaccia utente appiccicosa" (un'interfaccia che fa ritornare gli utenti). E un'interfaccia utente fissa è vitale per il successo a lungo termine di qualsiasi prodotto digitale.

Vedremo in seguito come il modello di lettura a forma di F ha influenzato i concetti di scansionabilità, ma prima ricapitoliamo come la scansionabilità migliora l'esperienza dell'utente.

Considerando il modo in cui le persone consumano e digeriscono il materiale digitale, i contenuti scansionabili contribuiscono a una buona UX (e a un'interfaccia utente fissa) in vari modi:

• Gli utenti possono scoprire ciò di cui hanno bisogno più velocemente eseguendo la scansione del materiale invece di leggere grandi quantità di testo lentamente e con attenzione, risparmiando tempo.
• Diminuisce il carico cognitivo: Il materiale scansionabile è più digeribile delle dense pareti di testo e richiede molta meno energia mentale per essere assimilato.
• È accessibile: Rendere il materiale scansionabile implica l'implementazione di molte (se non tutte) linee guida sull'accessibilità.
• Diminuisce l’incertezza e la frustrazione: poiché consente agli utenti di scoprire ciò di cui hanno bisogno in modo rapido e semplice, è meno probabile che si sentano confusi o frustrati.

Come posso testare la scansionabilità?

I consumatori possono interagire con il tuo materiale ed essere testati per la scannerizzazione utilizzando una varietà di approcci.

Di seguito sono riportati diversi metodi per determinare la scansionabilità del tuo file contenuto:

UN. Test di usabilità: include attività per la scansione e la scoperta di informazioni particolari durante le sessioni di test di usabilità. Esamina come gli utenti esplorano il materiale, su quali componenti si concentrano e se riescono a trovare facilmente le informazioni necessarie. 

Incoraggia i partecipanti a pensare ad alta voce, il che fornirà utili spunti sulle loro abitudini di scansione e sui processi mentali.

Gli utenti utilizzano strumenti della mappa termica per creare rappresentazioni visive di dove è focalizzata la loro attenzione. Le mappe di calore utilizzano dati aggregati per indicare quali parti di un sito Web ottengono il maggiore interesse. 

Puoi determinare quali regioni stanno attirando l'attenzione e quali vengono perse analizzando i risultati della mappa di calore.

B. Test A/B: crea diverse versioni del tuo materiale utilizzando diverse strategie di scansione. In questo test A/B, a diversi gruppi di utenti verranno mostrate varie versioni.

Per valutare se la versione funziona meglio in termini di scansionabilità, tenere traccia del coinvolgimento dell'utente, del tempo impiegato nella ricerca di informazioni e delle percentuali di successo.

I movimenti oculari dei partecipanti vengono catturati mentre leggono i tuoi contenuti studi di tracciamento oculare. Catturi i movimenti oculari dei partecipanti mentre leggono i tuoi contenuti negli studi di eye-tracking.

Questa strategia fornisce informazioni quantificabili su quali luoghi le persone si concentrano maggiormente e su come la loro attenzione si sposta all'interno della pagina. Aiuta a identificare tendenze e opportunità di miglioramento.

10 suggerimenti per migliorare la scannerizzazione

1. Creare una gerarchia visiva adeguata

La gerarchia visiva dell'interfaccia di un computer si riferisce all'organizzazione e alla visualizzazione dei componenti di progettazione dell'interfaccia utente per indicare i gradi di significato, consentendo agli utenti di cercare rapidamente le informazioni necessarie. Progettare un layout con una buona gerarchia visiva coinvolge numerosi fattori:

• Taglia
• Colore 
• Confrontare 
• Vicinanza
• allineamento
• Negative Space 
• Ripetizione

Un progettista che prende in considerazione questi modelli di progettazione dell'interfaccia utente durante la produzione di un progetto di layout dell'interfaccia utente garantirà che il prodotto finito abbia un layout gradevole, armonioso e scansionabile in modo intuitivo.

La pagina dei risultati di ricerca di Google utilizza tutti gli elementi della gerarchia visiva per migliorare la scansione. 

L'uso del colore, delle dimensioni e del contrasto enfatizza i titoli. Lo spazio negativo che circonda ogni titolo aiuta a garantire che sia la prima cosa che l'utente scansiona.

Quando gli utenti trovano un titolo pertinente, esaminano il colore e la vicinanza del collegamento per determinarne la credibilità.

Successivamente, per approfondire valutare il risultato, esamineranno la copia del contenuto, che è uniforme per colore, dimensione e vicinanza. Oltre a questi criteri, la ripetizione e l'allineamento rendono i risultati di ricerca di Google semplici da esaminare.

2. Inserisci la navigazione di base nell'intestazione del sito web

Tutti i modelli di scansione oculare descritti indicano che, qualunque sia quello scelto dall'utente, il processo di scansione inizierà nella sezione orizzontale superiore della pagina web. 

Usarlo per mostrare zone cruciali di coinvolgimento e branding è una tecnica che avvantaggia entrambe le parti. 

I progettisti dell'interfaccia utente/UX, i gestori dei contenuti e i professionisti del marketing vedono il motivo principale dell'importanza cruciale della progettazione dell'intestazione del sito web.

• L'intestazione non dovrebbe essere sovraffollata di troppe informazioni sull'altro lato, rendendo difficile la concentrazione.
• Il tentativo di inserire tutto nella parte superiore della pagina potrebbe trasformare la disposizione in un miscuglio. 
• È fondamentale analizzare gli obiettivi del pubblico di destinazione principale, il modo in cui si intersecano con gli obiettivi di business del sito Web e, in base a ciò, quali informazioni o navigazione sono incluse nell'intestazione sono le più rilevanti. 
• Ad esempio, su un grande sito di e-commerce, la funzionalità di ricerca deve essere immediatamente visibile e frequentemente posizionata nell'intestazione per essere disponibile da ogni punto di contatto.
• Per il sito web di una piccola impresa, la funzionalità di ricerca può essere superflua, ma un collegamento facilmente accessibile al portfolio è fondamentale.

3. Sfrutta lo spazio negativo

Il genio Claude Debussy affermò notoriamente: “La musica è lo spazio tra le note.” Lo stesso vale per la scansionabilità; lo spazio negativo tra i pezzi è ciò che distingue un layout di successo.

La giusta quantità di spazio negativo (bianco) che circonda i componenti dell'interfaccia utente attira l'attenzione sugli elementi stessi. Enfatizza le informazioni fornendo allo stesso tempo abbastanza respiro per evitare che il layout venga sovraccaricato. 

Senza un attimo di respiro, il cervello umano è meno propenso a cercare oggetti di interesse e diventa confuso.

4. Evidenzia parole chiave e frasi

• Un'altra strategia per rendere il tuo materiale più leggibile è evidenziare parole chiave e frasi che desideri che i tuoi lettori notino e ricordino. 
• Puoi utilizzare il grassetto, il corsivo, la sottolineatura o il colore per evidenziare parole chiave, inviti all'azione, citazioni, statistiche o query. 
• L'evidenziazione può servire a stabilire concentrazione e urgenza nei tuoi lettori, incoraggiandoli ad agire o a saperne di più. 
• Tuttavia, non esagerare o abusare dell'evidenziazione, perché il tuo materiale potrebbe apparire confuso o contenente spam. Usalo con saggezza e regolarità per far risaltare i tuoi contenuti.

5. Testare la leggibilità del testo copiato

• La leggibilità si riferisce alla facilità con cui gli individui possono leggere parole, frasi e blocchi di contenuto. 
• La leggibilità si riferisce alla velocità e all'intuitività con cui i consumatori possono riconoscere le lettere in un carattere tipografico specifico. 
• Bisogna esaminare attentamente queste qualità, soprattutto per le interfacce con una grande quantità di testo.
• Il colore dello sfondo, la quantità di spazio che circonda i blocchi di copia, la crenatura, l'interlinea, il tipo di carattere e l'abbinamento dei caratteri.
• Tutti hanno un impatto sulla capacità di leggere rapidamente il testo e catturare il materiale che convince le persone a restare. 
• I progettisti devono garantire che le leggi tipografiche siano rispettate e che i caratteri promuovano la gerarchia visiva e la leggibilità per evitare problemi.

6. Utilizza i sottotitoli per riassumere il contenuto

Le persone spesso reagiscono male a grandi quantità di testo. Se il paragrafo non corrisponde ai loro interessi, potrebbero credere di perdere tempo. 

Le migliori pratiche di progettazione dell'interfaccia utente forniscono una soluzione a questo problema. Inserendo brevi sottotitoli all'inizio di brani di grandi dimensioni, l'utente acquisisce una conoscenza completa dell'argomento.

Quando si compone il sottotitolo, è fondamentale renderlo conciso. Esprimi semplicemente il punto cruciale presentato nelle informazioni seguenti.

7. Utilizzare elenchi numerati e puntati

Un altro modo intelligente per rendere il contenuto più leggibile è utilizzare elenchi con numeri o punti elenco. Aiutano a organizzare chiaramente i dati. Inoltre attirano l'attenzione dell'utente sull'informazione, evitando che questa si perda nella struttura complessiva del testo.

8. Includi foto, video e altri contenuti

• Le funzionalità visive aiutano a migliorare la leggibilità e la scansionabilità fornendo diversità, interesse e contesto al tuo testo. 
• Immagini, video, infografiche, diagrammi, grafici e altri media possono aiutarti a mostrare le tue opinioni, offrire esempi e sostenere le tue affermazioni. 
• Possono anche aiutarti a suddividere il tuo materiale, rendendolo più interessante e memorabile. 
• Tuttavia, evita di utilizzare media eccessivi o irrilevanti che potrebbero distrarre o sopraffare il tuo pubblico. 
• Scegli media pertinenti e di alta qualità che integrino i tuoi contenuti e siano coerenti con il tuo marchio e messaggio.

9. Inserisci un concetto in un paragrafo

Quando si elabora materiale di copia per la scansione, evitare di creare blocchi di testo di grandi dimensioni eccessivamente lunghi. Il lettore trova i paragrafi brevi più digeribili e può facilmente saltare materiale inutile. Quindi, dopo aver esposto un concetto in un paragrafo, iniziane un altro con un pensiero nuovo.

10. Evitare l'uso di termini tecnici e gergali

Il gergo e la terminologia tecnica inutile riducono la leggibilità dei tuoi contenuti costringendo i lettori a fermarsi o rallentare per digerire ciò che stanno leggendo. Quando si utilizza il gergo e la terminologia tecnica, è importante prestare attenzione.

Conclusione

Anche se spesso ignorata, la scansionabilità è un aspetto importante del design che influenza il tempo per cui i consumatori rimangono sul tuo sito web. È più probabile che gli utenti si attengano a contenuti semplici da navigare.

È vero anche il contrario. Gli utenti perdono interesse quando c'è troppo testo e non abbastanza punti elenco o grafica.

Inizia seguendo le migliori pratiche come l'aggiunta di spazio negativo nel tuo progetto, l'utilizzo della formattazione per evidenziare il materiale cruciale e la visualizzazione delle informazioni in punti elenco scansionabili. 

Considera diversi modelli di scansione durante lo sviluppo del tuo contenuto per migliorare l'usabilità e la scansione del tuo sito.

Domande frequenti

UN. Perché la scannerizzazione è così vitale per i lettori moderni, in particolare per i consumatori di media digitali?

La scannerizzazione è un approccio di formattazione che consente al pubblico previsto di leggere e comprendere facilmente il corpo del testo. La scannerizzazione compensa il fatto che la maggior parte degli utenti di Internet sfoglia i contenuti invece di leggerli.

B. I collegamenti migliorano la scansionabilità?

Le parole chiave nei contenuti aiutano anche la scansione poiché fungono da indicazioni per i bot che eseguono la scansione delle pagine web. Inoltre, avere collegamenti all'interno dei contenuti consente ai lettori di navigare rapidamente tra argomenti o pagine rilevanti del sito stesso.

C. Quale elemento di contenuto non migliora la scansionabilità?

Spazio bianco: i muri di testo non forniscono ottimi contenuti scansionabili.