UX Design 10 Things Travel Websites voi opettaa sinua
Onko se koskaan ylittänyt mielesi, että voit silti kasvaa ammattimaisesti, kun suunnittelet lomaa? Suosittuja matkailusivustoja, varaus- ja kassalomakkeita, reittisuunnittelijoita ja hotellin aikatauluja ovat kaikki erinomaiset lähteet parantaa tietämystäsi käyttäjäkokemuksen suunnittelussa.
Kun valitset parhaita paikkoja, hotelleja ja ajoituksen aikataulussa, on hyvä kiinnittää huomiota siihen, mikä toimii ja mikä ei, mikä inspiroi sinua ja mikä tekee sinusta heti hypätä toiseen sivustoon. Reaktiot, ilot ja aversions ovat kaikki upeita piirteitä sivuston käyttäjäkokemuksen suunnittelun tehokkuudesta.
Tässä artikkelissa voit oppia 10 oppituntia käyttäjäkokemuksesta, jonka voit noutaa suosituilta matkailusivustoilta.
UI: n ja UX: n välinen ero
UX ei ole UI, se on kuin kirjoittamaton laki. Kun luet verkkosivuston käytettävyydestä, sinun täytyy miettiä sen käyttöliittymää (UI). Käyttöliittymä on a joukko erilaisia visuaalisia elementtejä kuten valikot, painikkeet ja kuvakkeet, joita kävijät käyttävät (klikkaa, vie päälle, napauta), kun he ovat vuorovaikutuksessa verkkosivustosi kanssa.
Käytettävyys on käyttäjäliittymää (UI) kuvaava laatu. Käytettävyys näyttää UI: n tehokkuuden, kuten kuinka helppoa on käyttää verkkosivustoa (Opittavuutta), kuinka nopeasti käyttäjät voivat saavuttaa tiettyjä tavoitteita (Tehokkuus), kuinka helposti he voivat muistaa muistojaan siitä, miten sivusto toimii (muistettavuus), ja kuinka miellyttävä käyttää (käyttäjän tyytyväisyys).
Käytettävyys on yksi osa monimutkaisempaa käsitteitä, joita kutsutaan käyttäjäkokemukseksi (UX). Käyttäjäkokemus sisältää kaiken, joka vaikuttaa käyttäjän kokemuksiin - joko negatiivisesti tai positiivisesti. Hyvä UX täyttää kaikki mahdollisten asiakkaiden tarpeet - hyvä käytettävyys ja monet muut asiat.
Käyttökokemusyhtiö Nielsen-Norman Groupin mukaan:
1. Anna käyttäjille paikka aloittaa
Ensinnäkin sinun täytyy anna vierailijoillesi paikka, josta he voivat aloittaa. Se on yleensä kotisivut, joka saa eniten napsautuksia, ei vain siksi, että se on sivuston pääsisäänkäynti, mutta kun käyttäjät tulevat hakukoneesta, seuraava napsautus on todennäköisesti kotisivu..
Siksi sinun täytyy tarjoavat mielenkiintoista sisältöä ja ulkoasua kotisivulla jos haluat pitää kävijät sivustossasi.
Booking.comin kotisivu osoittaa, että he ymmärtävät asiakkaidensa tarpeet hyvin. Ajatelkaa sitä. Mitä haluat tehdä matkasivustolla? Tiedät, mihin haluat mennä, ja haluat etsiä mahdollisuuksia mahdollisimman nopeasti tai et ole varma matkasi sijainnista ja tarvitset inspiraatiota.
Booking.com sijoittui koko hakulomake vasemmalla puolella sen kotisivulle niille, jotka ovat varmoja tulevasta matkastaan. Vierailijoiden ei tarvitse tuhlata aikaa selaamalla merkityksettömän sisällön kautta. Tämä jättää heille lisääntyneen päättäväisyyden ja lisääntyneen itseluottamuksen.
Jäljellä oleva tila näytöllä taiton päällä antaa paljon inspiraatiota vähemmän määritellylle: kolme suurta kuvaa suosituista paikoista (Abu Dhabi, New York City ja Dubai) tarjoavat ehdotuksia, AJAX-virtaus “Vain varattu” matkat osoittavat, mitä muut käyttäjät ovat tällä hetkellä, ja siellä on jopa pieni osa, joka takaa mahdollisille asiakkaille vapaan peruutusehdot.
Booking.comin kotisivulla jokaisella on tarvittavat kannustimet ja positiiviset tunteet liikkua sivustolla ennen kuin kosketat vierityspalkkia.
2. Tee navigointi ilmeiseksi
Jos haluat, että käyttäjät pysyvät sivustossasi, sinun on annettava heille selkeä ja helppokäyttöinen navigointi.
TimeOut.comin navigointi on kuin älykäs isäntä: se antaa kävijöille arvokasta apua, kun he tarvitsevat sitä, mutta eivät häiritse niitä. Jos tarkastelet alla olevaa kuvaa, näet, että navigointijärjestelmä on neljä eri elementtiä: valtava, helposti tunnistettavissa oleva hakupalkki, päävalikko, jossa on selkeästi määritellyt kohdat (kaupunginoppaat; elokuva, musiikki, taide ja kulttuuri; ruoka ja juoma; meistä; aika-aikakauppa), hyvin suunniteltu leipäkerho ja sivupalkki suosituimpien kaupunkien luettelo.
TimeOut suunnitteli navigointijärjestelmänsä niin intuitiivisesti, että kävijät saavat lisää kannustimia tutustua sivustoon. Pieni pikkukuva jokaisen sivupalkin vieressä antaa visuaalisen avaimen, lyhyt kuvaus Food & Drink -otsikon alla varmistaa, että he ovat oikeassa paikassa, leipäkerhot tekevät siitä erittäin helpon siirtyä, ja ylimmän hakupalkin avulla käyttäjät voivat siirtyä seuraavaan paikkaan, jos ne ovat kyllästyneet nykyisen sijainnin kanssa.
Jokainen elementti tukee muita - selkeä merkki suuresta UX-suunnittelusta.
3. Käytä suurikokoisia kuvia
Alla oleva kuvakaappaus on yksi yhteisön ravintolaprofiilin sivuista. Olen varma, että olet jo lukenut, että valokuvakuvat eivät ole hyviä käyttökokemuksia: he tavallisesti kävivät kävijöitä ja eivät motivoi heitä siirtymään siirtymäsuppilossa.
Varastokuvien vaihtoehto on suuri vaikutus, joka herättää käyttäjille vahvoja tunteita. Ja me kaikki tiedämme sen lisääntyneet tunteet lisäävät asiakasuskollisuutta.
Matkailusivustot käyttävät yleensä korkealaatuisia kuvia, mutta TripAdvisor vie sen seuraavalle tasolle kannustetaan käyttäjiä lisäämään omia valokuvia jokaiseen ravintolaan. Tällä tavoin TripAdvisor maustaa sisältöä käyttäjien luomat kuvat, jotka ovat yleensä mielenkiintoisempia keskimääräisen matkasivuston kävijälle kuin ammattilaisten tekemät kuvat.
Vertaispaine on yksi vahvimmista motiiveista. TripAdvisor myös pitää visuaalista sisältöä tuoreena lisäämällä käyttäjien tekemiä suurikokoisia valokuvia.
4. Pidä se yksinkertaisena
Vähemmän on yleensä enemmän, joten on aina hyvä ajatus pitää asiat yksinkertaisina ja keskittyä vain asiaankuuluviin tietoihin. Maailma on niin täynnä häiriötekijöitä, että kävijät ovat varmasti kiitollisia, jos säästät ne tarpeettomasta fluffista.
“Pidä se yksinkertaisena” on UX-periaate, jota Lonely Planet näki näennäisesti kotisivullaan. tärkeimmät aiheet että juonittelu heidän käyttäjilleen järjestetty siistinä kuvakkeina tukema yksi tai kaksi sanaa pitkät otsikot.
LonelyPlanetin kotisivut ovat erityisen älykkäitä käyttäjäkokemuksen näkökulmasta, koska pikkukuvat toimivat myös navigoinnin aikana antaa käyttäjille helposti ymmärrettävän visuaalisen avaimen.
Ruudukko on reagoiva, joten se toimii jokaisella näkymäruudulla. Mobiilisovelluksissa ja tablet-koossa pienoiskuvat näyttävät mobiilisovellusten kuvakkeina joka on tuttu ulkoasu kaikille mobiilikäyttäjille, ja tuntemus on myös jotain, joka antaa vierailijoille mukavuutta, mikä lisää heidän sitoutumistaan sivustoon.
5. Käytä Action-verbejä
Olet todennäköisimmin perehtynyt urakehitysversioihin. Toiminta-verbit eivät vain osallistu rekrytoijien skannaamiseen uudelleen, vaan myös verkkosivustoja, jotka selaavat verkossa.
Suosittu majoituspaikkojen yhteiskäyttöverkosto, AirBnB käyttää niitä kaikkialla sivustollaan. Kuulua missä tahansa, Vuokrata, Lista tilaa, Tutustu paikkoja, Tutkia maailma, nähdä missä ihmiset matkustavat, Jaa kokemuksesi jne.
Toimintakielet ovat uskomattoman tehokkaita, koska ne siirrä käyttäjiä passiivisesta tilasta aktiiviseen. Positiiviset kokemukset edellyttävät aina toimintaa käyttäjän puolesta; Siksi seikkailupuistot ovat niin suosittuja.
Loppujen lopuksi mitä muistat enemmän? Jotain mitä teit itse tai jotain, jonka vain lukit kirjasta? nähdä? Myös vuorovaikutus harjoittaa sinua. Joten jos haluat lisätä sivustosi käyttäjäkokemusta, älä epäröi käyttää toiminta-verbejä, jos ne ovat tarkoituksenmukaisia.
6. Tehosta lomakkeita
Kuten liian monimutkaiset muodot johtavat usein välittömään luopumiseen älykkäin asia, jonka voit tehdä käyttäjien kokemusten vuoksi, on tehostaa sivustosi lomakkeita niin paljon kuin mahdollista. Mitä tarkoitan virtaviivaistuksessa?
Näet erinomaisen esimerkin, jos otat kuunnella etsinnän yleispalvelumuotoa kotisivullaan. Pricelinein hakulomakkeet ovat piilotettu kätevässä vaakasuorassa välilehdessä.
Välilehdet sisältävät viisi eri hakulomaketta, jotka liittyvät viiteen alueeseen (hotellit, lennot, autot, lomapaketit, risteilyt)..
Todella viileä asia tässä on, että käyttäjien ei tarvitse vaivautua asioihin, joita he eivät ole kiinnostuneita, he voivat hypätä oikealle hakulomakkeelle, jota he tarvitsevat. Siksi he ovat ei rasita ylimääräisiä tietokenttiä, lomakekentät säilytetään absoluuttisen vähimmäisarvon mukaan lisääntynyt tehokkuus, vähäinen ärsytys ja nopea ymmärrys - paras käyttäjäkokemus koskaan.
7. Vaikuta henkilökohtaisiin tarinoihin
GoBackpacking.comin kotisivulla voit lisätä käyttäjän sitoutumista henkilökohtaisten tarinoiden älykkään käytön avulla, kuten itse asiassa..
Todellisten ihmisten seikkailut ovat aina mielenkiintoisempia kuin ylirakenteinen markkinointi. Vierailijat eivät halua lukea samoja väsyttäviä klisejä, joita he voivat lukea kilpailijan sivustolta - ne voivat jopa luoda saman matalan iskunkestävän pätkän itse.
Arvostelut, arviot, ohjatut ja valvotut kommentit, tilat, blogipostit, henkilökohtaiset tarinat, suositukset, kaikki lisäävät sivustosi persoonallisuutta laadukkaan tiedon käyttöönotto, jonka kävijät voivat emotionaalisesti muodostaa yhteyden.
GoBackpackingin kotisivulla on henkilökohtaisia tarinoita käyttäjistään, mikä tekee kävijöistä upotuksen välittömästi sivuston sisältöön tietämättä sitä.
8. Sisällytä liittyvät tuotteet
Kaikki suuret sähköisen kaupankäynnin pelaajat käyttävät asiaan liittyviä, suositeltuja ja suosittuja tuote-widgettejä, joten ei ole suurta yllätystä, että myös matkailusivustot hyödyntävät niitä.
HotelTravel.Com ratkaisee tehtävän hyvin hankalalla ja tehokkaalla tavalla. Sen suositusmoottori ottaa sijainnin, jonka kävijä etsii - meidän tapauksessamme se on Hongkong - ja näyttää lisää muiden käyttäjien suosittelemat hotellit. Myös niihin liittyvät hotellit ovat suositeltavia, 2-in-1-ratkaisu, joka on aina hyvä idea.
HotelTravel.Comin suunnittelijat ottivat vielä yhden askeleen pidemmälle ja sijoittivat liittyvät tuotteet käteväksi harmoniaksi jonka avulla käyttäjä voi ryhmän suosituksia neljän eri kriteerin mukaan (Best Value, Best Service, Best Room Standard, Best Location).
Jos haluat, että widget on mielenkiintoinen luokitus, hinta, pieni pikkukuva ja lyhyt tarjous viimeisimmästä arvostelusta sisältyvät myös antaa mahdollisimman paljon apua vierailijoille päättää, mikä majoitus sopii parhaiten heidän tarpeisiinsa.
9. Keskustele eduista
Näytetään kävijät sivustosi hyödyllisyydestä aina käyttäjäystävällisemmäksi kuin tuhoamalla ne kuivilla tosiasioilla, jotka tekevät niistä nukahtamisen.
Booking.comin kotisivulla näemme tämän UX-suunnitteluperiaatteen älykkään hyödyntämisen. Näytön oikeassa reunassa näkyy “Miksi Booking.comia käytetään?” osio, joka sisältää kuusi etua jotka kaikki ovat keskimääräisen matkustajan arvojen mukaisia (alhainen hinta, lautavalikoima, käyttöliittymän helppokäyttöisyys, asuttu tarkistusjärjestelmä, laadukas asiakaspalvelu ja 24/7 saatavuus).
Tietenkin nämä arvot on laadittu enemmän mielenkiintoinen tapa ja tule linkeillä jossa mahdolliset asiakkaat voivat siirtyä eteenpäin. “Miksi Booking.comia käytetään” widget on itse asiassa tavallisen version parannettu versio “ominaisuudet” jakso keskisuuren pienyrityksen verkkosivuston, mutta se sisältää monia tukielementtejä.
värikkäitä kuvakkeita, korostettuja linkkejä ja tiettyjä tietoja (kuten “701 118 asuntoa ympäri maailmaa”) kaikki auttavat käyttäjiä uskomaan, että he ovat ammattimaisella verkkosivustolla, johon he voivat luottaa. esitellään suosittuja paikkoja Sydneystä Dubliniin vasemmalla puolella ja kolmannen osapuolen ReviewCentren pieni widget tukee kaikkia kokemuksia ja luottaa luottamukseen.
10. Anna sosiaalinen todistus
Kun ihmiset puhuvat sosiaalisesta todisteesta, he yleensä tarkoittavat sosiaalisen median widgettejä, kuten Facebook, joka on myös hyvä osa hyvin suunniteltua UX: ää, mutta TripAdvisorin kotisivu tarjoaa erinomaisen esimerkin miten muut sosiaalisen työn muodot.
Sosiaalisen todistuksen käsite perustuu psykologiseen periaatteeseen, jossa sanotaan, että ihmiset tekevät enemmän jotain jos he näkevät muita heidän ympärillään tee sama asia. Ulkoinen validointi on suuri motivaatio useimmat meistä, joten viisaat suunnittelijat rakentavat sosiaalisia todisteita sivustoilleen siten, että kävijät kannustavat toistamaan muiden käyttäjien käyttäytymistä.
TripAdvisorissa harjoittaa sosiaalinen sisältö on rakennettu kätevään välilehdellä kolme osaa: Hotellin arviot, käyttäjien tekemät valokuvat ja foorumit. Widgetin nimi on “Mitä matkustajat puhuvat” mikä on vähemmän painavaa kuin keskimääräinen tekstitys kaupallisissa kohteissa; se vie kävijän silmän heti.
Hotel-arvostelut on suunniteltu älykkäästi tekee sisällön helposti sulavaa: pieni profiilikuva ja arvioivan käyttäjän sijoitus, tarkistetun hotellin nimi, lyhyt viittaus itse tarkastelusta ja luokituskuvake, joka sopii hyvin sivuston yleiseen suunnitteluun.
