Prima o poi chiunque sia coinvolto nella pro­get­ta­zio­ne del proprio sito web o qual­si­vo­glia spazio aziendale su Internet dovrà af­fron­ta­re l’argomento della web usability. Ciò che sembra esprimere un concetto com­pli­ca­to descrive in realtà il grado di facilità d’uso dei siti web.

Crea il tuo sito web
Scopri le nuovi funzioni IA di MyWebsite
  • Editor facile e intuitivo con supporto IA
  • Immagini e testi d'effetto in pochi secondi
  • Dominio, indirizzo e-mail e cer­ti­fi­ca­to SSL inclusi

Ogni sito web creato con criterio persegue l'o­biet­ti­vo di pre­sen­ta­re ai propri vi­si­ta­to­ri la più utile piat­ta­for­ma di in­for­ma­zio­ne, in­trat­te­ni­men­to o vendita possibile, che dovrebbe essere facile da usare e offrire un notevole valore aggiunto. Ma ciò che sembra ab­ba­stan­za semplice in teoria richiede l’ese­cu­zio­ne di alcuni fon­da­men­ta­li passaggi nella pratica prima di arrivare a un successo tangibile. In par­ti­co­la­re la chiave per una buona usabilità del web è la na­vi­ga­zio­ne, ca­rat­te­riz­za­ta da una com­bi­na­zio­ne ottimale di design e contenuto.

Struttura di na­vi­ga­zio­ne: la chiave per un sito web user-friendly

Purtroppo nel mondo della rete continua a rimanere vivo il falso mito che prevede che le uniche opzioni possibili per un sito web possano essere solamente un semplice "biglietto da visita" clic­ca­bi­le o in al­ter­na­ti­va un'opera d'arte mo­nu­men­ta­le che stupisce gli spet­ta­to­ri con la sua stra­va­gan­za visiva. Pensare in questo modo, tuttavia, distoglie l’at­ten­zio­ne dal­l'o­biet­ti­vo reale di un buon marketing online. I siti web sono prin­ci­pal­men­te mezzi di co­mu­ni­ca­zio­ne in­te­rat­ti­vi e do­vreb­be­ro far conoscere meglio persone, società, prodotti, servizi, marchi o artisti sfrut­tan­do il più ampio raggio di azione possibile per con­vin­ce­re ra­pi­da­men­te gli utenti dei propri contenuti o delle proprie offerte. Questa premessa vale sia per i blog privati che per i negozi online.

Per rendere il vostro sito web un successo in rete, oltre a contenuti di alta qualità e un design ac­cat­ti­van­te è fon­da­men­ta­le una struttura di na­vi­ga­zio­ne ottimale. Ma cosa significa una buona na­vi­ga­zio­ne web, quali sono i suoi vantaggi e come potete ot­ti­miz­zar­la per as­si­cu­ra­re il successo (e il fatturato) del vostro sito web? A queste domande vi sono risposte re­la­ti­va­men­te semplici.

La struttura di na­vi­ga­zio­ne: l’ABC di un sito web user-friendly

Una struttura di na­vi­ga­zio­ne chiara è la pietra angolare di tutti i siti web di successo, essendo la chiave per la sod­di­sfa­zio­ne dei suoi vi­si­ta­to­ri. Se l’utente cliccando ed esplo­ran­do la struttura di una homepage riesce a orien­tar­si in modo rapido e intuitivo e trovare ciò che sta cercando, potrebbe non escludere di diventare un cliente o un utente abituale della relativa offerta. Per rendere il vostro sito web così user-friendly che le persone ameranno navigarci, esplo­rar­lo at­ten­ta­men­te e in­te­ra­gi­re con esso, ne­ces­si­ta­te delle seguenti nozioni di base:

  • Struttura chiara: gli utenti do­vreb­be­ro essere in grado di capire subito e con chiarezza la struttura del sito web e orien­tar­si fa­cil­men­te.

  • Utilizzo intuitivo: gli utenti do­vreb­be­ro essere in grado di giungere all’obiettivo della propria ricerca in pochi clic (in­for­ma­zio­ni, prodotti o servizi).

  • Contenuti utili e com­pren­si­bi­li: il vostro content non deve solamente essere com­pren­si­bi­le per gli utenti, ma deve offrire anche in­for­ma­zio­ni rilevanti e soluzioni a problemi.

  • Elementi per l’in­te­ra­zio­ne a portata di mano: gli utenti do­vreb­be­ro sempre sapere come entrare in contatto con fornitori e offerte del sito web (tramite que­stio­na­ri, login all’area riservata, ordini, va­lu­ta­zio­ni e così via).

Una na­vi­ga­zio­ne pratica e semplice sulle pagine della vostra vetrina digitale non è utile solo per i vi­si­ta­to­ri, ma anche per il vostro successo in termini di marketing: quanto più piacevole e di successo è l'e­spe­rien­za dell’utente (user ex­pe­rien­ce) sul vostro sito web, tanto più è probabile che otteniate clic e con­ver­sio­ni da parte dei vostri utenti. Simili azioni sono ri­le­va­bi­li ogni qual volta gli utenti in­te­ra­gi­sco­no con il vostro sito; ciò accade ad esempio quando ordinano un prodotto nel vostro negozio online, lasciano i dati di contatto per iscri­ver­si alla new­slet­ter o scaricano un file PDF con ulteriori in­for­ma­zio­ni riguardo alla vostra offerta. Tali "con­ver­sio­ni" da utenti a con­su­ma­to­ri della vostra offerta possono essere misurate uti­liz­zan­do strumenti di analisi e in fin dei conti con­tri­bui­sco­no ad ampliare sia il raggio di azione sia, ideal­men­te, il fatturato. Oltre a ciò si aggiunge che un'u­sa­bi­li­tà ottimale del sito web resa possibile da una buona na­vi­ga­zio­ne non solo crea utenti sod­di­sfat­ti, ma rende anche il vostro sito più in­te­res­san­te agli occhi dei motori di ricerca, che significa un migliore ranking sulle SERP (pagine dei risultati dei motori di ricerca) o la pre­sen­ta­zio­ne delle vostre sot­to­pa­gi­ne sotto forma di sitelinks clic­ca­bi­li. Pertanto anche il mi­glio­ra­men­to della struttura di na­vi­ga­zio­ne è un com­po­nen­te fon­da­men­ta­le delle misure SEO per la va­lo­riz­za­zio­ne del vostro sito web.

La na­vi­ga­zio­ne ideale: esempi di siti web e spie­ga­zio­ne

Per garantire una buona struttura di na­vi­ga­zio­ne sul vostro sito web, è estre­ma­men­te im­por­tan­te una pia­ni­fi­ca­zio­ne accurata. Solo quando c’è chiarezza circa scopo, contenuto ed effetto del proprio sito web si può creare un giusto intreccio tra struttura di na­vi­ga­zio­ne, web design e contenuti che si collegano tra loro seguendo un criterio. Poiché anche il miglior contenuto è inutile se non è fa­cil­men­te re­pe­ri­bi­le, si dovrebbe iniziare la pia­ni­fi­ca­zio­ne con un ordine logico e una struttura chiara che si possa tenere a mente ad ogni passo. Mettetevi nei panni di un utente e chie­de­te­vi: come dovrebbe essere la struttura di na­vi­ga­zio­ne del sito web per poterla esplorare anche ad occhi chiusi? A tal fine è in­nan­zi­tut­to in­di­spen­sa­bi­le stabilire una chiara gerarchia con il minor numero possibile di livelli per area tematica, da cui gli utenti possono filtrare con pre­ci­sio­ne e in pochi secondi ciò che stanno cercando, so­prat­tut­to se si trovano sul vostro sito web per la prima volta. Dovreste sempre con­si­de­ra­re che la soglia di at­ten­zio­ne degli utenti della rete di solito è molto breve e la con­cor­ren­za è numerosa. Pertanto se i vostri utenti non trovano subito quello che stanno cercando, è più comodo per loro ab­ban­do­na­re subito la pagina e provare con il fornitore suc­ces­si­vo uti­liz­zan­do il motore di ricerca a loro scelta. La frequenza di rimbalzo (bounce rate) ri­sul­tan­te non solo ha un effetto negativo sul vostro sito web da una pro­spet­ti­va SEO, ma anche sul vostro business in generale. Potete fa­ci­li­ta­re il vostro lavoro os­ser­van­do gli standard di lettura generali e le abitudini del­l'u­ten­te come l’F-pattern. Lo schema a F è un modo di lettura abituale degli utenti della rete rilevato da vari studi e descrive il movimento ap­pros­si­ma­ti­vo di ricerca che l'occhio compie durante la scansione di un sito web con­te­nen­te molto testo: prima l’occhio si sposta oriz­zon­tal­men­te lungo tutto il menu prin­ci­pa­le superiore, poi compie un movimento verticale per leggere il contenuto più in basso e infine sorvola il resto del contenuto della pagina ver­ti­cal­men­te di­se­gnan­do la forma di una lettera "F". Ciò dimostra ancora una volta che è possibile con­qui­sta­re i clienti solo se si pre­sen­ta­no i contenuti più im­por­tan­ti in modo rapido, compatto e chiaro.

Nella pratica una buona struttura di na­vi­ga­zio­ne è in primo luogo il risultato di un ordine ge­rar­chi­co logico, di menu ben ordinati e di de­scri­zio­ni com­pren­si­bi­li. Pertanto è ne­ces­sa­rio limitare i menu di na­vi­ga­zio­ne allo stretto ne­ces­sa­rio: prendete come punto di ri­fe­ri­men­to circa sette voci sul menu prin­ci­pa­le per ogni sito web.

Il menu prin­ci­pa­le deve essere po­si­zio­na­to nella parte superiore della pagina, il più visibile possibile, e deve poter essere "scan­sio­na­to" in direzione oriz­zon­ta­le. Quando si nominano le voci di menu è pre­fe­ri­bi­le evitare di essere troppo generici; piuttosto servitevi dei termini ricercati dal vostro stesso target, come ad esempio per i menu di un sito di ab­bi­glia­men­to si rac­co­man­da­no le categorie "Moda" o "Donne"/ "Uomini" invece di un banale "Prodotti". In questo modo ba­ste­ran­no re­la­ti­va­men­te pochi clic ai clienti per trovare esat­ta­men­te ciò che stanno cercando sulla vostra pagina senza dover navigare at­tra­ver­so elementi di pagina "nascosti" o vuoti.

A seconda della portata e della com­ples­si­tà dei contenuti, si consiglia una di­spo­si­zio­ne "piatta" del menu prin­ci­pa­le, dei sottomenu e delle pagine di de­sti­na­zio­ne su un massimo di 3 livelli, ad esempio con un ordine seguente: “In­for­ma­zio­ni generali – In­for­ma­zio­ni spe­ci­fi­che – Dettagli con opzione in­te­rat­ti­va”. Le voci del menu prin­ci­pa­le si ri­fe­ri­sco­no ad altre sot­to­pa­gi­ne.

N.B.

Fate at­ten­zio­ne ai menu a discesa perché possono coprire aree im­por­tan­ti o com­pro­met­te­re l'uso da di­spo­si­ti­vo mobile!

L'ultima sot­to­pa­gi­na dovrebbe avere il compito di affinare l'offerta e invitare l'utente a in­te­ra­gi­re con il vostro sito con una CTA (Call to Action) chia­ra­men­te visibile. Nel simbolico "viaggio" del cliente at­tra­ver­so il suo mondo di offerte su Internet, i pulsanti CTA co­sti­tui­sco­no prov­vi­so­ria­men­te il traguardo finale, che nel migliore dei casi si conclude con un'azione de­si­de­ra­ta, ad esempio con l'ac­qui­sto, il download, la re­gi­stra­zio­ne o l'in­se­ri­men­to dei dati di contatto per ulteriori azioni di marketing.

Per una migliore pa­no­ra­mi­ca al­l'in­ter­no del vostro sito web, potete ricorrere a una na­vi­ga­zio­ne se­con­da­ria o brea­d­crumbs (in italiano: “briciole di pane”), con la quale è possibile rap­pre­sen­ta­re il ri­spet­ti­vo percorso dal menu prin­ci­pa­le alla sot­to­pa­gi­na grazie a delle parole chiave. Questo permette al­l'u­ten­te di tornare ai livelli pre­ce­den­ti in modo semplice e fles­si­bi­le con un rapido clic sulle parole chiave. Le brea­d­crumb si trovano negli indirizzi web (URL) delle ri­spet­ti­ve sot­to­pa­gi­ne e sono pa­ra­go­na­bi­li agli scaffali di un su­per­mer­ca­to ben ordinato: lì troverete la vostra pasta preferita nel "Reparto Ga­stro­no­mia" sotto "Pasta" e alla voce di de­sti­na­zio­ne "Farfalle", per esempio. Una maschera di ricerca per l'in­se­ri­men­to mirato di termini e una nuvola di tag con parole chiave im­por­tan­ti collegate in­ter­na­men­te al vostro sito web possono rendere la na­vi­ga­zio­ne ancora più facile ai vostri utenti.

Mi­glio­ra­re la na­vi­ga­zio­ne del sito grazie al design e al contenuto

Una buona struttura di na­vi­ga­zio­ne non dipende esclu­si­va­men­te dalla di­spo­si­zio­ne degli elementi sul sito. L'aspetto, la palette di colori e l’or­ga­niz­za­zio­ne del contenuto sono al­tret­tan­to fon­da­men­ta­li se de­si­de­ra­te rendere il vostro spazio online attraente agli occhi degli utenti e rag­giun­ge­re un buon po­si­zio­na­men­to sui motori di ricerca.

Na­vi­ga­zio­ne del sito web e design vanno a braccetto

Il design del vostro sito web dipende for­te­men­te dal vostro orien­ta­men­to in­di­vi­dua­le. I migliori esempi si trovano sui siti com­mer­cia­li che hanno offerte chiare. Dovreste rendere l'aspetto del vostro sito ri­co­no­sci­bi­le e coerente, in linea con la corporate identity (CI, in italiano: “identità aziendale”) della vostra azienda, composta da ca­rat­te­ri­sti­che quali logo e colori aziendali, branding e layout. Come concetto generale il design dovrebbe attrarre il vi­si­ta­to­re, ri­sve­glia­re as­so­cia­zio­ni positive e ancorare la vostra offerta nella loro memoria.

Pre­fe­ri­bil­men­te la scelta cromatica del vostro sito web dovrebbe essere sfumata, uniforme e sti­li­sti­ca­men­te ap­pro­pria­ta a settore, azienda e prodotto, pos­si­bil­men­te né troppo invadente né troppo monotona. Anche il layout cor­ri­spon­den­te dovrebbe contenere un carattere chiaro, uniforme e piacevole che trasmette le in­for­ma­zio­ni in modo corretto e so­ste­ni­bi­le. La chiarezza è fon­da­men­ta­le nel design, so­prat­tut­to quando si parla di uso da di­spo­si­ti­vo mobile, sempre più im­por­tan­te al giorno d'oggi. Un sito web con re­spon­si­ve design ot­ti­miz­za­to per smart­pho­ne e tablet non solo è user-friendly, ma è ormai anche un must per l'ot­ti­miz­za­zio­ne per i motori di ricerca.

I contenuti per una buona struttura di na­vi­ga­zio­ne: immagini e testo

Evitate di so­vrac­ca­ri­ca­re il vostro sito web riem­pien­do­lo di immagini che finiscono solamente per di­sto­glie­re l’at­ten­zio­ne dell’utente dal suo obiettivo e dalla vostra offerta. Con una buona struttura di na­vi­ga­zio­ne, il contenuto visivo con­tri­bui­sce al­l'o­rien­ta­men­to. Posiziona icone di na­vi­ga­zio­ne chia­ra­men­te visibili e pulsanti CTA sui diversi livelli delle pagine per con­sen­ti­re agli utenti di vi­sua­liz­za­re di­ret­ta­men­te e at­ti­va­men­te le offerte in qualsiasi momento. Anche in questo caso dovreste fo­ca­liz­zar­vi sul­l'of­fer­ta prin­ci­pa­le del vostro sito web e sui punti in cui l'utente deve in­tra­pren­de­re delle azioni. Li­mi­ta­te­vi a un aspetto coerente, ac­cat­ti­van­te ma non ag­gres­si­vo. Gli spazi bianchi disposti in modo razionale possono con­tri­bui­re a creare un quadro generale piacevole, chiaro e ordinato.

Gli utenti della rete cercano argomenti, termini e risposte, pertanto un buon contenuto è l'essenza del vostro sito web. I testi sono il mezzo di in­for­ma­zio­ne e di ordine più im­por­tan­te al­l'in­ter­no della struttura di na­vi­ga­zio­ne: devono essere concreti, chiari, brevi e mirati. Evitate frasi troppo complesse, un lin­guag­gio inap­pro­pria­to o ge­ne­ra­liz­za­zio­ni che non offrono novità né soluzioni. Che siano articoli online, blog o de­scri­zio­ni di prodotti sul negozio online, l'utente vuole essere informato nella maniera più strut­tu­ra­ta, decente e rapida possibile. Prestate at­ten­zio­ne alla rilevanza e al­l'or­ga­niz­za­zio­ne di elementi quali titolo, in­te­sta­zio­ni (sot­to­ti­to­li, titoli), evi­den­zia­zio­ni (ad esempio termini o frasi in grassetto, elenchi e così via) e paragrafi coerenti e compatti.

Contenuti te­ma­ti­ca­men­te ap­pro­pria­ti come grafiche, foto o video possono anche essere in grado di mi­glio­ra­re l'o­rien­ta­men­to e l'u­ti­liz­zo del vostro sito web. Tuttavia anche questi elementi an­dreb­be­ro usati con par­si­mo­nia e dotati di metadati de­scrit­ti­vi. Una buona com­bi­na­zio­ne di contenuti di immagini e testi e col­le­ga­men­ti esterni o interni (alle proprie sot­to­pa­gi­ne) te­ma­ti­ca­men­te correlati migliora le opzioni di orien­ta­men­to e la qualità delle proprie pagine web, spe­cial­men­te dal punto di vista SEO. La ri­spet­ti­va pagina di de­sti­na­zio­ne dovrebbe sempre mantenere ciò che promette il testo del link di ri­fe­ri­men­to (anchor text), perché questo è l'unico modo per offrire al­l'u­ten­te ciò che sta cercando dopo il clic.

In sintesi: il vostro sito web vive di na­vi­ga­zio­ne, design e contenuti

Una struttura di na­vi­ga­zio­ne ben concepita e ot­ti­miz­za­ta co­sti­tui­sce la spina dorsale di un sito web user-friendly. Os­ser­van­do alcune regole di base, può essere im­ple­men­ta­ta con re­la­ti­va­men­te poco sforzo su quasi tutti i siti web. Al­l'i­ni­zio c'è sempre la domanda decisiva: cosa volete offrire ai vostri clienti e come co­mu­ni­car­lo al meglio? Se lavorate co­stan­te­men­te per strut­tu­ra­re la vostra presenza online con una na­vi­ga­zio­ne chiara, un web design ac­cat­ti­van­te e buoni contenuti rendendo la na­vi­ga­zio­ne piacevole e user-friendly, farete un grande passo avanti verso la perfetta espe­rien­za d'uso.

Vai al menu prin­ci­pa­le