Progettare per gli utenti vuol dire creare pagine semplici.
Contenuto e design di una pagina devono essere esaustivi.
A volte, però, si rende necessario approfondire.
I link inline vengono in nostro aiuto.

Carico cognitivo: design e navigabilità

Il design della user experience è prima di tutto ricerca di equilibrio.

L’equilibrio di design principale è quello tra

• la quantità di contenuto necessario agli utenti
• e il calibro d’informazioni che sono capaci di gestire.

Nel caso degli approfondimenti, quindi, la posta in gioco è la navigabilità del contenuto.

Durante la lettura di una guida online, ad esempio, per capirne il senso, alcune nozioni potrebbero essere un prerequisito.
Cosa fare? Rinunciare a quell’informazione essenziale o inserirla nel testo? Vale davvero la pena interrompere il flusso di lettura principale?

Come ovviare al possibile sovraccarico cognitivo?

Un compromesso è possibile, molto di più, è fondamentale. Puoi garantire tutte le informazioni necessarie agli utenti senza sovraccaricarli d’informazioni.  Questo semplicemente grazie ai link.

In questo articolo voglio spiegarti come e perché usare i link come elemento di design nel tuo sito.

Perché usare i link inline nel design

Grazie ai link puoi evitare di dilungarti.

Concediti questo lusso. Crea contenuti leggeri e fluidi.
Quando reputi necessario un’approfondimento, usa i link a risorse esterne. Se l’utente ne avrà davvero bisogno potrà seguire i link per saperne di più.

Questo ti consentirà di avere testi più snelli e fruibili, permettendoti maggiore cura per il design degli spazi bianchi.

Utilizzando un pattern design dei link dedicato, faciliterai la comprensione del testo ai tuoi utenti.

Colore e animazioni specifiche passando su il mouse, forniscono un’ancora visiva essenziale.
L’utente saprà sempre cosa hai reputato utile e cosa cliccare per raggiungerlo.

In breve, devi utilizzare i link inline come elemento di design perché:

• limitano le dimensioni del testo a schermo,
• rimandando a risorse specifiche, evitando brusche interruzioni del filo principale,
• facilitano una navigazione naturale verso pagine più specifiche e dettagliate.

Wikipedia è un esempio virtuoso dei link come elemento UX. I link, secondo precisi design pattern, sono un cardine dei siti wiki.

Con questo semplice strumento, colonna portante del concetto stesso di web, potrai permetterti infinite digressioni.
Soprattutto, potrai mantenere il fuoco dell’attenzione sull’argomento principale.

Come utilizzare l’inline linking per una UX migliore

Ora che sai “perché”, vorrai anche sapere “come”.
Se vuoi utilizzare i link nella tua user interface, dovrai adottare uno stile specifico e riconoscibile per questi elementi.

In questo caso ti sara utile creare un pattern preciso. Progettalo in funzione della tua paletta colori e dell’esperienza di navigazione tipica del tuo sito.

Rendi i link riconoscibili, anche senza necessità di passarci sopra (hover). Questo ti aiuterà a creare comunicazione visiva efficace, per un web design usabile ed efficace, sia da mobile che da desktop.

Una volta definito il pattern, implementa i link nei tuoi contenuti.

1. Rintraccia i possibili approfondimenti e linkali

   Non esagerare con i link per non diluire troppo il link juice della pagina. Puoi scegliere se linkare ad altre pagine, interne o esterne al sito, o a risorse, come PDF.

2. Stabilite le convenzioni grafiche, utilizzale

   Non dimenticarti, però, di fornire un’esperienza coerente con le abitudini degli utenti. Tutti riconoscono i link perché sono sottolineati. Oppure perché passandoci sopra il cursore diventa una mano. Questi pattern d’interazione sono veri e propri feedback che segnalano i link. Mantenere almeno uno di questi classici “segnalatori di link” aiuterà gli utenti a riconoscerli. E senza sforzo alcuno.

3. Utilizza i tooltip come segnaletica per la navigazione

   Grazie all’attributo “title”, al passaggio del mouse, compare un tooltip. Utilizzalo per spiegare ai tuoi utenti dove li porterà il link.

4. Scegli con cura dove verrà caricata la pagina del link

   I link possono aprire nuove pagine o schede o semplicemente caricare la pagina nella stessa finestra. Spesso questo significa interrompere la navigazione. Soprattutto se rimandi a risorse esterne, diventano vere e proprie porte di uscita. Valuta con attenzione le circostanze. Un link informativo durante un processo di acquisto, dovrebbe aprire una nuova scheda. Non ostacolerai la riuscita dell’ordine e eviterai che i dati inseriti possano essere persi.

Ricapitolando

La navigabilità è un fattore importante per un’esperienza utente ottimale.
Testi troppo grandi, riducono gli spazi bianchi e sovraccaricano l’attenzione degli utenti.
Il testo deve essere essenziale. Gli approfondimenti interrompono il flusso di lettura degli utenti, disorientando il focus dal tema principale.
Tuttavia, alcune informazioni sono indispensabili. I link risolvono questo problema.

Puoi usare i link inline come elementi del design.

Ti consiglio di usare l’internal linking perché:

• rendono più agevole la navigazione,
• ti aiutano a costruire contenuti e interfacce facilmente fruibili.

Ti ho spiegato anche come utilizzare i link inline:

• scegli, senza esagerare, le voci giuste da approfondire
• crea un patter d’interazione
• utilizza i tooltip come segnaletica
• scegli dove verrà caricata la nuova risorsa

Utilizzati come elementi dell’esperienza utente, i link, sono un potente strumento di UX design.