Web Designer Freelance Milano ・ Yunikon Design

  • Chi sono
  • Servizi
    • Identità per Brand
    • Siti Web su misura
  • Consulenze
    • Brand Styling
    • Performance sito web
  • Web Designer Freelance Milano e Online · Yunikon Design
  • Newsletter
  • Blog
    • Branding
    • Web Design
    • Palette Colori
    • Risorse e How-To
    • Vita da freelance
  • Contatti
Usabilità web: 6 consigli per rendere il tuo blog più usabile

Usabilità web: 6 consigli per rendere il tuo blog più usabile

Web Design/ 9 Maggio 2014

Ok, lo ammetto: quando si parla di usabilità web posso diventare fastidiosa. Penso che avere un sito o un blog usabile sia un atto di rispetto che facciamo verso i nostri visitatori: permettendo loro di arrivare subito alle informazioni che cercano, riusciamo a fargli risparmiare tempo.

Come potrebbero non voler ritornare a trovarci?
Negli anni ne ho viste di cotte e di crude, quindi oggi ti racconto come rendere il tuo blog più usabile anche se non sei un esperto del settore. Sono semplici consigli che chiunque può mettere in pratica.

1. Gerarchia visiva e dei contenuti, queste sconosciute

Le pagine del tuo sito con una chiara gerarchia visiva dovrebbero essere costruite in modo tale che più una cosa è importante, più è messa in rilievo. Alla correlazione logica corrisponde anche una correlazione visiva. Le cose sono visivamente “nidificate” per mostrare cosa è parte di cosa. Ci hai mai fatto caso che tutti i siti hanno: header (intestazione), main (blocco dei contenuti) e footer (pié di pagina)? E che un blog prevede, quasi sempre, una sidebar a destra o a sinistra dei contenuti?

Allo stesso modo, costruire una gerarchia dei contenuti è fondamentale perché permette ai tuoi visitatori di risparmiare tempo: meglio è costruita e più velocemente giungeranno alle informazioni che cercano (e sì, ti diranno grazie per questo!).

2. Le immagini sono tue amiche

Ebbene sì: io sono della scuola che sì, i contenuti sono fondamentali, ma lo sono tanto quanto le immagini. Perché? Perché una bella foto è più immediata di un testo, per quanto quest’ultimo sia ben scritto. A colpo d’occhio una foto stimola determinate sensazioni ed emozioni.

Io credo che le immagini smuovano il cuore, i testi la mente. Sono facce diverse della stessa medaglia.

3. Scrivi ottimi contenuti, ma poi rendili leggibili

Puoi essere il migliore copy writer o web writer di questo mondo, ma se i tuoi testi non sono facilmente fruibili dai tuoi visitatori, puoi stare ben certo che non si convertiranno mai in fedeli lettori.

Per rendere i tuoi testi facilmente leggibili prediligi i font sans-serif (ne parlo subito dopo), dividi il testo in paragrafi e rendi questi ultimi ariosi, grazie alle interlinee, sfrutta i punti elenco e mai, dico mai, scrivere un testo di dimensione minore degli 11px. Usa il grassetto solo quando è necessario e usa i titoli (h1, h2, h3 e via dicendo) per catturare l’attenzione dei tuoi lettori.

4. Serif e Sans-serif

Ci hai mai fatto caso che su riviste e quotidiani si usano soprattutto font serif ( = caratteri con grazie) e che in Rete invece troviamo tutto scritto in sans serif ( = caratteri senza grazie)? Perché? Perché leggiamo in maniera diversa su carta e su monitor: se su carta siamo attratti dalla disposizione degli elementi (e quindi si usano molto i riquadri), su Internet invece scorriamo le pagine, scandagliando con gli occhi alla ricerca dell’informazione che cerchiamo. La verità è che non abbiamo più tempo, e su Internet ne abbiamo ancora meno.

Per questo, meglio prediligere un font che non abbia grazie, perché ci rende più facile la lettura e ci appare più grande di un font graziato (è un’illusione ottica: a parità di pixel, tra un serif e un sans serif, ci sembrerà più grande il secondo, perché nel primo i px neri che formano le grazie contribuiscono a favorire questa illusione ottica).

Un ottimo sito per cercare font sans serif per il tuo blog è Google Fonts oppure il plugin WP Google Fonts per WordPress.

5. Homepage superstar

L’homepage è la pagina del tuo sito/blog più importante di tutte. E’ quella da cui probabilmente la maggior parte dei tuoi visitatori accedono (ma non è detto, dovresti controllare questo dato dal tuo Google Analytics) e quindi deve essere spaziale. Ci hai mai fatto caso che l’homepage è l’unica pagina diversa da tutte le altre? Studiala bene quindi, perché deve essere capace di catturare l’attenzione dei tuoi visitatori. In questa pagina dovresti dare una rapida panoramica di chi sei (tu o la tua azienda) e del perché il tuo sito è online (cosa mi offri?).

6. Le convenzioni, che bella invenzione!

Ogni convenzione prende vita dall’idea brillante di qualcuno. Se l’idea funziona discretamente bene, altri siti la imitano, fino al punto che non v’è più bisogno di spiegarla. Una convenzione è l’icona del carrello in un e commerce.

Perché devo andare ad inventarmi altro se ormai è universalmente conosciuto che quell’icona mi porterà alla pagina mio carrello online?

Ecco, se sei un coder ti chiedo scusa: molti designer spesso sono presi dalla smania di creare/rivoluzionare anche cose che funzionano benissimo già senza il loro intervento e le convenzioni sono tra queste.

Tutto chiaro?

Oggi abbiamo fatto un bel viaggio nel mondo dell’usabilità web. Il tema è molto più articolato e non si esaurisce certo con un post. Sono stati scritti libri e libri sull’argomento (e se vuoi approfondire io ti consiglio Don’t make me think di Steve Krug) ma in ogni caso, penso e spero di essere riuscita a chiarirti un po’ più le idee con questo post. Hai qualcosa da aggiungere? Lasciami un commento!

Potrebbe interessarti anche:

Cosa inserire nella sidebarGuida alla sidebar perfetta Come amplificare l’identità del tuo sito attraverso l’headerCome amplificare l’identità del tuo sito attraverso l’header Guida al footer perfettoGuida al footer perfetto

Ciao, sono Laura Lonighi, Brand & Web designer freelance

Nel mio lavoro disegno la personalità visiva di un marchio e realizzo siti web ed ecommerce. Vivo nelle nebbiose (sigh!) campagne mantovane con il mio compagno e nostri due gatti di nome Brando e Briseide. Se questo articolo ti è piaciuto puoi ricevere i prossimi iscrivendoti alla newsletter che trovi in fondo al sito.

Leggi chi sono

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Yunikon Design di Laura Lonighi
di Laura Lonighi
Web Designer Freelance
via Amendola, 4
46033 — Castel d’Ario (MN)
P. IVA: 02326200207
SDI: SZLUBAI

hello@yunikondesign.com

💎 Servizi

  • Brand Styling
  • Web Designer Freelance

🤖 Consulenze online

  • Brand Styling
  • Performance sito web

💌 Newsletter

Puoi cancellarti in ogni momento, cliccando sul link in fondo a ogni newsletter. Per ulteriori informazioni leggi la Privacy Policy.

Thank you!

You have successfully joined our subscriber list.

.
Rivedi i cookie
  • Privacy policy
  • Cookie policy
  • IG
  • FB
Questo sito usa diversi tipi di cookie. Puoi dare il tuo consenso cliccando ACCETTA e/o modificarlo con "Rivedi i cookie" in fondo al sito. Qui lo spiegone: Privacy policy.
ACCETTA RIFIUTA Personalizza
Rivedi i cookie

Privacy Policy

Questo sito Web utilizza i cookie per migliorare la tua esperienza durante la navigazione sul sito. I cookie classificati come necessari vengono memorizzati nel browser e sono essenziali per il funzionamento delle funzionalità base del sito. Utilizziamo anche cookie di terze parti che ci aiutano ad analizzare e comprendere come navighi questo sito. Questi cookie saranno memorizzati nel tuo browser solo se ci dai il tuo consenso: hai anche la possibilità di disattivare questi cookie. La disattivazione di alcuni di questi cookie può influire sulla tua esperienza di navigazione.
Necessary
Sempre abilitato
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurataDescrizione
_GRECAPTCHA5 months 27 daysThis cookie is set by the Google recaptcha service to identify bots to protect the website against malicious spam attacks.
csrftoken1 yearThis cookie is associated with Django web development platform for python. Used to help protect the website against Cross-Site Request Forgery attacks
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
CookieDurataDescrizione
_pin_unauth1 yearThis cookie is placed by Pinterest Tag when the user cannot be matched. It contains a unique UUID to group actions across pages.
cookielawinfo-checkbox-cookie-analitici1 yearNo description
cookielawinfo-checkbox-cookie-di-profilazione-e-social-plugin1 yearNo description
cookielawinfo-checkbox-cookie-tecnici1 yearNo description
ppwp_wp_session30 minutesNo description
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
CookieDurataDescrizione
_fbp3 monthsThis cookie is set by Facebook to display advertisements when either on Facebook or on a digital platform powered by Facebook advertising, after visiting the website.
fr3 monthsFacebook sets this cookie to show relevant advertisements to users by tracking user behaviour across the web, on sites that have Facebook pixel or Facebook social plugin.
VISITOR_INFO1_LIVE5 months 27 daysA cookie set by YouTube to measure bandwidth that determines whether the user gets the new or old player interface.
YSCsessionYSC cookie is set by Youtube and is used to track the views of embedded videos on Youtube pages.
yt-remote-connected-devicesneverYouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
yt-remote-device-idneverYouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
CookieDurataDescrizione
_ga2 yearsThe _ga cookie, installed by Google Analytics, calculates visitor, session and campaign data and also keeps track of site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognize unique visitors.
_gat_gtag_UA_13058607_221 minuteSet by Google to distinguish users.
_gid1 dayInstalled by Google Analytics, _gid cookie stores information on how visitors use a website, while also creating an analytics report of the website's performance. Some of the data that are collected include the number of visitors, their source, and the pages they visit anonymously.
CONSENT2 yearsYouTube sets this cookie via embedded youtube-videos and registers anonymous statistical data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
CookieDurataDescrizione
_auth1 yearThis cookie is set by Pinterest that collects statistical details to track the use of its services.
_pinterest_referrer5 minutesThis cookie is set by Pinterest to track the use of its services.
_pinterest_sess1 yearThis cookie is set by Pinterest that collects statistical details to track the use of its services.
_routing_idsessionThis cookie is set by Pinterest that collects statistical details to track the use of its services.
languagesessionThis cookie is used to store the language preference of the user.
ACCETTA E SALVA
Powered by CookieYes Logo