Come personalizzare UX per dispositivi mobili

Quindi cosa c'entra la psicologia con questo? Quando si tratta di esperienza utente, quasi tutto.

Con così tanti tipi di dispositivi e dimensioni e così tanti modi diversi di progettare siti Web per tali dispositivi, l'esperienza dell'utente che crea un designer è ciò che determina il successo generale del sito e se un utente tornerà.

Cos'è la psicologia dell'utente?

La psicologia dell'utente è la scienza dietro ciò che le persone vogliono e hanno bisogno quando visitano un sito Web o un'app mobile. La psicologia è radicata in ogni cosa, a prescindere dal fatto che un utente si fidi del proprio marchio per quanto riguarda il messaggio che si sta tentando di trasmettere.

E il design è una parte importante di questo. Tutto, dal colore alle immagini, ai modelli, al funzionamento del sito può avere un impatto quelle sensazioni e connessioni emotive.

Ognuno di questi elementi dovrebbe alla fine portare a un'azione da parte dell'utente. La maggior parte dei libri di testo di psicologia fa riferimento a trigger che inducono le persone ad agire e reagire. Questi trigger si applicano anche al web design e, in particolare, al design dei dispositivi mobili, in cui un utente deve quasi sempre interagire fisicamente con un sito Web per far accadere qualcosa, come lo scorrimento o il tap sullo schermo.

Reciprocation: se fai qualcosa per gli utenti, faranno qualcosa per te. (Si iscrivono a una newsletter, gli dai un omaggio).
Framing: gli utenti faranno confronti tra le cose. (Voglio questo o quello? La maggior parte degli utenti cade da qualche parte nel mezzo di tutte le opzioni.)
Salience: gli utenti vogliono ciò che conta adesso. (Ecco perché i siti di e-commerce aggiungono articoli correlati sullo schermo durante l'esperienza di acquisto).
Prova sociale: gli utenti guardano agli altri per vedere cosa fare. (L'influenza dei social media.)
Scarsità: gli utenti vogliono ciò che non possono avere. (Numero limitato di articoli.)
Contrasto: ciò che spicca nella mente dell'utente. (Teoria del progetto 101.)

Due diverse esperienze utente

Mentre i trigger sono gli stessi indipendentemente dal dispositivo, l'esperienza utente non lo è. Gli utenti desiderano in modo schiacciante che il contenuto sia lo stesso indipendentemente dal dispositivo, ma hanno idee diverse su come utilizzare e interagire con quel contenuto.

I siti Web desktop sono per la lettura e la lettura. Il processo di lettura e raccolta delle informazioni può comportare un'azione, ma gli utenti spesso hanno una ragione distinta per accedere a un sito Web, ad esempio il lavoro. Non tutte queste esperienze sono basate sull'intrattenimento o il piacere e la maggior parte di esse potrebbe non esserlo.

Gli utenti desktop sono ancora relativamente nelle loro interazioni online. Ogni azione viene eseguita con una tastiera o un mouse. Non c'è molta interazione fisica con il dispositivo. (Pochi utenti potranno mai toccare lo schermo.)

L'esperienza utente per i dispositivi mobili è significativamente diversa. Gli utenti toccano costantemente il dispositivo - involucro e schermo. Quindi la dimensione di questi elementi e il loro modo di sentire sono molto importanti. Questo uso del tocco fisico rende gli elementi di progettazione sullo schermo particolarmente importanti, perché devono essere facili da toccare, a differenza delle versioni desktop in cui il clic del mouse è sempre della stessa dimensione.

Gli utenti di dispositivi mobili spesso accedono a siti Web con intenti diversi. Le attività di intrattenimento o di completamento delle attività sono più comuni delle azioni di lettura e di ricerca. (Pensa a quanto spesso tiri fuori il telefono per giocare in fila al supermercato o rispondere a un messaggio di testo.)

Le differenze fisiche influiscono anche sulla psicologia del design mobile. È necessario considerare le condizioni di illuminazione, le dimensioni del dispositivo e le opzioni di tocco. In che modo questi elementi si uniscono per un utente reale?

Aspettative degli utenti

Tutto si riduce a una domanda centrale: cosa vogliono e si aspettano gli utenti mobili?

A differenza dei siti web desktop, dove gli utenti si aspettano un'esperienza visivamente dinamica e coinvolgente relativamente bidimensionale, gli utenti mobili vogliono che tutto si senta reale e vivi nello spazio tridimensionale.

Gli utenti mobili si aspettano alcune cose dall'interfaccia:

Ogni azione deve essere percorribile. (E facile da vedere e toccare.)
Grafica e immagini dovrebbero essere caricate rapidamente e potrebbero non essere affatto parte dell'esperienza mobile.
Le opzioni devono essere contestuali. Gli utenti vogliono sapere quali sono i prossimi e dove possono andare da qui; non hanno bisogno di sapere ogni possibile opzione.
I siti web devono essere integrati con tutte le funzionalità dei dispositivi mobili, come mappatura, chiamata e integrazione con altre app.
Le interazioni devono essere facili e seguire schemi generalmente accettati. Gli utenti di dispositivi mobili hanno quasi zero livelli di attenzione. Se gli elementi non funzionano la prima volta - e senza molti pensieri o spiegazioni - l'utente è perso.

Come progettarlo

Il vero segreto è la combinazione di fattori scatenanti e aspettative degli utenti; quindi progettare per loro. Analizziamo alcuni esempi di siti che funzionano bene e in che modo combinano fattori scatenanti e aspettative mobili per un'esperienza utente eccellente.

menta

menta utilizza un'interfaccia in stile carta in cui ogni casella è un elemento cliccabile nella sua progettazione di app mobili, mentre la versione desktop presenta più collegamenti in stile clic. Il colore brillante e l'abbondanza di spazio bianco contribuiscono anche alla versione mobile semplificata.

Trigger: Framing e salience sono i fattori chiave qui, perché come un servizio gratuito la menta ti chiede di iscriverti per offerte a tempo limitato basate su cose che probabilmente stai pensando o di cui hai bisogno, dalla carta di credito alle offerte di assicurazione.

Aspettative mobili: Mint carica eccezionalmente veloce con dati utente aggiornati. L'app mobile elimina molte delle immagini più pesanti visualizzate nel sito desktop e utilizza un semplice motivo verticale per consentire all'utente di tenere traccia delle informazioni. Incorpora anche alcuni strumenti UX come l'accesso tramite impronta digitale sull'iPhone e il controllo intuitivo dei gesti per spostarsi tra gli elementi.

Distiller

Distiller utilizza un framework reattivo in modo tale che il contenuto appaia e si senta quasi esattamente lo stesso su entrambe le versioni desktop e mobile. Ciò che il sito fa però è massimizzare il potenziale del formato mobile, con modi unici di navigare il contenuto.

Trigger: puoi facilmente vedere il modo in cui questo sito utilizza il contrasto per creare un coinvolgimento dell'utente. L'uso del colore e dello spazio bianco in entrambe le varianti del sito Web è progettato per creare eccitazione e incoraggiare gli inviti all'azione. (Basta guardare i pulsanti dai colori vivaci e posizionamenti prominenti.)

Aspettative per i dispositivi mobili: Distiller utilizza numerosi schemi comunemente accettati per coinvolgere gli utenti, con alcuni indizi sottili nel caso in cui l'utente possa aver bisogno di aiuto. Guarda il secondo schermo mobile, ad esempio: Gli elementi in stile carta (che sono tutti i link univoci) possono essere spostati avanti e indietro per vedere più contenuti e una barra stile punto viene utilizzata per mostrare agli utenti quanti elementi sono rimasti. La navigazione viene inoltre ottimizzata in modo significativo e nascosta in un'icona a forma di hamburger, in modo che gli utenti non siano sopraffatti dalle opzioni e possano muoversi liberamente sul sito mobile.

Il canale meteo

Il canale meteo fornisce esattamente lo stesso contenuto sul suo sito desktop e app mobile, ma le esperienze sono drasticamente diverse. Il sito desktop ha più informazioni da leggere e guardare, mentre l'app si concentra su ciò che l'utente deve sapere ora.

Trigger: Salience (menzionato sopra) e prove sociali sono una parte importante di ciò che rende l'app mobile The Weather Channel diversa. La schermata di apertura è il tempo in cui l'utente è in piedi in questo momento. Con un semplice tocco del dito, gli utenti possono segnalare condizioni, condividere sui social media e diventare parte della storia del tempo del marchio ben noto.

Aspettative per i dispositivi mobili: l'app utilizza un design moderno, piatto e in stile carta per rendere più facile toccare tutti gli elementi. Non c'è alcun menu di cui parlare perché l'intera premessa è contestuale, portando gli utenti da un elemento all'altro in base alle loro scelte.

Domino's Pizza

Domino's Pizza ha fatto un grosso accordo pubblico su quanto sia facile da ordinare. E hanno ragione. Mentre il sito desktop ha un aspetto molto tradizionale, l'app utilizza molti strumenti specifici per l'interfaccia utente mobile - come l'ordinamento vocale - per semplificare il processo.

Trigger: la reciprocità e l'inquadratura sono le chiavi dell'esperienza di acquisto, con un sacco di offerte e opzioni tra cui scegliere. Inoltre, la versione mobile ricorda le preferenze dell'utente per rendere il processo molto più semplice.

Aspettative per i dispositivi mobili: mentre Domino utilizza alcune funzionalità che non sono comuni tra questi tipi di app, è spiegato bene (come l'icona di ordinamento vocale). La navigazione è integrata nel contesto e l'app è progettata con un sacco di contrasto e immagini di piccole dimensioni che si caricano rapidamente.

The Tonight Show

The Tonight Show è progettato per intrattenere gli utenti su tutti i dispositivi. Il sito desktop e reattivo, così come l'app, hanno tutti lo stesso aspetto e funzione. Le opzioni mobili sono semplificate con una gerarchia verticale e gli elementi sono facili da osservare.

Trigger: come con molti altri siti di intrattenimento, la salienza e la prova sociale sono ciò che fa tornare le persone. Vuoi essere al corrente di ciò che è caldo e di tendenza e questo è il posto giusto per trovarlo.

Aspettative sui dispositivi mobili: uno dei piccoli trucchi del sito per dispositivi mobili è che chiede all'utente se desidera l'app, come per dire "vuoi la migliore esperienza che abbiamo da offrire?" Questo è un ottimo strumento per gli utenti si sono aspettati. È facile trovare l'app perché è solo a un tocco e gli utenti non devono andare a cercare nulla; è tutto lì davanti a loro.

Conclusione

La maggior parte degli utenti desidera e si aspetta di trovare lo stesso contenuto del sito Web indipendentemente dal dispositivo, ma spesso desidera che l'esperienza dell'utente sia adattata al dispositivo che sta utilizzando.

Questa esperienza utente specifica del dispositivo contribuirà ad aumentare la fedeltà degli utenti e quei buoni sentimenti che la maggior parte dei proprietari di siti Web sperano che gli utenti provino per loro. In poche parole, avere un buon desktop ed esperienza e una buona esperienza utente mobile è importante; potrebbero non essere la stessa cosa

Progetta per gli utenti ottimizzando il loro aspetto, utilizzo e interazione con i loro dispositivi.

design reattivo