UX dizajn 10 stvari Putničke web stranice mogu vas naučiti

Je li vam ikada palo na pamet da i dalje možete profesionalno rasti dok planirate svoj odmor? Popularne web-lokacije za putovanja, obrasci za rezervacije i naplate, planeri putovanja i hotelski rasporedi su izvrsni izvori unaprijedite svoje znanje u području dizajna korisničkog iskustva.

Prilikom odabira najboljih lokacija, hotela i zakazivanja putovanja, dobro je obratiti pozornost na ono što funkcionira, a što ne, što vas inspirira i što vas odmah vraća na drugu web-lokaciju. Vaše reakcije, užitci i odbojnosti su velika obilježja učinkovitosti dizajna korisničkog doživljaja web-lokacije.

U ovom članku možete naučiti 10 lekcija o korisničkom iskustvu koje možete preuzeti s popularnih web-lokacija za putovanja.

Razlika između korisničkog sučelja i UX-a

UX nije UI, to je kao neispisan zakon. Kada čitate o upotrebljivosti web-lokacije, morate razmisliti o korisničkom sučelju (UI). Korisničko sučelje je skup različitih vizualnih elemenata kao što su izbornici, gumbi i ikone koje vaši posjetitelji koriste (kliknite na, lebdite na, dodirnite) kada su u interakciji s vašom web-lokacijom.

Upotrebljivost je kvaliteta koja opisuje korisničko sučelje (UI). Upotrebljivost pokazuje učinkovitost korisničkog sučelja kao što je kako je jednostavno koristiti web stranicu (Learnability), koliko brzo korisnici mogu postići određene ciljeve (Učinkovitost), kako se lako mogu prisjetiti svojih sjećanja o načinu rada web-lokacije (memorabilnost) i kako je ugodno koristiti (zadovoljstvo korisnika).

Upotrebljivost je jedan aspekt složenijeg pojma koji se naziva korisničko iskustvo (UX). Korisničko iskustvo uključuje sve što utječe na iskustvo korisnika - ili negativno ili pozitivno. Dobar UX zadovoljava sve potrebe potencijalnih kupaca - dobra upotrebljivost i mnoge druge stvari.

Prema istraživanju tvrtke za istraživanje korisničkih iskustava grupe Nielsen-Norman:

1. Dajte korisnicima mjesto za početak

Prvo i najvažnije, morate dajte posjetiteljima mjesto odakle mogu početi. Obično je to početna stranica koja prima najviše klikova, a ne samo zato što je glavni ulaz na web-lokaciju, ali kada korisnici dolaze iz tražilice, sljedeći će klik najvjerojatnije biti početna stranica.

Stoga trebate ponuditi zanimljiv sadržaj i izgled na početnoj stranici ako želite zadržati svoje posjetitelje na svojoj web-lokaciji.

Početna stranica Booking.com-a dokazuje da dobro razumiju potrebe svojih klijenata. Samo razmisli o tome. Što želite učiniti na stranicama za putovanja? Ili znate gdje želite ići i želite potražiti mogućnosti što brže možete, ili niste sigurni gdje se nalazite i trebate inspiraciju.

Booking.com je postavio opći obrazac za pretraživanje na lijevoj strani svoje početne stranice za one koji su sigurni u svoje buduće putovanje. Posjetitelji ne moraju trošiti svoje vrijeme na pregledavanje nevažnih sadržaja. To ih ostavlja s povećanom odlučnošću i jačanjem samopouzdanja.

Preostali prostor na zaslonu preko poklopca daje mnogo inspiracije manje odlučnim: tri velike slike popularnih lokacija (Abu Dhabi, New York i Dubai) daju prijedloge, a AJAX stream o “Samo rezervirano” putovanja pokazuju što drugi korisnici trenutno rade, a postoji i mali odjeljak koji osigurava potencijalnim klijentima pravila o besplatnom otkazivanju.

Na početnoj stranici Booking.com-a svatko dobiva potrebne poticaje i pozitivne osjećaje za kretanje na web-mjestu prije nego što dodirne klizač.

2. Učinite vašu navigaciju očiglednom

Ako želite da korisnici ostanu na vašoj web-lokaciji, morate im pružiti očitu i jednostavnu navigaciju.

Navigacija TimeOut.com je poput pametne hostese: posjetiteljima daje dragocjenu pomoć kada im je potrebna, ali ih ne nervira. Ako pogledate sliku ispod, možete vidjeti da navigacijski sustav ima četiri različita elementa: ogromna, lako prepoznatljiva traka za pretraživanje, glavni izbornik s jasno definiranim stavkama (gradski vodiči, film, glazba, umjetnost i kultura; hrana i piće; o nama; prodavaonica Time Out), dobro dizajnirana traka za kruh i bočna traka popis najpopularnijih gradova.

TimeOut je dizajnirao svoj navigacijski sustav na takav intuitivan način koji posjetiteljima daje dodatne poticaje za istraživanje mjesta. Mala sličica pored svake stavke bočne trake daje vizualni ključ, kratki opis pod naslovom Hrana i piće osigurava posjetiteljima da su na pravom mjestu, krušne mrvice čine ga vrlo lakim za kretanje, a gornja traka za pretraživanje korisnicima omogućuje prelazak na sljedeću lokaciju ako im je dosadio trenutni.

Svaki element podržava druge - jasan znak velikog UX dizajna.

3. Koristite visokoučinkovite slike

Slika zaslona ispod je jedne od profila profila restorana na TripAdvisoru. Siguran sam da ste već pročitali da fotografije na zalihama ne čine dobro korisničko iskustvo: one obično nose posjetitelje i ne motiviraju ih da se kreću naprijed u toku konverzije.

Alternativa fotografijama zaliha je snažna slika koja izaziva snažne emocije kod korisnika. I to svi znamo povećane emocije dovode do veće lojalnosti kupaca.

Putujuće web-lokacije obično koriste visokokvalitetne slike, ali TripAdvisor ih prelazi na sljedeću razinu poticanje korisnika na dodavanje vlastitih fotografija do svakog restorana. Na taj način TripAdvisor začinit će svoj sadržaj slike koje generira korisnik i koje su obično zanimljivije za prosječnog posjetitelja turističke stranice od fotografija koje su snimili profesionalci.

Pritisak vršnjaka je ipak jedna od najjačih motivacija. TripAdvisor također održava svjež vizualni sadržaj dodavanjem fotografija visokog učinka koje su snimili korisnici.

4. Držite ga jednostavnim

Manje je obično više, pa je uvijek dobro držati stvari jednostavnim i usredotočiti se samo na relevantne informacije. Svijet je toliko puna ometanja da će vaši posjetitelji sigurno biti zahvalni ako ih spasite od nepotrebnog dlaka.

“Neka bude jednostavno” je UX princip koji je Lonely Planet naizgled slijedio na svojoj početnoj stranici. najvažnije teme koje intrigiraju njihove korisnike raspoređenih u urednu mrežu privlačnih sličica prodržano od strane jedna ili dvije riječi duge naslove.

LonelyPlanetova početna stranica je posebno pametna s aspekta korisničkog iskustva jer sličice služe i kao navigacija dati korisnicima lako razumljiv vizualni ključ.

Rešetka je odgovorna tako da radi na svakom prikazu. Na veličini mobilnih uređaja i tableta sličice izgledaju kao ikone mobilnih aplikacija što je poznati izgled svim mobilnim korisnicima, a poznavanje je i nešto što pruža udobnost posjetiteljima i time povećava njihov angažman na web-lokaciji.

5. Koristite Glagole Action

Vjerojatno ste upoznati s glagolima iz karijere. Akcijski glagoli ne angažiraju samo one koji regrutiraju skeniranje kroz biografije, već i posjetitelje web-stranica koji pregledavaju web.

Popularna društvena mreža za dijeljenje smještaja, AirBnB ih koristi svugdje na svojoj web-lokaciji. pripadati bilo kuda, Najam, Popis Vaš prostor, Otkriti mjesta, Istražiti svijet, Vidjeti gdje putuju ljudi, Udio vaše iskustvo, itd.

Glagoli akcije su nevjerojatno učinkoviti jer oni premjestiti korisnike iz pasivnog stanja u aktivno. Pozitivna iskustva uvijek zahtijevaju aktivnost u ime korisnika; zato su pustolovni parkovi toliko popularni.

Nakon svega što se više sjećate? Nešto što ste učinili sami ili nešto što ste upravo pročitali u knjizi? Vidjeti? Interakcija vas također uključuje. Dakle, ako želite povećati korisničko iskustvo svog web-mjesta, nemojte se ustručavati koristiti akcijske glagole tamo gdje su prikladni.

6. Pojednostavite svoje obrasce

Kao previše komplicirani oblici često dovode do trenutnog napuštanja najpametnija stvar koju možete učiniti za iskustvo korisnika je da pojednostavnite obrasce na svojoj web-lokaciji koliko god je to moguće. Što mislim pod racionalizacijom?

Možete vidjeti odličan primjer ako zavirite u univerzalni obrazac za pretraživanje Priceline.com-a na njihovoj početnoj stranici. Pricelineovi obrasci za pretraživanje su skriveni unutar praktičnog horizontalnog dijela za navigaciju s karticama.

Kartice sadrže pet različitih obrazaca za pretraživanje koji se odnose na pet područja (hoteli, letovi, automobili, paketi za odmor, krstarenja).

Stvarno je kul to što korisnici ne moraju gnjaviti stvari za koje nisu zainteresirani, mogu skočiti pravo na obrazac pretraživanja koji im je potreban. Stoga jesu nije opterećeno dodatnim poljima podataka, polja obrasca se drže na apsolutnom minimumu, što znači povećana učinkovitost, smanjena smetnja i brzo razumijevanje - najbolje korisničko iskustvo ikad.

7. Učinite utjecaj osobnim pričama

Možete povećati angažman korisnika pametnom upotrebom osobnih priča, kao što to zapravo doživljavate, na početnoj stranici GoBackpacking.com.

Avanture pravih ljudi uvijek su zanimljivije od pretjerano rafiniranog marketinga. Vaši posjetitelji ne žele čitati iste zamorne klišeje koje mogu pročitati na web-lokaciji vašeg konkurenta - čak i sami mogu generirati isti bljesak s malim učinkom..

Recenzije, ocjene, usmjereni i moderirani komentari, statusi, postovi na blogu, osobne priče, preporuke i sve to dodaje osobnost vašoj web-lokaciji uvođenje visokokvalitetnih informacija s kojima se vaši posjetitelji mogu emocionalno povezati.

GoBackpacking popunjava svoju početnu stranicu osobnim pričama svojih korisnika, što posjetitelje odmah uranja u sadržaj web-lokacije, a da toga ni ne zna.

8. Uključite srodne proizvode

Povezane, preporučene i popularne widgete proizvoda koriste svi veliki igrači e-trgovine, tako da nije veliko iznenađenje da ih web-lokacije za putovanja također koriste.

HotelTravel.Com rješava zadatak na vrlo zahtjevan i učinkovit način. Njegova preporuka motor zauzima mjesto koje posjetitelj traži - u našem slučaju to je Hong Kong - i pokazuje još nešto hotelske opcije koje preporučuju drugi korisnici. Slični hoteli su također preporučeni, 2-u-1 rješenje koje je uvijek dobra ideja.

Dizajneri HotelTravel.Com su napravili još jedan korak dalje i postavili su srodnih proizvoda u praktičnu harmoniku koji omogućuje korisniku preporuke za grupe prema četiri različita kriterija (najbolja vrijednost, najbolja usluga, najbolja standardna soba, najbolja lokacija).

Kako bi widget bio vizualno zanimljiv, također je uključena i ocjena, cijena, mala sličica i kratak citat iz najnovijeg pregleda pružiti maksimalnu pomoć posjetiteljima odlučiti koji smještaj najbolje odgovara njihovim potrebama.

9. Razgovarajte o prednostima

Prikazivanje posjetitelja prednosti koje mogu ostvariti na vašoj web-lokaciji uvijek je lakše za upotrebu nego što im se dosađuje sa suhim činjenicama zbog kojih zaspu.

Na našoj početnoj stranici vidimo pametno korištenje ovog UX dizajnerskog načela. Na desnoj strani zaslona možete vidjeti “Zašto koristiti Booking.com?” odjeljak koji uključuje šest pogodnosti koji su u skladu s vrijednostima prosječnog putnika (niska cijena, raspon izbora, jednostavnost korištenja sučelja, naseljeni sustav pregleda, kvalitetna usluga za korisnike i dostupnost 24/7).

Naravno, ove vrijednosti se izrađuju u više privlačan način i dođite s vezama gdje potencijalni kupci mogu krenuti dalje. “Zašto koristiti Booking.com” zapravo je widget poboljšanu verziju regularnog “Značajke” odjeljak prosječnog web-mjesta male tvrtke, ali uključuje mnoge elemente podrške.

šarene ikone, istaknute veze i specifični podaci (kao što je “701.118 nekretnina širom svijeta”) svi korisnici vjeruju da su na profesionalnoj web-lokaciji kojoj mogu vjerovati. izlog popularnih lokacija od Sydneya do Dublina s lijeve strane i malog widgeta treće strane ReviewCentre podržavaju iskustvo i grade povjerenje.

10. Osigurati društveni dokaz

Kada ljudi govore o socijalnom dokazu, to obično znači widgete društvenih medija kao što je Facebook Likebox, koji je također odličan element dobro osmišljenog UX-a, ali TripAdvisor-ova početna stranica pruža izvrstan primjer kako drugi oblici socijalnog dokazivanja funkcioniraju.

Koncept socijalnog dokaza temelji se na psihološkom principu koji kaže da je vjerojatnije da će ljudi nešto učiniti ako vide druge oko sebe učinite isto. Vanjska validacija je velika motivacija za većinu nas, tako mudri dizajneri grade društvene dokaze na svojim web-lokacijama na način koji potiče posjetitelje da ponove ponašanje svojih kolega korisnika.

Na web-lokaciji TripAdvisor društveni sadržaj ugrađen je u praktičnu navigacijsku karticu s tri dijela: recenzije hotela, fotografije korisnika i forumi. Naslov widgeta je “O čemu putnici pričaju” koji je manje agresivan od prosječnog podnaslova na komercijalnim mjestima; stoga odmah hvata oko posjetitelja.

Odjeljak hotela Recenzije osmišljen je na pametan način čini sadržaj lako probavljivim: mala slika profila i rangiranje korisnika koji je pregledao, naziv recenziranog hotela, kratak citat iz same recenzije i ikonu ocjenjivanja koja dobro odgovara općem dizajnu web-lokacije.