7 Best practice per la progettazione dell'esperienza utente per il tuo sito Web B2B (+ esempi)

Pubblicato: 2022-01-20

La creazione di un sito Web B2B avvincente richiede molto di più che renderlo bello e spiegare cosa fai. Vuoi sviluppare un personaggio acquirente per assicurarti di scrivere contenuti pensando al pubblico giusto. Vuoi condurre una ricerca per parole chiave per assicurarti che detto pubblico ti trovi. E sì, vuoi assolutamente renderlo attraente in modo che le persone vogliano navigare attraverso le tue pagine web e alla fine diventare un cliente.

L'inizio nord per l'intero processo è l'esperienza dell'utente (o UX, come la chiamano i ragazzi fantastici). Se lo fai bene, metà della battaglia è vinta. Ma cosa comporta esattamente? Come puoi sapere se il tuo sito web esistente ha una buona UX?

Cos'è l'esperienza utente?

L'esperienza utente è come si sentono i visitatori quando interagiscono con il tuo sito web. L'obiettivo è progettare un sito che sia intuitivo, facile da navigare e dia valore al lettore. Ogni singolo componente dovrebbe essere presente per garantire che rimangano sul tuo sito invece di sentirsi frustrati e andare al sito di un concorrente.

In teoria, sembra piuttosto semplice. In pratica, ci vuole molta pianificazione, test e modifiche. Tanto che non è solo un altro elemento da spuntare dalla tua lista mentre progetti il ​​tuo sito web. In realtà ci sono esperti di esperienza utente che trascorrono le loro intere giornate lavorative a elaborare idee per implementare una migliore UX.

Indipendentemente dal fatto che tu progetti un sito Web da zero o utilizzi un modello, tutto dovrebbe essere progettato pensando all'esperienza dell'utente.

tramite GIPHY

In che modo l'UX influisce sul tuo sito Web B2B

L'esperienza utente è uno degli elementi più importanti del tuo sito web. Se fatto in modo efficace, le ramificazioni positive sono diverse:

Frequenze di rimbalzo inferiori

Quando un numero significativo di visitatori del sito web lo lascia subito dopo l'arrivo, non è che abbiano tutti fretta. Significa che il sito web lascia molto a desiderare. Questo potrebbe essere dovuto al fatto che necessita di tempi di caricamento più rapidi, migliori inviti all'azione o è difficile da navigare. Puoi risolvere tutti questi problemi facendo in modo che gli esperti di UX conducano un audit del sito Web, identifichino dove risiedono i problemi e li affrontino.

Efficace viaggio dell'acquirente

Non tutti i potenziali clienti si trovano nello stesso posto nel percorso del loro acquirente. Un visitatore del sito per la prima volta è alla ricerca di qualcosa di completamente diverso da un cliente abituale. Quindi cosa deve fare un designer di siti web? Guidali, ecco cosa. Una buona UX significa che hai contenuti su misura per i visitatori che si trovano nelle fasi di consapevolezza, considerazione e decisione. Puoi farlo fornendo contenuti intelligenti e utilizzando parole chiave che probabilmente inseriranno nei motori di ricerca durante la loro ricerca.

Tassi di conversione più elevati

I tassi di conversione non sono solo vendite. Certo, sì, quelli contano di più. Ma non è realistico aspettarsi che ogni singola interazione del sito web si concluda con una vendita. Un'esperienza utente efficace tiene conto di ogni fase del percorso di un utente, in modo che sia più probabile che intraprenda tutte le azioni desiderate: entrare a far parte della tua lista e-mail, iscriversi al tuo blog, iscriversi a un webinar, richiedere una demo, programmare una chiamata, effettuare un acquisto. Ciò richiede titoli efficaci, testi accattivanti, elementi visivi utili e forti inviti all'azione.

Cicli di vendita più brevi

Uno dei fattori di differenziazione tra i siti Web B2B e B2C è che quelli B2B tendono ad avere un ciclo di vendita molto più lungo. Questo è comprensibile, dal momento che il processo di ricerca dei potenziali clienti è più lungo e l'investimento è molto più grande. È molto raro che i lead siano pronti per effettuare un acquisto durante la prima visita a qualsiasi sito web. Ma se il tuo sito si carica velocemente, è facile da navigare, fornisce loro tutte le informazioni di cui hanno bisogno e li tiene coinvolti, puoi accelerare il processo. Un altro elemento chiave è progettare un sito Web che invogli i visitatori a iscriversi alla tua newsletter via e-mail. In questo modo, puoi coltivare quei contatti fino a quando non sono pronti per l'acquisto.

Maggiore fidelizzazione dei clienti

Acquisire nuovi clienti è sostanzialmente più costoso che mantenere quelli esistenti. E ci sono molti modi in cui il design del tuo sito web può invogliare i clienti a tornare di più. Fai tutto ciò che è sotto il tuo controllo per rendere piacevoli le loro interazioni con il tuo sito. Assicurati che si carichi velocemente. Implementa un design reattivo. Includi una funzione di pagamento nativa. Crea un portale clienti in modo che possano controllare lo stato dei loro progetti e/o ordini. Includi diversi modi per contattarti. Usa la chat dal vivo in modo che possano ottenere risposte rapide alle loro domande. Tutti questi elementi renderanno felici i tuoi clienti e continueranno a generare entrate per la tua attività.

tramite GIPHY

Che cos'è il design dell'esperienza utente (UX)?

Il processo di progettazione dell'esperienza utente comporta la presa in considerazione di tutto ciò di cui i visitatori del tuo sito web hanno bisogno e l'ottimizzazione di ogni funzionalità e posizionamento nel tuo sito. Non puoi semplicemente fare un elenco di tutte le funzionalità sopra elencate e aggiungerle casualmente.

UX design colloca ogni elemento nel contesto; rende tutto rilevante per ciò che il visitatore web sta facendo in un dato momento. E oltre a ciò che è pratico, questo processo può includere anche l'aggiunta di elementi puramente divertenti o divertenti. La chiave sta nel creare un ambiente in cui potenziali clienti e clienti vogliono rimanere.

Il processo di progettazione dell'esperienza utente può variare da un progetto di sito Web all'altro, ma i denominatori comuni includono:

  • Condurre ricerche di mercato approfondite
  • Sviluppo delle Buyer Personas
  • Creazione di wireframe
  • Offre funzionalità utili, come strumenti, tutorial, esperienze 3D o infografiche
  • Garantire la copertura di tutte le aree del modello del quadrante UX (come spiegato di seguito)
  • Test A/B

Il modello del quadrante UX

I designer UX sono esperti in quattro aree distinte che si uniscono per ottimizzare l'esperienza dell'utente.

Strategia di esperienza (ExS)

ExS è l'ombrello principale di UX. È qui che sposi un'esperienza positiva con i dettagli sulle tue soluzioni aziendali. Gli esempi includono la fornitura di descrizioni dei prodotti facili da trovare e di facile comprensione.

tramite GIPHY

Progettazione dell'interazione (IxD)

Il design dell'interazione si riferisce agli elementi interattivi del tuo sito Web: pulsanti di invito all'azione, strumenti, quiz, transizioni di pagina, ecc... Questi sono elementi cruciali per guidare i visitatori del sito Web e aumentare i tassi di conversione.

Ricerca utenti (UR)

UR implica esaminare ciò che gli utenti web desiderano e preferiscono, in base ai loro comportamenti e feedback. Per scoprire questo tipo di informazioni, puoi testare l'usabilità, nonché distribuire sondaggi o persino porre loro domande direttamente (tramite e-mail, social media o ogni volta che interagisci con loro).

Architettura dell'informazione (IA)

L'architettura dell'informazione si riferisce alla struttura di un sito web. Come tutto sarà organizzato in base alla barra di navigazione, insieme alle pagine figlio e alla loro gerarchia. Implica mettere tutto insieme in un modo che sia facile da navigare.

Prendere in considerazione tutti e quattro gli elementi durante la progettazione di un sito Web garantisce che tutte le basi dell'esperienza utente ottimale siano coperte.

Segni di una scarsa esperienza utente

Ci sono siti web così obsoleti, i suoi elementi di una scarsa UX sono visibili a chiunque li visiti: nessuna immagine, nessun link, link interrotti, tante pagine con poco contenuto, immagini che si caricano lentamente come se stessi usando un quadrante -up connessione a Internet. In breve, tutto ciò che sembra o sembra essere stato creato tra la fine degli anni '90 e l'inizio degli anni 2000.

Tuttavia, i siti Web che sembrano più moderni potrebbero comunque fornire un'esperienza utente scadente. Conduci un audit del sito web per determinare se una delle seguenti condizioni si applica al tuo:

Tempi di caricamento lenti

La maggior parte delle persone ha la capacità di attenzione di un moscerino. Abbinalo alla nostra cultura esistente di gratificazione istantanea e se il tuo sito Web non si carica in meno di due secondi, le persone se ne andranno.

Nessuna ottimizzazione per dispositivi mobili

Quando non sono seduti alla scrivania per lavoro, la maggior parte delle persone si collega online dai propri telefoni. E mentre un sito Web può caricarsi velocemente e avere un bell'aspetto da un desktop, se è difficile leggere o navigare da schermi più piccoli, i potenziali clienti se ne andranno.

Navigazione confusa

I siti web dovrebbero essere intuitivi. Avere troppe opzioni di menu, design incoerenti in ogni pagina web, collegamenti cliccabili dello stesso colore del resto del testo e/o vaghi inviti all'azione lasceranno i tuoi visitatori frustrati.

tramite GIPHY

Vaghi richiami all'azione

Parlando di CTA, queste dovrebbero essere brevi e orientate all'azione. Inoltre, i lettori dovrebbero sapere esattamente cosa accadrà quando ci cliccheranno sopra. Fare clic qui non è efficace come Scarica eBook o Pianifica una chiamata .

Elevate frequenze di rimbalzo

Quando guardi le metriche del tuo sito web, quali sono le pagine con la frequenza di rimbalzo più alta? E qual è il motivo? Se è perché è una pagina di destinazione e se ne vanno dopo averla compilata, sei d'oro. Ma se la tua home page, la pagina di prodotti/servizi o i blog fanno sì che le persone lascino il sito Web per pochi secondi, sono confuse, sopraffatte o annoiate.

Bassi tassi di conversione

Dovrai anche prestare attenzione alla frequenza con cui le persone intraprendono le azioni desiderate. Qualsiasi pulsante CTA che viene per lo più ignorato indica che dovresti cambiare qualcosa su di loro. Questo potrebbe essere il testo, la dimensione o il colore.

Suggerimenti e best practice per la progettazione UX

A questo punto, dovresti avere una buona idea di cosa costituisce una buona pratica per l'esperienza utente. Ma per motivi di chiarezza, ecco sette best practice che vorresti assolutamente implementare:

1. Tempi di caricamento rapidi

Come accennato in precedenza, i tempi di caricamento rapidi sono fondamentali. I tuoi lettori non vedranno nient'altro sul tuo sito a meno che non si carichi velocemente. Per controllare il tuo, usa uno strumento come Google PageSpeed ​​Insights o Pingdom.

tramite GIPHY

2. Barra di navigazione semplice

Niente sul tuo sito web dovrebbe essere travolgente. La barra di navigazione dovrebbe facilitare il passaggio da una pagina all'altra e dovrebbe essere semplice. L'aggiunta di troppe opzioni (o troppi menu a discesa con troppe opzioni al loro interno) è fonte di confusione e un esempio per eccellenza di scarsa UX.

3. Pangrattato

I breadcrumb consentono ai visitatori del sito Web di tornare facilmente a una pagina specifica. Il termine si riferisce a una navigazione secondaria, in cui gli utenti possono vedere dove si trovano attualmente sul sito. Questa è una buona pratica per i siti Web che dispongono di menu a discesa sulla barra di navigazione. Appare come una serie di collegamenti orizzontali.

Nell'esempio qui sotto, puoi vedere che anche se il sito web di Bed, Bath & Beyond ha molte pagine, le immagini dei caffè possono essere trovate sotto l'opzione di menu Coffee & Tea, che si trova nella scheda Cucina. E possiamo vederlo da una semplice occhiata grazie alle briciole di pane.

Fonte: Bed, Bad & Beyond

4. Contenuti utili

C'era una volta, inserire parole chiave in un sito Web sarebbe stato sufficiente per aiutarlo a posizionarsi su Google. Non più. Quella tattica non migliorerà il tuo posizionamento sulle SERP. Inoltre, sii incentrato sul cliente. Non si tratta solo di farti stare bene. Si tratta di risolvere i punti deboli dei tuoi utenti e aiutarli a superare le sfide. Quindi fallo. Fornisci contenuti didattici, come blog, eBook e white paper. Spiega i processi in passaggi semplici da seguire, ad esempio con infografiche e tutorial video. Rispondi alle loro domande. Fornisci valore. Ciò li farà tornare indietro, condividere i tuoi contenuti e indirizzarti più affari.

5. Spazi bianchi

Gli spazi bianchi sono esattamente come suonano: le aree vuote tra i paragrafi e le sezioni della pagina. Includere molti spazi bianchi mantiene il tuo sito pulito e facile da leggere. Pensa ad Apple e Amazon. Non hai molto rumore in lizza per la tua attenzione; e questo rende molto più facile trovare quello che stai cercando.

6. Coerenza tra le pagine web

Le persone vengono sul tuo sito per trovare soluzioni. Pertanto, dovrebbero essere in grado di capire rapidamente come trovare cose sul tuo sito. E una volta fatto, vogliono continuare a farlo in modo intuitivo indipendentemente dalla pagina in cui si trovano. Quindi mantieni il layout coerente per rendere le cose il più semplici possibile per i lettori.

7. Diversi modi per contattarti

Parte della tua ricerca di mercato include scoprire i modi in cui il tuo pubblico di destinazione preferirebbe comunicare con te. A seconda della loro generazione, del ruolo lavorativo o anche delle loro preferenze, ciò potrebbe includere e-mail, una telefonata o una chat dal vivo. Scegli i loro primi due e implementali. La chat dal vivo è ottima per ottenere risposte rapide in tempo reale.

Esempi di progettazione UX

Ora, per vedere alcuni di questi elementi in azione, diamo un'occhiata alle aziende che stanno facendo UX correttamente.

HubSpot

Ovviamente stiamo iniziando con HubSpot. È pulito, ha molti spazi bianchi, pulsanti di invito all'azione che catturano la tua attenzione e ti dicono esattamente cosa accadrà quando fai clic su di essi e rendono facile ottenere risposte rapide con il loro strumento di chat dal vivo.

Più in basso nella pagina, rendono facile trovare l'hub che stai cercando con un semplice design delle carte. Elencare le loro caratteristiche più popolari proprio sotto ogni breve descrizione rende il contenuto scansionabile e facile da capire.

Mela

Come al solito, Apple guida il gruppo praticamente in tutto e ha posto le basi con l'UX del loro sito web. Lo spazio bianco è ovunque. Nessuna distrazione. Clicca su una qualsiasi delle icone in alto per trovare il tipo di prodotti che stai cercando. Oppure fai clic su Acquista se fai già parte del loro seguito di culto e sei pronto a consegnare i tuoi soldi.

Ma se non sei ancora pronto per aprire il tuo portafoglio, semplificano il processo di ricerca fornendoti un utile grafico di confronto. Non è necessario aprire 50 schede o passare da una pagina all'altra per ottenere le informazioni di cui hai bisogno. Tutto è il più semplice e semplificato possibile.

AirBnB

Airbnb rende così semplice trovare un posto dove stare, indipendentemente da dove stai andando. In effetti, anche se non sai dove stai andando, ti aiuteranno a trovare un posto che amerai. La loro homepage ha un testo sparso, ma sai esattamente dove andare a cercare un posto o diventare un host.

Forniscono inoltre contenuti utili ai visitatori del sito Web, come cose da fare durante i loro viaggi o esperienze che possono vivere rimanendo nella loro città natale.

E se un utente ha preso in considerazione la possibilità di affittare la propria proprietà, ma ha ancora domande, il sito rende davvero facile trovare quelle risposte:

Fornire un'esperienza utente significa essere incentrati sul cliente: cosa renderebbe loro le cose più facili? Più piacevole? Più attraente? Quindi espandendo ogni elemento per farli sentire entusiasti di aver trovato il tuo sito web. E una volta fatto, lo diranno a tutti quelli che conoscono.