Come condurre un audit di progettazione del tuo sito web

Man mano che il tuo sito web cresce, c'è la possibilità che il suo design inizi a sembrare un po' stantio. Tieni presente che le tendenze del design sono in continua evoluzione ed essere in grado di individuare questi problemi è importante se vuoi che il tuo sito abbia un aspetto moderno e "fresco". Inoltre, dovrai anche mantenere tutti gli aspetti del tuo design uniformi (e utilizzabili) per fornire una buona esperienza.

Il modo migliore per individuare e correggere questi problemi è con un audit di progettazione dell'intero sito web. In questo articolo, ti insegneremo cosa sono questi audit e come possono aiutarti. Quindi parleremo di alcuni strumenti per aiutarti a gestirne uno, prima di mostrarti finalmente come farlo in tre semplici passaggi. Andiamo a lavorare!

Che cos'è un audit di progettazione (e come può aiutarti)

Un audit di progettazione è quando ti siedi per rivedere il tuo sito web o gli elementi di branding visivo dell'azienda. Nella maggior parte dei casi, stai cercando l'uniformità, ma il processo offre anche un'eccellente opportunità per verificare se i tuoi progetti sono ancora freschi.

Ad essere onesti, il termine "audit" fa sembrare l'intera faccenda molto più minacciosa di quanto non sia. In ogni caso, ci sono diversi vantaggi nel condurre regolari audit di progettazione per il tuo sito web. Per esempio:

• Un'opportunità per controllare i tuoi progetti. Man mano che le tendenze del design vanno e vengono di moda, è anche probabile che i tuoi elementi visivi inizino a sembrare un po' stantii. Un audit di progettazione può fornire un controllo della realtà e l'opportunità di effettuare aggiornamenti.
• Rivedi il tuo marchio. La maggior parte dei siti Web ha il proprio marchio basato su più elementi visivi, come il logo, le tag line, le immagini di intestazione e così via. Nel tempo, questi elementi possono non corrispondere, il che a sua volta può influenzare il modo in cui viene percepito il tuo marchio.
• Puoi offrirlo come servizio di consulenza. Se hai esperienza nella conduzione di audit di progettazione di successo, puoi commercializzare i tuoi servizi ad altre aziende e aiutarle con il processo. Molte aziende non sono consapevoli dei vantaggi che offrono, quindi l'opportunità è matura se riesci a convincerle che sono necessarie.

Prima di scappare per offrire i tuoi servizi ad altri siti web, è importante sapere quali sono i passaggi fondamentali di ogni audit di progettazione. Come puoi immaginare, avrai bisogno di alcuni strumenti per aiutarti lungo la strada, quindi diamo un'occhiata ad alcune delle migliori opzioni.

3 strumenti per aiutarti a verificare l'usabilità del design del tuo sito web

Se sei un designer, saprai che ci sono una miriade di strumenti online che possono semplificarti la vita. Tuttavia, per questa sezione, abbiamo deciso di concentrarci solo su quelli che possono aiutarti a controllare gli elementi del tuo sito e verificare eventuali difetti nel tuo design. Diamo un'occhiata a tre di loro.

1. Uovo pazzo

Crazy Egg è uno strumento di analisi focalizzato sull'aiutarti a trovare aree problematiche sul tuo sito. Utilizza la tecnologia delle mappe di calore per consentirti di vedere quali elementi stanno ottenendo più attenzione sulle tue pagine e quali non attirano abbastanza. Inoltre, include anche funzionalità per aiutarti a scoprire se gli utenti stanno scorrendo i tuoi contenuti. Crazy Egg ti fornisce anche dati preziosi sulla provenienza dei tuoi visitatori, quindi segmenta il loro comportamento in base a ciò.

Dal punto di vista del design, questo tipo di strumento è prezioso poiché ti consente di concentrarti sulle aree del tuo design che necessitano di maggiore aiuto. Ad esempio, se la tua mappa di calore rivela che una Call To Action (CTA) critica non sta ottenendo la trazione che dovrebbe, puoi dare la priorità alla sua analisi durante il tuo prossimo audit di progettazione.

Caratteristiche principali:

• Implementa le mappe di calore sul tuo sito web.
• Tieni traccia di quanto i tuoi visitatori stanno scorrendo le tue pagine.
• Tieni d'occhio le tue sorgenti di traffico e segmenta i dati dei tuoi utenti in base ad esse.

Prezzo: $ 9 al mese, pagato annualmente | Maggiori informazioni

2. Strumenti di usabilità

Le mappe di calore sono un potente strumento per aiutarti a capire il comportamento dei tuoi utenti, ma niente è meglio di vedere come interagiscono con il tuo sito, passo dopo passo. UsabilityTools ti consente di farlo registrando ogni azione che i tuoi utenti intraprendono sul tuo sito, inclusi i movimenti del mouse, le interazioni con i moduli e i clic.

Potrebbe sembrare eccessivo, ma se hai difficoltà a capire quali elementi del tuo sito non attirano gli utenti come dovrebbero, questo è un modo eccellente per identificarli. Inoltre, gli strumenti di usabilità ti aiutano a segmentare tutti i dati che raccogli dai tuoi visitatori per una rapida analisi.

Caratteristiche principali:

• Tieni traccia dei movimenti del mouse dell'utente, dei clic e delle interazioni del modulo sul tuo sito.
• Segmenta i dati che raccogli per una facile analisi.
• Condividi facilmente le registrazioni con qualsiasi membro del tuo team.

Prezzo: $ 19 al mese | Maggiori informazioni

3. Hub di usabilità

Ultimo ma non meno importante, abbiamo UsabilityHub. Questo è un po' diverso: è una piattaforma che comprende diversi strumenti, ognuno dei quali può aiutarti a portare a termine con successo il tuo audit di progettazione.

Include un test di cinque secondi, che determina se gli utenti possono ricordare il design del tuo sito, insieme a test di clic e di navigazione che misurano l'usabilità. Infine, puoi anche accedere ai sondaggi sul pubblico che ti aiutano a determinare se gli piacciono i tuoi progetti e quali cambiamenti preferirebbero vedere.

Caratteristiche principali:

• Utilizza più test per valutare l'usabilità del tuo sito e l'accettazione dei tuoi progetti.
• Mescola e abbina tutti i test che ti piacciono in base alle tue esigenze.
• Personalizza ciascuno dei tuoi test per misurare gli elementi che ti interessano di più.

Prezzo: $2,50 per risposta ai tuoi test | Maggiori informazioni

Come condurre un audit di progettazione del tuo sito web (in 3 passaggi)

Ora che abbiamo esplorato alcuni degli strumenti che puoi utilizzare, è il momento di parlare dei passaggi per un audit di progettazione di successo. A seconda del tuo sito web e dei tuoi obiettivi, potresti non utilizzare tutti gli strumenti di cui abbiamo discusso, ma dipende da te. Passiamo al passaggio numero uno.

Passaggio 1: raccogli tutti i tuoi elementi di branding visivo

Instagram è un ottimo esempio di un sito Web con un marchio semplice ma coerente.

Prima di poter capire se ci sono problemi con il tuo design, devi raccogliere tutti gli elementi di branding del tuo sito web. In questo modo, sarai in grado di individuare se c'è qualche dissonanza tra i loro stili.

In questo modo puoi analizzare tutti gli elementi chiave del tuo marchio con una prospettiva a volo d'uccello e verificare se hanno senso insieme (che è qualcosa di cui parleremo nel passaggio successivo). Mettere insieme i tuoi elementi può sembrare inutile, ma alcuni difetti nei tuoi progetti potrebbero non diventare evidenti finché non guardi l'intera immagine.

Per quanto riguarda gli elementi che devi raccogliere, ecco un semplice elenco per iniziare:

• Il logo del tuo sito web in tutti i suoi formati.
• Qualsiasi immagine di sfondo e intestazione.
• Tutte le icone che usi nel tuo sito.
• Esempi di tutti i caratteri che usi per i tuoi contenuti.
• Una tavolozza di colori dei toni che usi nei tuoi progetti.

Per ora, ti consigliamo di salvare questi elementi nel formato con cui ti senti più a tuo agio. Puoi creare un PDF per una condivisione più semplice o passare copie fisiche al tuo team. Una volta che il file o il documento di compilazione è pronto, è ora di mettersi al lavoro.

Passaggio 2: analizza gli elementi visivi del tuo sito web

La strategia di branding di Netflix è semplice ma coerente: si assicura di utilizzare il proprio logo ogni volta che è possibile.

Come accennato in precedenza, il passaggio numero due consiste nell'esaminare gli elementi di branding visivo per trovare eventuali incongruenze o difetti nei progetti.

Il design è (ovviamente) soggettivo in molti modi, ma ciò non significa che lo stile del tuo sito web non possa essere migliorato. Ad esempio, ogni azienda dovrebbe presentare uno stile di design coerente, in modo che i suoi clienti vi si abituino e lo associno ai propri prodotti. Lo stesso vale per i siti Web: i tuoi loghi, contenuti e immagini devono condividere lo stesso stile e rimanere coerenti.

Esaminiamo alcuni semplici suggerimenti per assicurarci che gli elementi visivi del tuo sito web colpiscano nel segno sotto questi aspetti:

• Controlla se il tuo logo rimane coerente su tutte le tue pagine e, in caso contrario, sostituiscilo se necessario.
• Assicurati che le tue immagini di sfondo condividano uno stile simile, in modo che la transizione tra le tue pagine e le sezioni non sia fastidiosa. Se trovi immagini che non si adattano allo stampo, cambiale.
• Assicurati che le tue icone condividano uno stile simile e, in caso contrario, prova a sostituirle con alternative di un'unica famiglia come Font Awesome Icons (che può essere integrato con Divi).

Finora abbiamo parlato solo di elementi online, ma tieni presente che i controlli di progettazione possono – e dovrebbero – coprire anche i tuoi elementi visivi offline. Se la tua attività ha una controparte fisica, ti consigliamo di raccogliere tutti gli elementi di branding su cui puoi mettere le mani (come brochure, magliette e biglietti da visita) e ripetere i passaggi numero uno e due per loro.

Passaggio 3: crea un manuale di standard di progettazione per il tuo sito web

Il manuale delle linee guida del marchio di Urban Outfitter parla di ciò che rende unico il loro marchio.

Ora è il momento di pianificare il futuro. Uno dei modi migliori per farlo è creare una raccolta di regole per eventuali future modifiche al design del tuo sito, noto anche come manuale degli standard di progettazione.

Lo scopo di questo documento è garantire che, in futuro, sia possibile esternalizzare il lavoro di progettazione senza doverlo microgestire. Inoltre, man mano che il tuo sito web cresce, probabilmente aggiungerai più membri al tuo team di lavoro. Un manuale degli standard può aiutarli a comprendere meglio il tuo marchio visivo. In effetti, questa è una pratica così intelligente che molte aziende importanti si impegnano in essa.

Per quanto riguarda il tipo di regole da includere nel manuale, esaminiamo alcune idee per iniziare:

• Includi linee guida su come dovrebbe essere usato il tuo logo e le sue varianti (questa è anche una pratica comune, tra l'altro).
• Allega esempi del tipo di immagini che i contributori dovrebbero utilizzare sul tuo sito, nonché le regole su come presentarle e il tipo di contenuto che dovrebbero evitare.
• Discuti i caratteri che dovresti usare in tutto il tuo sito web se c'è più di un'opzione disponibile e in quali circostanze dovrebbero essere usati.
• Fornisci esempi dei tipi di pulsanti, icone e altri elementi simili che desideri utilizzare nei tuoi progetti.

Tieni presente che non esistono due manuali di standard di progettazione uguali. Probabilmente dovrai aggiungere più regole a seconda degli elementi utilizzati dal tuo sito web e anche se vuoi parlare di branding offline. Tuttavia, impostare questa configurazione in anticipo non solo assicurerà che i futuri audit di progettazione si svolgano più agevolmente, ma ti aiuterà anche a formare più rapidamente le nuove aggiunte al tuo team.

Conclusione

Con il passare del tempo, è normale che la maggior parte dei siti Web richieda un ritocco quando si tratta del loro design. Ad esempio, alcuni dei tuoi elementi potrebbero non funzionare visivamente bene tra loro, ma può essere difficile individuarlo senza condurre periodicamente un audit completo del design. Inoltre, così facendo assicurerai che i tuoi visitatori continuino ad avere un'ottima esperienza sul tuo sito in futuro.

Ecco i tre passaggi fondamentali per condurre un audit di progettazione per il tuo sito web:

1. Raccogli tutti i tuoi elementi di branding visivo online e offline.
2. Analizza gli elementi che hai raccolto.
3. Crea un manuale degli standard di progettazione per il tuo sito web.

Hai domande su come eseguire un audit di progettazione di successo per il tuo sito web? Chiedi via nella sezione commenti qui sotto!

Immagine in miniatura dell'articolo di Darko 1981 / shutterstock.com