UX Design 10 siti web di viaggi possono insegnarti
Ti è mai passato per la mente che puoi ancora crescere professionalmente mentre stai pianificando le tue vacanze? I siti di viaggi più popolari, i moduli di prenotazione e di pagamento, i pianificatori di viaggio e gli orari degli hotel sono tutte fonti eccellenti migliorare le tue conoscenze nel campo della progettazione dell'esperienza utente.
Mentre selezioni le migliori posizioni, gli hotel e pianifichi il tuo viaggio, è una buona idea prestare attenzione a cosa funziona e cosa no, cosa ti ispira e cosa ti fa immediatamente saltare su un altro sito. Le tue reazioni, le delizie e le avversioni sono tutte grandi caratteristiche dell'efficienza della progettazione dell'esperienza utente del sito.
In questo articolo puoi imparare 10 lezioni sull'esperienza utente che puoi raccogliere dai siti di viaggio più popolari.
La differenza tra UI e UX
UX non è l'interfaccia utente, è come un non scritto legge. Quando leggi l'usabilità di un sito web, devi pensare alla sua interfaccia utente (UI). L'interfaccia utente è a insieme di vari elementi visivi come i menu, i pulsanti e le icone utilizzati dai visitatori (fai clic su, passa sopra, tocca) quando interagiscono con il tuo sito web.
L'usabilità è una qualità che descrive l'interfaccia utente (UI). Usabilità mostra l'efficienza dell'interfaccia utente come quanto è facile usare un sito web (Apprendibilità), quanto velocemente gli utenti possono raggiungere determinati obiettivi (efficienza), con quanta facilità riescono a ricordare i loro ricordi sul modo in cui funziona il sito (memorabilità), e quanto è piacevole da usare (soddisfazione dell'utente).
L'usabilità è un aspetto di una nozione più complessa chiamata user experience (UX). L'esperienza utente coinvolge tutto ciò che influenza l'esperienza dell'utente - sia negativamente che positivamente. Un buon UX soddisfa ogni esigenza dei potenziali clienti: buona usabilità e molte altre cose.
Secondo la società di ricerca di esperienza dell'utente Nielsen-Norman Group:
1. Dare agli utenti un posto dove iniziare
Prima di tutto, è necessario dai ai tuoi visitatori un posto da dove possono iniziare. Di solito è la pagina iniziale che riceve il maggior numero di clic, non solo perché è l'ingresso principale di un sito, ma quando gli utenti provengono da un motore di ricerca, il clic successivo sarà molto probabilmente la home page.
Quindi è necessario offrire contenuti accattivanti e layout sulla home page se vuoi mantenere i tuoi visitatori sul tuo sito.
La home page di Booking.com dimostra che capiscono bene le esigenze dei loro clienti. Pensaci. Cosa vuoi fare su un sito di viaggi? O sai dove vuoi andare e vuoi cercare le possibilità il più velocemente possibile, oppure non sei sicuro della posizione del tuo viaggio e hai bisogno di ispirazione.
Booking.com ha inserito un modulo di ricerca generale sul lato sinistro della sua home page per coloro che sono sicuri del loro viaggio futuro. I visitatori non devono sprecare il loro tempo a navigare attraverso contenuti irrilevanti. Questo li lascia con una maggiore determinazione e una maggiore sicurezza di sé.
Lo spazio rimanente sullo schermo oltre la piega dà molta ispirazione ai meno determinati: tre grandi immagini di luoghi famosi (Abu Dhabi, New York City e Dubai) forniscono suggerimenti, uno stream AJAX su “Appena prenotato” viaggi mostra ciò che altri utenti sono al momento, e c'è anche una piccola sezione che garantisce ai potenziali clienti la politica di cancellazione gratuita.
Nella home page di Booking.com, tutti ricevono gli incentivi e i sentimenti positivi necessari per andare avanti sul sito prima di toccare la barra di scorrimento.
2. Rendi la tua navigazione ovvia
Se vuoi che gli utenti rimangano sul tuo sito, devi fornire loro una navigazione ovvia e facile da usare.
La navigazione di TimeOut.com è come una hostess intelligente: dà ai visitatori un aiuto prezioso quando ne hanno bisogno, ma non li infastidisce. Se dai un'occhiata alla foto qui sotto, puoi vedere che il sistema di navigazione ha quattro diversi elementi: una barra di ricerca enorme e facilmente riconoscibile, un menu principale con elementi chiaramente definiti (Guide della città, Film, Musica, Arte e cultura, Cibo e bevande, Chi siamo, Time Out Shop), una barra di briciole ben progettata e una barra laterale elenco delle città più popolari.
TimeOut ha progettato il suo sistema di navigazione in modo così intuitivo che offre ai visitatori ulteriori incentivi per esplorare il sito. La miniatura piccola accanto a ogni elemento della barra laterale dà una chiave visiva, la breve descrizione sotto il titolo Food & Drink assicura ai visitatori che sono nel posto giusto, le breadcrumb rendono super facile spostarsi e la barra di ricerca in alto aiuta gli utenti a passare alla posizione successiva se sono annoiati da quella corrente.
Ogni elemento supporta gli altri - un chiaro segno di grande design UX.
3. Usa immagini ad alto impatto
Lo screenshot qui sotto è una delle pagine del profilo del ristorante di TripAdvisor. Sono sicuro che hai già letto che le foto d'archivio non fanno una buona esperienza utente: di solito annoiano i visitatori e non li motivano ad andare avanti nella canalizzazione di conversione.
L'alternativa delle foto stock è rappresentata da immagini di forte impatto che provocano forti emozioni negli utenti. E lo sappiamo tutti le emozioni aumentate portano ad una maggiore fedeltà dei clienti.
I siti web di viaggio di solito utilizzano immagini di alta qualità, ma TripAdvisor lo porta al livello successivo incoraggiare gli utenti ad aggiungere le proprie foto ad ogni ristorante In questo modo, TripAdvisor arricchisce il suo contenuto immagini generate dall'utente che di solito sono più interessanti per il visitatore medio del sito di viaggi rispetto alle foto scattate dai professionisti.
Dopo tutto, la pressione dei pari è una delle motivazioni più forti. TripAdvisor anche mantiene il suo contenuto visivo fresco aggiungendo foto di grande impatto scattate dagli utenti.
4. Mantenerlo semplice
Meno è di solito più quindi è sempre una buona idea mantenere le cose semplici e concentrarsi solo sulle informazioni rilevanti. Il mondo è così pieno di distrazioni che i tuoi visitatori saranno sicuramente grati se li salvi da inutili lanosi.
“Mantienilo semplice” è il principio UX che Lonely Planet apparentemente ha seguito sulla sua home page. Il argomenti più importanti che incuriosiscono i loro utenti sistemato in una griglia ordinata di miniature attraenti sostenuto da titoli a una o due parole.
La home page di LonelyPlanet è particolarmente intelligente dal punto di vista dell'esperienza utente poiché le miniature fungono anche da navigazione mentre esse dare agli utenti una chiave visiva facilmente comprensibile.
La griglia è reattiva quindi funziona su ogni viewport. Nelle dimensioni di dispositivi mobili e tablet le miniature sembrano icone di app mobili che è un layout familiare per tutti gli utenti mobili, e la familiarità è anche qualcosa che dà conforto ai visitatori aumentando così il loro impegno con il sito.
5. Usa i verbi d'azione
Molto probabilmente hai familiarità con i verbi di azione dei siti di carriera. I verbi di azione non coinvolgono solo i reclutatori che effettuano la scansione attraverso i curriculum ma anche i visitatori dei siti web che navigano attraverso il web.
Il popolare social network di condivisione degli alloggi, AirBnB li usa ovunque sul suo sito. Appartenere in qualunque posto, Affitto, Elenco il tuo spazio, Scoprire posti, Esplorare il mondo, Vedere dove le persone viaggiano, Condividere la tua esperienza, ecc.
I verbi d'azione sono incredibilmente efficienti perché loro spostare gli utenti da uno stato passivo a uno attivo. Le esperienze positive richiedono sempre attività per conto dell'utente; ecco perché i parchi avventura sono così popolari.
Dopotutto cosa ricordi di più? Qualcosa che hai fatto da solo o qualcosa che hai appena letto in un libro? Vedere? L'interazione coinvolge anche te. Quindi, se vuoi aumentare l'esperienza utente del tuo sito, non esitare a utilizzare i verbi di azione dove sono appropriati.
6. Razionalizza i tuoi moduli
Come forme troppo complicate portano spesso ad un abbandono istantaneo la cosa più intelligente che puoi fare per l'esperienza dei tuoi utenti è semplificare il più possibile i moduli sul tuo sito. Cosa intendo con la razionalizzazione?
Puoi vedere un esempio eccellente se dai un'occhiata al modulo di ricerca universale di Priceline.com sulla loro home page. I moduli di ricerca di Priceline sono nascosto all'interno di una comoda sezione di navigazione a schede orizzontali.
Le schede contengono cinque diversi moduli di ricerca relativi alle cinque aree (hotel, voli, automobili, pacchetti vacanze, crociere) con cui la società è coinvolta.
La cosa davvero interessante qui è che gli utenti non devono preoccuparsi di cose a cui non sono interessati, possono saltare direttamente al modulo di ricerca di cui hanno bisogno. Pertanto sono non gravato da campi dati extra, i campi del modulo sono ridotti al minimo, il che significa aumento dell'efficienza, riduzione del fastidio e rapida comprensione - la migliore esperienza utente di sempre.
7. Impatto con storie personali
Puoi aumentare il coinvolgimento degli utenti con l'uso intelligente di storie personali, come se lo stai effettivamente sperimentando, nella home page di GoBackpacking.com.
Le avventure di persone reali sono sempre più interessanti di un chiacchiericcio di marketing troppo raffinato. I tuoi visitatori non vogliono leggere gli stessi stancanti cliché che possono leggere sul sito della concorrenza: possono persino generare lo stesso basso impatto a se stessi dopo tutto.
Recensioni, valutazioni, commenti diretti e moderati, stati, post di blog, storie personali, consigli, tutti aggiungono personalità al tuo sito quindi introducendo informazioni di alta qualità con cui i tuoi visitatori possono connettersi emotivamente.
GoBackpacking popola la sua home page con storie personali dei suoi utenti che rendono i visitatori immediatamente immersi nel contenuto del sito senza nemmeno saperlo.
8. Includi prodotti correlati
I widget di prodotti correlati, consigliati e popolari sono utilizzati da tutti i grandi giocatori di e-Commerce, quindi non è una grande sorpresa che i siti di viaggio ne facciano uso.
HotelTravel.Com risolve il problema in un modo molto complicato ed efficace. Il suo motore di raccomandazione prende la posizione che il visitatore cerca - nel nostro caso è Hong Kong - e ne mostra ancora opzioni di hotel consigliate da altri utenti. Gli hotel correlati sono anche quelli raccomandati, una soluzione 2 in 1 che è sempre una buona idea.
I designer di HotelTravel.Com hanno fatto un ulteriore passo in più e hanno posizionato il prodotti correlati in una pratica fisarmonica che consente all'utente di raccomandazioni di gruppo in base a quattro criteri diversi (miglior valore, miglior servizio, miglior standard per camera, migliore posizione).
Per rendere visivamente interessante il widget, sono inclusi anche il prezzo, una piccola miniatura e una breve citazione dell'ultima recensione dare il massimo aiuto ai visitatori decidere quale sistemazione si adatta meglio alle loro esigenze.
9. Parlare di vantaggi
Mostrare ai visitatori i benefici che possono ottenere sul tuo sito è sempre più user-friendly che tormentarli con fatti secchi che li fanno addormentare.
Nella home page di Booking.com possiamo vedere un utilizzo intelligente di questo principio di progettazione UX. Sul lato destro dello schermo è possibile vedere il “Perché usare Booking.com?” sezione che include sei vantaggi che sono tutti in accordo con i valori del viaggiatore medio (prezzo basso, gamma di scelta del consiglio, facilità d'uso dell'interfaccia, sistema di revisione popolato, servizio clienti di qualità e disponibilità 24 ore su 24, 7 giorni su 7).
Naturalmente questi valori sono redatti in un altro modo coinvolgente è viene con collegamenti dove i potenziali clienti possono andare avanti. Il “Perché usare Booking.com” il widget è in effetti la versione migliorata del normale “Caratteristiche” sezione di un sito web medio di piccole imprese ma include molti elementi di supporto.
Il icone colorate, collegamenti evidenziati e dati specifici (ad esempio “701.118 proprietà in tutto il mondo”) tutti fanno credere agli utenti che si trovano su un sito web professionale di cui possono fidarsi. Il vetrina di luoghi popolari da Sydney a Dublino sul lato sinistro e il piccolo widget del ReviewCentre di terze parti supportano l'esperienza e creano fiducia.
10. Fornire prove sociali
Quando la gente parla di prove sociali di solito significa widget di social media come la foto di Facebook che è anche un grande elemento di UX ben progettato, ma la home page di TripAdvisor fornisce un ottimo esempio come funzionano altre forme di prova sociale.
Il concetto di prova sociale si basa su un principio psicologico che dice che le persone hanno più probabilità di fare qualcosa se vedono gli altri intorno a loro fare la stessa cosa. La validazione esterna è una grande motivazione per la maggior parte di noi, i progettisti così saggi costruiscono prove sociali nei propri siti in modo tale da incoraggiare i visitatori a ripetere il comportamento dei propri utenti.
Su TripAdvisor l'avvincente il contenuto sociale è integrato in una pratica navigazione a schede con tre sezioni: Recensioni degli Hotel, Foto fatte da utenti e Forum. Il titolo del widget è “Di cosa parlano i viaggiatori” che è meno invadente del sottotitolo medio su siti commerciali; quindi cattura immediatamente l'attenzione del visitatore.
La sezione Recensioni dell'hotel è progettata in modo intelligente rende il contenuto facile da digerire: una piccola foto del profilo e la classifica dell'utente che ha effettuato la revisione, il nome dell'hotel recensito, una breve citazione della recensione stessa e un'icona di classificazione che ben si adatta alla struttura generale del sito.
