Un'introduzione al design conversazionale (e 3 esempi eccezionali)

Praticamente tutti hanno un sito web in questi giorni, quindi se vuoi che il tuo si distingua, devi portare il tuo A-game quando si tratta di design. Le persone vogliono siti su misura per le loro esigenze specifiche e che li facciano sentire importanti (e lo sono!). Se non puoi fornire quell'esperienza, potresti non essere in grado di competere nei grandi campionati.

Il design conversazionale consiste nel creare siti Web su misura per ogni utente e che anticipano le sue esigenze. In questo articolo, ti forniremo un breve corso accelerato di web design conversazionale e discuteremo alcuni esempi.

Parliamo!

Un'introduzione al design conversazionale

Quando si tratta di web design conversazionale, c'è un'importante distinzione da fare. Quando le persone parlano di questo concetto, si riferiscono principalmente all'iper-personalizzazione. Ad esempio, quando accedi al tuo account Facebook, la piattaforma ti chiede cosa stai pensando/sentendo e ti chiama per nome:

Questo è un esempio di design conversazionale. D'altra parte, quando le persone parlano di interfacce utente conversazionali (UI) si riferiscono a esperienze basate sul testo, come chatbot e Slack.

In ogni caso, il termine design conversazionale copre molte aree. Tuttavia, hanno tutti una cosa in comune, ovvero l'obiettivo di fornire esperienze più personalizzate ai propri utenti. Ecco perché è una buona cosa:

• Può aiutarti a creare fiducia. Il design conversazionale può aiutare gli utenti a sentirsi i benvenuti, il che a sua volta può ispirare fiducia e portare a più conversioni.
• Puoi mettere a frutto i dati che raccogli. La maggior parte dei siti web oggigiorno raccoglie alcune informazioni personali dai propri utenti. Con il design conversazionale, puoi utilizzare questi dati in modo pratico.

Per quanto riguarda i siti Web che possono trarre vantaggio dall'adozione di un design conversazionale, dipende dal livello di interazione che fornisci ai tuoi visitatori. Se i tuoi utenti hanno bisogno di interagire con il tuo sito in qualche modo, dovresti considerare di esaminare il design conversazionale per fornire un'esperienza più personale.

Nella prossima sezione, ti mostreremo alcuni esempi di web design conversazionale e interfaccia utente. Parleremo di cosa fanno bene e di come puoi applicare i loro approcci sul tuo sito web.

3 esempi di siti Web che utilizzano il design conversazionale

Il design conversazionale è un campo vasto, quindi ci sono diversi modi per implementarlo sul tuo sito web. In questa sezione, esploreremo tre esempi, ognuno dei quali utilizza approcci diversi alla personalizzazione e all'interfaccia utente conversazionale.

1. Studio degno di nota

Il sito Web di Buzzworthy Studio offre un'ottima esperienza di modulo di contatto che offre un'esperienza altamente personalizzata. Una volta atterrato sulla pagina dei contatti, puoi fare clic sull'invito all'azione START A PROJECT :

Quindi, la pagina ti chiede che tipo di progetto vorresti intraprendere:

Ad esempio, se clicchiamo sull'opzione Marketing , possiamo scegliere tra SEO , Campagne PPC o entrambi:

Una volta che hai fatto la tua scelta, il sito web ti offre un budget approssimativo e una tempistica che varia a seconda di esso:

Per quanto riguarda le pagine di contatto, questa esperienza è una delle più coinvolgenti in cui ci siamo imbattuti. Facendo diverse domande prima di darti un budget, ti fa sentire come se stessi avendo una conversazione con un libero professionista prima di assumerlo.

Inoltre, includono anche un semplice modulo in cui è possibile aggiungere tutti i dettagli che potrebbero voler sapere prima di elaborare una proposta di progetto più completa:

Il design conversazionale e le pagine di contatto sono una combinazione perfetta, in particolare per le pagine del portfolio. Una delle tue maggiori sfide è far sentire a proprio agio i potenziali clienti e personalizzare le tue pagine in base a loro è un ottimo modo per farlo.

Se vuoi provare a creare esperienze di onboarding dei clienti più interattive, un ottimo modo per farlo sarebbe usare Typeform. Tempo fa, abbiamo parlato di come è possibile utilizzare la piattaforma per creare sondaggi eleganti, ma è anche possibile utilizzarla per porre domande a potenziali clienti, in modo simile a questo esempio.

2. Landbot

Per il nostro secondo esempio, esploreremo l'interfaccia utente conversazionale. Piattaforme come Landbot si avvicinano al concetto di design conversazionale in modo molto letterale, poiché sono costruite interamente attorno alle interazioni testuali.

Landbot potrebbe non essere così noto come il nostro esempio precedente, ma ciò non significa che non abbiano qualcosa di interessante da offrire. In breve, questo servizio ti consente di creare landing page basate su chatbot. Abbiamo già parlato di come impostare chatbot basati su Facebook per WordPress, ma questa piattaforma è molto più facile da usare.

Il sito Web stesso è una masterclass nelle interfacce utente conversazionali. È tutto costruito attorno a un'unica chat, che utilizza un design pulito e moderno:

In ogni fase della conversazione, puoi scegliere come rispondere al chatbot. Poiché stai utilizzando opzioni predeterminate, il chatbot è molto più facile da programmare. È anche un eccellente esempio di come le interfacce utente conversazionali non debbano essere noiose.

Ci sono due punti salienti che dovresti togliere dall'approccio di Landbot al design conversazionale. In primo luogo, se desideri includere interfacce utente conversazionali nel tuo sito web, devi renderle accattivanti. Gioca con i colori, i caratteri e persino le piccole animazioni che gli utenti vedono durante la digitazione, per creare qualcosa che attiri l'attenzione:

In secondo luogo, le interfacce utente conversazionali possono essere ottime per favorire le conversioni. Ad esempio, i chatbot ti consentono di guidare gli utenti a intraprendere le azioni che desideri offrendo loro una forte Call To Action (CTA):

L'implementazione di questi tipi di funzionalità può richiedere alcune conoscenze tecniche, ma i risultati possono valere la pena. Puoi sempre sperimentare la creazione del tuo chatbot Landbot e utilizzarlo per incanalare gli utenti sul tuo sito Web o viceversa.

3. Cody

Per il nostro ultimo esempio, diamo un'occhiata a un'altra interfaccia utente conversazionale. Cody è una vetrina di un semplice chatbot dell'agenzia Chop Chop. La loro attività si basa sulla creazione di chatbot, quindi è logico che vogliano mostrare ciò che possono fare.

A differenza dell'esempio Landbot, Cody è meno orientato al marketing palese. Invece, cerca di farti sentire come se stessi conversando con un amico mentre ti forniva informazioni importanti. Ad esempio, Cody ti chiede se non ti dispiace che il sito utilizzi i cookie, il che è un'ottima svolta per gli avvisi:

L'interfaccia utente conversazionale qui è estremamente semplice. Lo sfondo è pulito e le bolle di testo sono molto sobrie. Questo è il tipo di chatbot che potresti vedere aggiunto a qualsiasi sito Web professionale senza togliere il suo contenuto.

Il punto chiave qui è che le interfacce utente conversazionali non devono essere focalizzate esclusivamente sul marketing e ci sono molti modi in cui puoi aggiungere un tocco di stile ai tuoi chatbot. Ad esempio, potresti dargli un volto e un nome in modo che sembri unico e personale. Allo stesso modo, puoi ottimizzare la lingua che usi per rendere le conversazioni più casuali e meno come se stessi facendo una domanda a Google.

Conclusione

Quando si tratta di web design, ci sono molte scuole di pensiero a cui puoi iscriverti. C'è il design dei materiali, le forme fluide, gli elementi disegnati a mano e molto altro. Tuttavia, il web design conversazionale è più di una semplice tendenza. Se riesci a fornire un'esperienza su misura per ciascuno dei tuoi visitatori, hai un vantaggio che pochi siti possono eguagliare.

Diamo un'altra occhiata ad alcuni dei nostri esempi preferiti di design conversazionale:

1. Buzzworthy Studio: con la personalizzazione, puoi rendere più divertenti anche i moduli di contatto.
2. Landbot: offre un esempio accattivante di un'interfaccia utente conversazionale.
3. Cody: Questo semplice chatbot fa un ottimo lavoro nel farti sentire come se stessi parlando con una persona reale e non con una macchina.

Quale pensi sia il modo migliore per implementare il design conversazionale sul sito web? Condividi i tuoi pensieri con noi nella sezione commenti qui sotto!

Miniatura dell'immagine dell'articolo di Art Alex / shutterstock.com