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

Siamo bombardati quotidianamente da enormi quantità di informazioni online e offline. Grazie alle nuove tecnologie e alle connessioni Internet veloci, le persone possono creare più cose di quelle che possono consumare fisicamente.

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

La scansionabilità è ora considerata un aspetto cruciale dell’usabilità del sito web a causa del suo impatto significativo sull’esperienza degli utenti.

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

Scansionabilità e IMPORTANZA?

La scansionabilità, in altre parole, si riferisce alla facilità con cui un utente può scansionare le informazioni web anziché leggerle parola per parola.

I visitatori possono leggere testi e immagini sui contenuti scansionabili in modo rapido ed efficiente 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 il concetto di “scansionabilità”.

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

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 degli utenti coinvolti 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 che tutti seguono. È una generalizzazione; alcuni lettori leggeranno il tuo materiale in modo approfondito, ma la maggior parte esaminerà rapidamente la pagina alla ricerca di informazioni 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

Diversi studi hanno dimostrato che i consumatori eseguono la scansione di contenuti digitali, il più noto dei quali è 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 significative che si sintetizzano nel modello a forma di F:

• Gli utenti spesso iniziano leggendo la parte più alta del materiale in orizzontale, creando 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ù corto della precedente. Questa è la battuta più bassa del F.

• Da quel momento in poi, le persone spesso scansionano verticalmente il lato sinistro del contenuto, operazione che può essere eseguita rapidamente, lentamente, metodicamente o in una via di 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 apprezzi i contenuti incentrati sull'utente.

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

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

Esamineremo in seguito il modo in cui il modello di lettura a forma di F ha influenzato il concetto di scansionabilità, ma prima esaminiamo 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 e testarne la scansionabilità utilizzando una varietà di approcci.

Di seguito sono riportati diversi metodi per determinare la scansionabilità del tuocontenuto:

UN. Test di usabilità: durante le sessioni di test di usabilità, includere attività per la scansione e la scoperta di informazioni particolari. Esamina il modo in cui 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, fornendo preziose informazioni sulle loro abitudini di scansione e sui processi mentali.

Utentiutilizzarestrumenti della mappa termicaper creare rappresentazioni visive di dove è focalizzata la loro attenzione. Le mappe di calore utilizzano dati aggregati per indicare quali parti di un sito web attraggonoil maggior interesse.

Analizzando i risultati della mappa termica, è possibile determinare quali regioni stanno attirando l'attenzione e quali vengono perse.

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

Valutare se la versione funziona meglio in termini di scansionabilità, coinvolgimento dell'utente, tempo impiegato nella ricerca di informazioni e percentuali di successo.

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

Questa strategia fornisce informazioni quantificabili su dove 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
• Contrasto
• Prossimità
• Allineamento
• Spazio negativo
• Ripetizione

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

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

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.

Gli utenti che trovano un titolo pertinente esaminano il colore e la vicinanza del collegamento per determinarne la credibilità.

Successivamente, per valutare ulteriormente il risultato, esamineranno la copia del contenuto, che è uniforme in termini di colore, dimensione e spaziatura. 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 la scelta dell'utente, il processo di scansione inizia nella sezione orizzontale superiore della pagina web.

Utilizzarlo per evidenziare 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 primario, il modo in cui si allineano con gli obiettivi aziendali del sito Web e, in base a ciò, determinare quali informazioni o navigazione sono più rilevanti nell'intestazione.
• 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.
• La funzionalità di ricerca può essere superflua per il sito web di una piccola impresa, ma un collegamento facilmente accessibile al portfolio è fondamentale.

3. Sfruttare lo spazio negativo

Il genio Claude Debussy ha affermato: “La musica è lo spazio tra le note.” Lo stesso vale per la scansionabilità; lo spazio negativo tra i pezzi 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 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ò stabilire concentrazione e urgenza nei tuoi lettori, incoraggiandoli ad agire o a saperne di più.
• Tuttavia, non abusare o abusare dell'evidenziazione, poiché ciò potrebbe far apparire il tuo materiale confuso o contenente spam. Usalo con saggezza e regolarità per far risaltare i tuoi contenuti.

5. Testare la leggibilità del testo della copia

• 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 quando si lavora con interfacce che contengono 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 eabbinamento caratteri.
• Tutti incidono sulla capacità di leggere rapidamente il testo e di catturare il materiale che convince le persone a restare.
• I progettisti devono garantire che le leggi tipografiche siano rispettate e che i caratteri promuovano una chiara gerarchia visiva e leggibilità per evitare qualsiasi problema.

Per saperne di più:

• Come sapere se il tuo avvocato ti sta vendendo
• Esperienza utente fluida e coinvolgente sui siti di e-commerce B2C
• 20 aggiornamenti di contenuti che faranno salire alle stelle la tua generazione di lead

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. L'utente acquisisce una conoscenza completa dell'argomento inserendo brevi sottotitoli all'inizio di brani di grandi dimensioni.

Quando si compone il sottotitolo, è fondamentale renderlo conciso. Esprimi 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. Questi aiutano a organizzare i dati in modo chiaro e ad attirare l’attenzione dell’utente sulle informazioni, evitando che si perdano nella struttura generale del testo.

8. Includi foto, video e altri contenuti

• Le funzionalità visive migliorano la leggibilità e la scansionabilità aggiungendo diversità, interesse e contesto al tuo testo.
• Immagini, video, infografiche, diagrammi, grafici e altri media possono aiutarti a presentare le tue opinioni, offrire esempi e supportare 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.
• Seleziona media pertinenti e di alta qualità che integrino i tuoi contenuti e siano in linea 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 una sezione, iniziane un altro con un pensiero nuovo.

10. Evitare l'uso di termini tecnici e gergali

Il gergo e la terminologia tecnica non necessaria riducono la leggibilità dei tuoi contenuti costringendo i lettori a fare una pausa o rallentare per digerire ciò che leggono.  Quando si utilizza il gergo e il vocabolario tecnico, è essenziale prestare attenzione.

Conclusione

Anche se spesso trascurata, la scansionabilità è un aspetto cruciale del design che influisce sulla durata della permanenza dei consumatori sul tuo sito web. È più probabile che gli utenti si attengano a contenuti semplici da navigare.

È vero anche il contrario. Gli utenti tendono a perdere interesse quando il testo è eccessivo e gli elenchi puntati o la grafica sono insufficienti.

Inizia seguendo le migliori pratiche, come incorporare lo spazio negativo nel tuo progetto, utilizzare la formattazione per evidenziare le informazioni chiave e presentare i dati in punti elenco scansionabili.

Considera diversi modelli di scansioneper migliorare l'usabilità e la scansione del tuo sito durante lo sviluppo dei tuoi contenuti.

Domande frequenti

UN. Perché la scansionabilità è vitale per i lettori moderni, principalmente 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, i collegamenti all'interno dei contenuti consentono 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.