Design UX avvincente: chi lo sta facendo bene

Ogni sito web è unico in quanto esiste per servire un pubblico specifico di utenti. Se è stato creato in modo ponderato, sarà progettato per soddisfare le esigenze di quegli utenti e aiutarli a portare a termine i loro compiti o obiettivi con facilità. Tuttavia, c'è molto da imparare dalle innovazioni UX di altre aziende. Vedere qualcun altro creare un'esperienza coinvolgente o eccezionalmente funzionale sul proprio sito può ispirare idee su come migliorare l'esperienza sul proprio sito. Ecco alcuni esempi di siti con una UX davvero impressionante.

1. Duo Lingo

Duo lingo è una gioia assoluta da usare. Se mai una piattaforma potrebbe pretendere di "rendere divertente l'apprendimento", Duo Lingo è quello che fa. Il servizio aiuta gli utenti a imparare una nuova lingua e l'interfaccia è semplice, amichevole e accessibile, il che sembra esattamente l'approccio giusto per rendere accessibile il processo intimidatorio dell'apprendimento di una nuova lingua. Il sito fa un ottimo lavoro per far sì che gli utenti inizino a utilizzare il servizio in pochi secondi, senza costringerli a creare un account. Ciò consente agli utenti di sperimentare personalmente la piattaforma prima di dover eseguire i passaggi per la creazione di un accesso e una password. Puoi immaginare che una volta che gli utenti sperimenteranno quanto sia facile e divertente utilizzare la piattaforma, sarà più probabile che creino un account e diventino utenti dedicati. Duo Lingo presenta le domande agli utenti in un modo incredibilmente facile da capire e con cui è possibile interagire. Una barra di avanzamento indica la distanza dell'utente nel modulo. Le risposte, corrette o errate, sono rinforzate con colori e suoni.

2. Vergine America

Prenotare un biglietto aereo non è sempre l'esperienza più gioiosa. Molte delle principali compagnie aeree hanno siti Web goffi che rendono la ricerca e la prenotazione di un volo un processo del tutto estenuante. Forse è per questo che l'atterraggio sul sito web di Virgin America sembra quasi un'esperienza radicale. Il sito è pulito e moderno e pone l'obiettivo principale dell'utente, la prenotazione di un volo, in primo piano. Il testo è grande e leggibile e i prezzi e gli orari dei voli sono presentati in anticipo. Una delle migliori caratteristiche del sito Virgin America è la possibilità di scegliere le date in base al costo del volo, un vantaggio importante per gli utenti che hanno una certa flessibilità sulle date di viaggio e sono alla ricerca dell'offerta migliore. I dati di viaggio dell'utente vengono salvati e visualizzati durante il processo e possono essere modificati o aggiornati in qualsiasi momento senza dover ricominciare la ricerca.

3. Grembiule blu

Blue Apron ha una fantastica homepage, ricca di contenuti utili presentati in modo avvincente. La pagina a scorrimento lungo presenta piccole animazioni che catturano l'attenzione dell'utente e incoraggiano l'interazione con i contenuti del sito. Ogni sezione della pagina ha un forte invito all'azione che offre agli utenti un mezzo per passare alla fase successiva del processo. Anche il processo di registrazione di Blue Apron è qualcosa da vedere. È un processo semplice in tre fasi che rende piacevole la selezione delle preferenze dell'utente attraverso l'enfasi sulla grafica e il rinforzo positivo quando vengono effettuate le selezioni.

4. Mela

Nessuna sorpresa vedere Apple fare questo elenco. Immagini straordinarie, messaggistica chiara e una vasta gamma di informazioni presentate in un formato di consumo rendono l'esperienza utente piacevole e funzionale. Il sito Apple fa un ottimo lavoro nel consentire agli utenti di esplorare e sperimentare in modo significativo i prodotti anche se non sono effettivamente in grado di toccarli. Piuttosto che cercare di stipare ogni dettaglio di un prodotto complesso in un layout statico, il sito Web di Apple incoraggia gli utenti a interagire con la pagina di un prodotto espandendo e comprimendo diversi elementi per esplorare più informazioni. È un uso efficiente dello spazio e consente agli utenti di saltare le cose di cui sono meno interessati a conoscere.

5. L'Atlantico

La homepage a scorrimento profondo garantisce praticamente che non puoi atterrare sul sito e non trovare qualcosa che ti interessi da leggere. Il contenuto è ordinato in base a categorie generali e ogni categoria è chiaramente delineata. C'è una bella gerarchia nel modo in cui sono progettati i blurb degli articoli: un'immagine, con un titolo dell'articolo grande e leggibile, un testo blurb più piccolo (ma comunque leggibile!) e il nome dell'autore nel colore rosso dell'accento di The Atlantic. Questi piccoli tocchi facilitano la messa a fuoco e l'interpretazione dei contenuti, cosa che francamente non è sempre il caso dei siti di notizie e dei fornitori di contenuti. Anche le pagine degli articoli stesse sono progettate con cura. C'è un piè di pagina appiccicoso che offre agli utenti un modo semplice per tornare alla home page, condividere su Facebook o Twitter o passare all'articolo successivo in qualsiasi categoria di contenuto stiano leggendo. Anche le regolazioni della dimensione del testo nelle pagine degli articoli sono un bel tocco.

6. Warby Parker

Il sito di Warby Parker rende l'acquisto di occhiali online una delle cose più facili che tu abbia mai fatto. Ma la parte migliore del sito (almeno dal punto di vista UX) è il processo di checkout. Il processo di pagamento di Warby Parker è stato chiaramente meticolosamente progettato per ridurre il maggior numero possibile di ostacoli al completamento. Il modulo è minimo e contiene solo una manciata di campi. Ogni categoria si espande man mano che l'utente la raggiunge, il che impedisce al modulo di sembrare opprimente a prima vista. L'acquisto di uno o più prodotti online con un dispositivo mobile (ovvero completare la procedura di pagamento, non solo ricercare e sfogliare i prodotti) è sicuramente un'attività con cui stiamo diventando sempre più a nostro agio, ma è ancora molto incostante. Spesso l'esperienza è fastidiosa o inutilmente difficile ed è più semplice completare l'acquisto in un secondo momento su desktop. Ma il processo di pagamento mobile di Warby Parker è praticamente impeccabile. Riducono i campi ove possibile, prevedono e compilano automaticamente il tuo indirizzo durante la digitazione e il modulo è impilato verticalmente per un utilizzo mobile ottimale.

7. Asana

Un altro per buona misura -- e non potevamo lasciare Asana fuori dalla lista. Asana è un'app salvavita per la gestione dei progetti e la produttività e la sua UX la rende una delle nostre preferite. Tecnicamente è progettato per i team, ma funziona benissimo anche come sistema di gestione delle attività personali. La piattaforma ha troppe fantastiche funzionalità da trattare qui, ma quello che possiamo dire è che hanno imparato l'arte delle microinterazioni: piccoli momenti di comunicazione tra la piattaforma e l'utente che servono a rafforzare o stimolare un'azione. Le microinterazioni aiutano a incoraggiare e riconoscere l'utente, il che migliora la sua esperienza complessiva sulla piattaforma. Guarda tu stesso: Ci piace trarre ispirazione dal lavoro innovativo di alcune delle nostre aziende preferite. Questi siti Web e piattaforme mettono tutti al primo posto le esigenze degli utenti e escogitano modi per soddisfare tali esigenze, portando allo stesso tempo eccitazione e persino un po' di gioia nell'esperienza. Questo è ciò che chiamiamo fare UX nel modo giusto.