Quattro tecniche di progettazione UX per incoraggiare l'impegno degli utenti

Incoraggiare gli utenti a rimanere su e utilizzare un sito Web non implica sempre un codice più sottile o una grafica più carina. Alcuni dei layout più semplici come Reddit mantengono ancora gli utenti immersi nel contenuto e sono entusiasti di interagire con il sito.

Il segreto sta nell'esperienza utente e la considerazione di Come un sito web funziona. Le interazioni derivano dagli elementi della pagina e dai flussi di azione che si spostano da una pagina all'altra.

In questo post darò un'occhiata ad alcuni Tecniche di progettazione UX che può essere applicato a migliorare l'esperienza utente e aumentare il coinvolgimento degli utenti. Si noti che questi non sono sempre applicabili a tutti i siti Web ed è più importante capire perché queste tecniche funzionano in modo da poter usare il proprio giudizio.

L'argomento dell'esperienza utente è vasto e richiede pazienza per comprendere appieno. Ma più pratichi più capirai

La cosa migliore che puoi fare è giocare sui siti che ti piacciono e risolvere cosa ti piace su di loro. Dalle tue esperienze puoi estrapolare idee coerenti e capire cosa ti tiene (e forse altri) impegnato in un sito web.

1. Usa il contrasto per attirare l'attenzione

Ogni sito è costruito con una manciata di elementi creati per l'interazione dell'utente. Collegamenti ipertestuali, pulsanti, campi di input, widget della barra laterale, l'elenco potrebbe continuare all'infinito. Ma non tutti gli elementi dovrebbero essere creati uguali. Alcuni sono naturalmente più importanti per il coinvolgimento dei visitatori e dovrebbero essere progettati con più alto contrasto per distinguersi dagli altri elementi sulla pagina.

Questa idea nasce da un elevato contrasto cromatico e dal modo in cui gli umani elaborano i dati visivi nei pattern. Quando qualcosa si distingue da ciò che lo circonda, per colore, dimensione, forma o spazio bianco, può farlo appaiono più importanti in base al contesto.

Usa il contrasto per attirare l'attenzione su determinati elementi della pagina che coinvolgono i visitatori in una determinata attività. Se il tuo obiettivo è creare più iscrizioni alle newsletter, la tua casella di sottoscrizione potrebbe avere un pulsante di registrazione animato luminoso o un'icona di vettore univoco.

L'obiettivo è catturare l'attenzione costruendo un'interfaccia che attiri i visitatori nell'esecuzione di alcune azioni desiderate.

Se hai il tempo, potrebbe valere la pena di eseguire alcuni case study A / B per vedere quali colori / elementi giocano meglio insieme. Le statistiche sono difficili da individuare ma rimarrai sorpreso di quanto possa essere appreso da un semplice split test.

2. Animazione UI / UX di buon gusto

Recentemente sono incappato in un post intitolato What Does Disney Know About Interface Animation. Copre i punti vitali dell'animazione e come questi giocano alla psiche degli utenti che interagiscono con uno schermo 2D piatto.

Diversi tipi di animazioni possono implicare determinati comportamenti. Ad esempio, quando si passa il mouse su un pulsante, potrebbe rimbalzare per mostrare che è cliccabile. I messaggi di errore si agitano spesso per attirare l'attenzione dell'utente.

Ricordatelo L'animazione UX dovrebbe essere visibile ma sottile. Le animazioni esagerate sono più utili per TV e film piuttosto che per interfacce.

Ma questo non significa che le tue interfacce dovrebbero rimanere piatte. In effetti, la maggior parte degli utenti lo farebbe piuttosto avere qualche tipo di animazione perché dà l'illusione di un'esperienza più fluida. Il design digitale riguarda in parte creando un'interfaccia illusoria, ma il più realistico sembra, più i tuoi utenti vorranno interagire.

3. Design reattivo come requisito

È giusto dire che una buona parte degli utenti di Internet naviga dai loro telefoni cellulari. I collegamenti che vengono condivisi con siti sociali come Facebook e Twitter sono spesso visitati direttamente su smartphone e tablet.

Ciò significa che ogni sito web dovrebbe essere ottimizzato per i dispositivi mobili in qualche modo, preferibilmente con un design completamente reattivo.

Quando tu sei costretto a considerare le dimensioni dello schermo, esso pone le caratteristiche critiche in una luce completamente nuova. Come designer devi scegliere quali sono le funzionalità più importanti e come dovrebbero apparire sugli schermi più piccoli. Questa strategia di progettazione reattiva richiede tempo per imparare, ma il modo migliore è quello di studiare altri siti web e raccogliere le tecniche che ti piacciono.

La verità è lavori di progettazione reattivi e sta diventando sempre più accettato dalla comunità del design ogni anno che passa.

Gli utenti si aspettano anche che i siti web siano pienamente reattivi, in modo da soddisfare qualsiasi schermo del dispositivo. Quando un sito non si adatta bene a un browser web mobile, può essere scoraggiante per l'esperienza dell'utente.

4. Semplificare il processo di interazione

Smashing Magazine ha recentemente pubblicato uno dei migliori post che ho letto a sostegno di semplificazione per la progettazione dell'interfaccia. Si afferma che nessuno vuole saltare attraverso i cerchi per utilizzare il sito Web o l'applicazione. Le persone sono interessate solo al risultato finale, e il il mezzo più veloce per arrivarci.

Mi piace creare diagrammi di flusso UX per ogni elemento di pagina interattivo ogni volta che sto disegnando wireframe. Questi aiutano a concepire visivamente come dovrebbe apparire il sito e funzione.

Ma in verità non importa come pianifichi l'esperienza. Assicurati di aver pianificato l'esperienza più veloce e semplice possibile. Quando si tratta di incoraggiare l'attività, vorrai che le cose importanti siano implicito dal design.

Se qualcuno arriva sulla tua webapp e non capisce come iscriversi subito, è un grosso problema. Dovrebbe essere palesemente ovvio all'utente che cosa fa il tuo sito e in che modo possono esserne separati.

Il miglior punto di partenza è la ricerca del design UX e il processo di interazione degli utenti con un'interfaccia. Da lì sarai in grado di trarre conclusioni pertinenti ai tuoi progetti e idealmente semplificare le tue interfacce al loro massimo potenziale.

Per la lettura correlata sull'argomento di attività dell'utente, dai un'occhiata a questi post:

• Breaking Web Design Conventions = Rompere l'esperienza dell'utente
• Usabilità e User Experience Archives su Smashing Magazine
• Concetti di progettazione Web per invogliare l'interazione dell'utente

Incartare

Non esiste un'unica risposta su come progettare (o correggere) i siti web per migliorare l'usabilità. Sì, ci sono alcune cose che puoi provare, ma ogni sito è un po 'diverso e lo studio del design di UX è molto complicato.

Spero che questo articolo possa farti iniziare a pensare ad alcune tecniche comuni per costruire interfacce altamente utilizzabili. La cosa migliore che puoi fare è metterti nei panni di un utente tipico e cercare di determinare i principali difetti di un'interfaccia. E una volta riconosciuto un problema, sei già a metà strada verso la soluzione!