Perché considerare una riprogettazione del sito Web: suggerimenti e raccomandazioni

È il 2018. Per molti di noi in tutto il mondo, il nuovo anno segna un nuovo inizio. Nuovi obiettivi, nuove idee e, per alcune aziende, un nuovo design del sito Web per sostituire quello vecchio.

I siti Web vengono rinnovati per ogni sorta di motivi: purtroppo, molte aziende non si rendono conto che il loro sito Web deve essere aggiornato. In uno scenario ancora peggiore, le aziende rivali potrebbero ottenere un vantaggio competitivo migliorando il proprio sito Web, aumentando le conversioni mentre la tua potrebbe rimanere indietro.

Il tuo sito web è colpevole di qualcuno di questi? Se è così, potrebbe essere il momento di una riprogettazione!

• L'azienda ha un'identità, ma il sito web non la riflette.
• Alcuni collegamenti sono interrotti, causando l'abbandono dell'utente dal flusso di conversione.
• Gli utenti stanno cercando di comunicare con te, ma hanno difficoltà.
• Il sito Web nel complesso sembra obsoleto, lasciando gli utenti indifferenti.
• L'usabilità è scarsa. Gli utenti hanno difficoltà a navigare nel sito.
• L'interfaccia utente è confusa e incoerente. Gli utenti continuano a commettere errori.

Diamo un'occhiata a cosa si può fare per risolverli.

Costruttori di siti Web: pieni di pericoli

Le nuove attività tendono a iniziare con semplici costruttori di siti Web come Wix, Weebly o Squarespace. Questi strumenti semplificano il processo di progettazione di un sito Web utilizzando semplici editor WYSIWYG ("ciò che vedi è ciò che ottieni") e hosting gratuito, ma raramente questi strumenti sono abbastanza sofisticati da far risaltare i siti Web dalla massa.

Durante le prime fasi di una nuova attività, quando i fondi scarseggiano, ha senso in teoria utilizzare un costruttore di siti web. L'approccio "hosting incluso, nessun codice richiesto" aiuta le aziende a stabilire una presenza online senza spendere troppo tempo e denaro. Tuttavia, ciò comporta una serie di pericoli nascosti, pericoli che tendono a rivelarsi nella peggiore opportunità (ad esempio, quando il sito Web ha bisogno di espandere la propria offerta).

Con i costruttori di siti Web, le funzionalità sono limitate a tutto ciò che il servizio offre e, come risultato di questo approccio semplice alla creazione di un sito Web, qualsiasi opportunità di espansione può essere gravemente limitata in seguito. Ecco un esempio di trappola in cui cadono le aziende quando gestiscono da sole un costruttore di siti Web, nel tentativo di ridurre i costi di progettazione e sviluppo:

Un'azienda di eCommerce utilizza un costruttore di siti Web (o CMS con un tema gratuito) → Il cliente imposta un sito Web di una pagina solo per dire "Ciao, siamo [nome dell'attività] e siamo qui!" → Successivamente, il cliente desidera aggiungere prodotti solo per rendersi conto che non è possibile.

Abbastanza spesso, le aziende non pensano a cosa potrebbe accadere se le esigenze del loro sito Web diventassero più complesse e si ritrovano bloccate lungo la strada. Inoltre, fattori importanti come l'ottimizzazione dei motori di ricerca (SEO), SSL (che influisce sul ranking e la sicurezza) e l'ottimizzazione dei dispositivi mobili (che influisce sul ranking e sulle conversioni) possono finire per essere trascurati.

Come esperto, è qui che entri in gioco.

Un designer esperto non dovrebbe trascurare queste importanti considerazioni e dovrebbe creare un sito web a prova di futuro, risparmiando tempo e denaro a lungo termine .

In breve, la migliore riprogettazione del sito Web è quella che non deve avvenire.

Costruttori di siti Web contro l'assunzione di un designer

Anche i siti web progettati da designer esperti possono iniziare a coltivare erbacce se lasciati a languire per troppo tempo. A causa dell'attenzione su altri aspetti del business, a volte la tabella di marcia per la versione 2 non arriva mai; ad esempio, a volte considerazioni importanti come SSL non erano considerazioni importanti all'epoca. Ad ogni modo, ogni azienda dovrebbe cercare di riprogettare il proprio sito Web di tanto in tanto, soprattutto quando ci sono preoccupazioni dei clienti.

Parliamo dei motivi principali per cui un sito Web potrebbe aver bisogno di una riprogettazione e della strategia che dovresti adottare durante il rinnovamento dei siti Web per tali motivi.

Branding (o rebranding)

Il rebranding di solito viene fornito con un nuovo design del sito Web; tuttavia, questo dovrebbe estendersi ben oltre un nuovo logo. Poiché il branding riguarda la comunicazione con il pubblico, dovrebbe essere preso in considerazione anche il tono di voce (pensa alla copia del sito Web, alle sezioni delle domande frequenti o all'assistenza clienti online).

Il branding è il modo in cui un'azienda vuole essere rappresentata (ad esempio, utile, informale o affidabile), quindi l'ambito della riprogettazione di un sito Web dipende da quanto l'azienda vuole reinventare se stessa. Un istituto finanziario i cui clienti stanno riscontrando problemi di fiducia trarrebbe vantaggio da un rebrand che sembri e suoni affidabile, ad esempio.

Indipendentemente dal fatto che tu stia migliorando un marchio esistente o creandone uno nuovo da zero, ecco cosa devi considerare:

• I colori ti fanno sentire in un certo modo?
• Le immagini/la fotografia fanno provare qualcosa all'utente?
• L'estetica visiva complessiva soddisfa gli utenti?
• La copia della pagina di destinazione è convincente?
• La copia delle FAQ è utile?
• Il tono di voce generale ritrae chi è l'azienda?
• Il sito Web necessita di funzionalità aggiuntive, come la chat dal vivo?

E, cosa più importante, c'è qualche ricerca utente/cliente che puoi usare per costruire le basi della riprogettazione del tuo sito web? In caso contrario, questo è il tuo primo compito.

Funzionalità di estensione

Una riprogettazione del sito Web è generalmente garantita quando i clienti richiedono nuove funzionalità. Le aziende innovative creano costantemente nuovi prodotti (sia online che offline), richiedendo nuove funzionalità che aiutino gli utenti a sperimentare meglio quei prodotti. Le piccole imprese, d'altra parte, potrebbero semplicemente cercare di ampliare la propria attività con il content marketing, per il quale avranno bisogno di un blog, o di generare entrate tramite un negozio di eCommerce. Ad ogni modo, una riprogettazione spesso va oltre le piccole modifiche estetiche e il rebranding.

A volte, la "caratteristica" è sconosciuta, avvolta nel mistero. Il cliente sa che qualcosa non funziona (basse conversioni, insoddisfazione del cliente, ecc.), ma non è sicuro del perché. A volte la funzionalità è in realtà solo alcuni miglioramenti dell'esperienza utente: il prodotto stesso va bene, ma fondamentalmente l'esperienza utente del sito Web è imperfetta.

In ogni caso, dovresti utilizzare l'analisi del sito Web per comprendere meglio gli utenti.

Riprogettazione con i dati

Come con il branding, la UX deve essere guidata dalla ricerca degli utenti. Strumenti di analisi dei siti Web come Google Analytics e strumenti di mappe di calore come Hotjar e CrazyEgg possono aiutarti a identificare le aree critiche che potrebbero richiedere un ripensamento o persino intere funzionalità che potrebbero mancare.

Analytics ti dirà tutto ciò che devi sapere sui tuoi utenti: quanto tempo trascorrono su determinate pagine web, indipendentemente dal fatto che stiano convertendo o meno, dove escono dal flusso di conversione, quale dispositivo hanno utilizzato, da dove provengono, dati demografici degli utenti, flusso di comportamento; l'enorme quantità di dati è letteralmente infinita.

Non solo questi dati possono essere utilizzati per misurare il successo di una riprogettazione di un sito Web, ma possono anche dimostrare quali aree del sito Web non sono all'altezza in termini di UX. Se il cliente non sa già cosa manca drasticamente, puoi utilizzare l'analisi del sito Web per suggerire qualsiasi cosa, da miglioramenti a intere idee di prodotto e quindi elaborare una tabella di marcia per come potrebbe apparire una riprogettazione insieme. Una riprogettazione di un sito web richiede pianificazione.

Se hai a che fare con un sito Web che non utilizza l'analisi del sito Web, il tuo primo invito all'azione è installare il summenzionato Google Analytics (rapporti sempre gratuiti e incredibilmente dettagliati). Dopo aver identificato le aree problematiche utilizzando Google Analytics, il passaggio successivo nel processo di progettazione è il test di usabilità. Strumenti come Hotjar e CrazyEgg ti mostreranno esattamente dove stanno facendo clic gli utenti e puoi persino guardare come si comportano gli utenti sul sito Web con i replay delle sessioni. Se hai identificato pagine web con una conversione scarsa con Google Analytics, queste registrazioni degli utenti ti mostreranno il motivo .

Qualsiasi altra decisione di progettazione si basa su ipotesi plausibili (nella migliore delle ipotesi).

Quando hai finito con la tua ricerca, puoi creare mappe del percorso del cliente per evidenziare come la maggior parte degli utenti si sta convertendo. Questa è una risorsa piuttosto interessante che può essere condivisa a livello aziendale, informando l'intero team sul ruolo che deve svolgere nel flusso di conversione al di fuori del sito Web (social media, servizio clienti, ecc.).

Meglio ancora, puoi aiutare i clienti a familiarizzare in qualche modo con l'analisi, in modo che essi stessi possano misurare eventuali successi o fallimenti o eseguire la propria ricerca sugli utenti per iniziative future. È sempre una vittoria quando il cliente è in grado di prendere il volante in seguito.

Riprogettazione del blog

Come accennato in precedenza, le aziende in fase iniziale cercheranno di avviare un blog per espandere la propria portata. In questo scenario, il sito Web ha iniziato ad acquisire visitatori e l'azienda ora si sente pronta a espandere ulteriormente la propria portata con il content marketing.

In alcuni casi (o in molti casi, in realtà), un blog è la più grande risorsa di marketing di un'azienda. Un blog offre alle aziende la possibilità di potenziare il proprio marchio, informare gli utenti su aggiornamenti e nuovi prodotti e coinvolgere il proprio pubblico di destinazione con contenuti pertinenti.

Detto questo, al giorno d'oggi, è davvero difficile catturare l'attenzione del lettore per molto tempo. Sebbene parte di ciò sia dovuto al contenuto stesso, la scarsa UX è spesso il colpevole, facendo sì che gli utenti premano il pulsante Indietro e provino invece un concorrente.

Purtroppo, questo è lo svantaggio dei contenuti gratuiti: gli utenti abbandoneranno felicemente una pagina Web se l'UX non è ottimale. Un grande designer dovrebbe sapere come migliorare la leggibilità e la leggibilità, eliminare le distrazioni visive e inserire CTA in punti ad alta conversione.

I progettisti dovrebbero anche utilizzare l'analisi dei siti Web per migliorare l'esperienza utente dei contenuti, per scoprire dove gli utenti smettono di leggere e perché , e quindi prendere decisioni di progettazione basate sui dati sulla base di ciò. Quando ci si avvicina a una riprogettazione in cui le nuove funzionalità richiedono un CMS, ancora una volta è importante assicurarsi che il cliente possa facilmente prendere il volante in seguito.

Riprogettazione dell'e-commerce

Il design dell'eCommerce è uno degli aspetti più complicati dell'UX da padroneggiare e richiede anche un designer esperto nella progettazione basata sui dati. Considera questo: secondo questo studio, i negozi di eCommerce soffrono di un tasso di abbandono del carrello del 69,23% (in media). Laddove $ 738 miliardi di dollari sono stati spesi per l'eCommerce negli Stati Uniti e in Europa, si stima che $ 260 miliardi siano stati recuperabili attraverso un flusso di pagamento e una progettazione migliori. Per un negozio di eCommerce, il flusso di pagamento è l' aspetto più critico e un designer in grado di identificare dove gli utenti stanno abbandonando è un designer che può migliorarlo.

Ecco alcune cose da considerare:

• Il sito Web infonde fiducia e sicurezza?
• Il sito Web ha un certificato SSL valido?
• I moduli di pagamento sono ben etichettati e facili da usare?
• I campi di input mostrano il tipo di tastiera corretto?
• L'utente è in grado di cercare, non dovrebbe trovare ciò che sta cercando?
• Stai costringendo gli utenti a registrarsi quando preferiscono fare il check-out come ospiti?

Gestire il lato commerciale

Alcuni aspetti dell'attività (come l'assistenza clienti) possono avere enormi spese generali se il processo non è sufficientemente efficiente, quindi l'aggiornamento di siti Web con servizi integrati come Intercom o Kayako non solo può fornire un'esperienza migliore per gli utenti, ma anche aiutare le aziende a ridurre i costi di assistenza clienti e carichi di lavoro. Quando ti avvicini alla riprogettazione di un sito web, chiedi al cliente quali sono le sue maggiori sfide come team/organizzazione.

Design reattivo e usabilità

In breve, i siti web responsive sono quelli che si adattano praticamente a qualsiasi dimensione dello schermo, dal mobile al desktop. Il traffico mobile ha superato il traffico desktop nel lontano 2015 e Google ha persino iniziato a favorire i siti Web ottimizzati per i dispositivi mobili nei risultati di ricerca. Sebbene la maggior parte dei siti Web sia tecnicamente reattiva, alcuni non sono ottimizzati abbastanza.

Dal momento che il 57% degli utenti di Internet afferma che non consiglierebbe un'azienda con un sito Web mobile mal progettato, il design reattivo è un grosso problema e i designer devono fare molto di più che "rendere tutto a posto". Ecco cosa devi considerare:

• I target del tocco sono abbastanza grandi (almeno 44px di altezza)?
• I target di tocco sono accessibili ai pollici o sono fuori portata?
• Il sito web per dispositivi mobili è "ridotto" per semplicità?
• Il sito Web si carica velocemente su connessioni 3G?
• Nel complesso, come valuteresti l'usabilità mobile?

Avvisi sul copyright obsoleti e collegamenti interrotti

Alcuni potrebbero considerarlo minore (e forse in termini relativi lo è), ma avvisi di copyright obsoleti, collegamenti interrotti ed errori di ortografia indicano che il sito Web è stato abbandonato o che è stata prestata solo una piccola attenzione. Queste curiosità sono particolarmente importanti per le aziende SaaS perché gli utenti vogliono sapere che il servizio a cui si stanno abbonando viene costantemente migliorato (è normale che gli utenti guardino l'avviso sul copyright nel piè di pagina del sito Web per vedere quando è stato aggiornato l'ultima volta). In generale, un sito Web dall'aspetto vecchio farà sì che gli utenti si chiedano se è ancora attivo.

È abbastanza facile risolvere queste cose, quindi considerale un "primo e più importante".

In particolare per i collegamenti interrotti, puoi utilizzare un'estensione Chrome gratuita come Controlla i miei collegamenti per individuare i collegamenti interrotti su una pagina Web o Grammarly per identificare gli errori di ortografia.

Requisiti tecnici

Secondo HubSpot, l'82% dei visitatori abbandona i siti non sicuri.

I requisiti tecnici sono funzionalità che non sono rivolte all'utente; tuttavia, possono influenzare l'utente in modi drastici. SSL, ad esempio, un livello di sicurezza richiesto per i negozi eCommerce (ma consigliato per tutti i siti Web), dice ai clienti che i loro dati sensibili sono al sicuro.

I miglioramenti del codice front-end e back-end renderanno il sito Web più veloce (o almeno, si sentiranno più veloci) e la semplicità del design stesso gioca un ruolo enorme in questo (design semplici = meno codice). Per i siti Web sottoposti a una riprogettazione, non vorrai trascurare questo.

Conclusione

Il design riguarda la risoluzione dei problemi : i clienti vogliono sapere come i designer semplificheranno la loro vita o come aumenteranno le entrate per la loro attività.

Un elenco di competenze non dice al cliente perché dovrebbe assumere detto designer. I designer renderebbero un ottimo servizio ai clienti comunicando perché una riprogettazione del sito Web è necessaria per l'attività del loro cliente, evidenziando ciò che otterrà il risultato finale.

• Il loro marchio è un po' stantio?
• L'interfaccia utente crea confusione tra gli utenti?
• L'esperienza utente fa sì che gli utenti abbandonino il flusso di conversione?
• L'usabilità (mobile o altro) induce gli utenti a premere il pulsante Indietro?
• Sembra semplicemente orribile da tutti i conti?
• In che modo i miglioramenti del sito Web aiuterebbero tale attività?

Quando sai cosa deve essere riprogettato, e anche il cliente lo sa, la tabella di marcia per la riprogettazione ha già una base eccezionale e obiettivi misurabili.

• • •

Ulteriori letture sul blog di Toptal Design:

• eCommerce UX: una panoramica delle migliori pratiche (con infografica)
• L'importanza del design incentrato sull'uomo nel design del prodotto
• I migliori portfolio di designer UX: casi di studio ed esempi stimolanti
• Principi euristici per interfacce mobili
• Design anticipatorio: come creare esperienze utente magiche