UX Design 10 asjad Travel Websites saab õpetada teile
Kas see on kunagi teie meelt ületanud, et saate oma puhkuse kavandamisel professionaalselt kasvada? Populaarsed reisileheküljed, broneerimis- ja kassavormid, reisi planeerijad ja hotelli sõiduplaanid on suurepärased allikad täiustada oma teadmisi kasutaja kogemuse kujundamise valdkonnas.
Parimate asukohtade, hotellide ja reisi ajastamise valimisel on hea mõte pöörata tähelepanu sellele, mis toimib ja mis mitte, mis inspireerib teid ja mis teeb teid kohe teisele saidile hüpata. Teie reaktsioonid, rõõmud ja aversions on kõik suurepärased saidi kasutajate kogemuste disaini tunnused.
Selles artiklis saate õppida 10 lugu kasutajate kogemustest, mida saate populaarsetest reisilehekülgedest kätte saada.
Erinevus UI ja UX vahel
UX ei ole UI, see on nagu kirjutamata seadus. Kui lugete veebisaidi kasutatavusest, peate mõtlema selle kasutajaliidese (UI) üle. Kasutajaliides on a erinevate visuaalsete elementide kogum näiteks menüüd, nupud ja ikoonid, mida külastajad kasutavad (klõpsa, libistage, koputage), kui nad oma veebisaidiga suhtlevad.
Kasutatavus on kasutajaliidese (UI) kirjeldav kvaliteet. Kasutatavus näitab kasutajaliidese efektiivsust, näiteks kui lihtne on veebilehe kasutamine (õppimisvõime), kui kiiresti saavad kasutajad kindlaksmääratud eesmärke saavutada (tõhusus), kui kergesti nad mälestusi mäletavad kuidas veebisait toimib (meeldejääv) ja kui meeldiv on kasutada (kasutaja rahulolu).
Kasutatavus on keerulisema mõiste, mida nimetatakse kasutaja kogemuseks (UX), üks aspekt. Kasutaja kogemus hõlmab kõike, mis mõjutab kasutaja kogemusi - kas negatiivselt või positiivselt. Hea UX vastab kõigile potentsiaalsete klientide vajadustele - hea kasutatavus ja paljud teised asjad.
Kasutaja kogemuse uurimisfirma Nielsen-Norman Group sõnul:
1. Anna kasutajatele koht, kus alustada
Kõigepealt peate seda tegema andke oma külastajatele koht, kust nad saavad alustada. Tavaliselt on see kõige rohkem klikke saav koduleht, mitte ainult sellepärast, et see on saidi peamine sissepääs, kuid kui kasutajad tulevad otsingumootorist, on järgmine klõps tõenäoliselt koduleht.
Seetõttu peate seda tegema pakuvad kodulehe huvitavat sisu ja paigutust kui soovite oma külastajaid oma saidil hoida.
Booking.com kodulehekülg tõendab, et nad mõistavad oma klientide vajadusi hästi. Lihtsalt mõtle selle peale. Mida soovite reisilehel teha? Te teate, kuhu sa tahad minna ja tahad võimalusi võimalikult kiiresti otsida või te ei tea oma reisi asukohast ja vajate inspiratsiooni.
Booking.com paigutas vasakpoolne otsinguvorm oma kodulehele neile, kes on kindlad oma tulevase reisiga. Külastajatel ei ole vaja oma aega sirvida ebaolulise sisu kaudu. See jätab neile suurema kindluse ja enesekindluse.
Ülejäänud pind ekraanil annab palju vähem inspiratsiooni: kolm suurt pilti populaarsetest kohtadest (Abu Dhabi, New York City ja Dubai) pakuvad soovitusi, AJAXi voog umbes “Lihtsalt broneeritud” reisid näitavad, mida teised kasutajad praegu kasutavad, ja seal on isegi väike osa, mis tagab võimalikele klientidele tasuta tühistamispoliitika.
Booking.com koduleheküljel saavad kõik vajalikud stiimulid ja positiivsed tunded, et nad saidil edasi liikuda, enne kui puudutad kerimisriba.
2. Tee oma navigatsioon ilmseks
Kui soovite, et kasutajad jääksid teie saidile, peate andma neile ilmselge ja lihtsalt kasutatava navigatsiooni.
TimeOut.comi navigatsioon on nagu nutikas perenaine: see annab külastajatele väärtuslikku abi, kui seda vajab, kuid ei pahanda neid. Kui vaatate allolevat pilti, näete, et navigatsioonisüsteem on olemas neli erinevat elementi: suur, kergesti äratuntav otsinguriba, peamenüü koos selgelt määratletud objektidega (City Guides; Film; Muusika, Kunst ja Kultuur; Toit ja jook; Firmast; Aeg Out Shop); kõige populaarsemate linnade loetelu.
TimeOut kavandas oma navigatsioonisüsteemi nii intuitiivsel viisil, mis annab külastajatele täiendavaid stiimuleid saidi uurimiseks. Väike pisipilt iga külgriba kõrval annab visuaalse võtme, lühike kirjeldus toidu ja joogi pealkirja all tagab külastajatele õige koha, kärnkärud muudavad selle ülimalt lihtsaks ja ülemine otsinguriba aitab kasutajatel hüpata järgmisele asukohale, kui nad on praegusest igav..
Iga element toetab teisi - selge märk suurest UX disainist.
3. Kasutage suurt mõju kujutist
Alltoodud pilt on üks ühenduse restoraniprofiili lehekülgedest. Olen kindel, et olete juba lugenud, et varude fotod ei tee head kasutaja kogemust: nad kandsid tavaliselt külastajaid ja ei motiveeri neid liikumislehel edasi liikuma.
Varude fotode alternatiiviks on suure mõjuga kujutised, mis kutsuvad esile kasutajate tugevaid emotsioone. Ja me kõik teame seda suurenenud emotsioonid suurendavad klientide lojaalsust.
Reisilehed kasutavad tavaliselt kõrgekvaliteedilisi pilte, kuid TripAdvisor võtab selle järgmisele tasemele julgustades kasutajaid oma fotosid lisama igale restoranile. Sel viisil toidab TripAdvisor oma sisu kasutaja loodud kujutised, mis on tavaliselt huvitavamad keskmisele reisikülastajale kui professionaalide tehtud fotod.
Vastastikune surve on üks tugevamaid motivatsioone. TripAdvisor hoiab oma visuaalset sisu värskena lisades kasutajate poolt tehtud suure mõjuga fotosid.
4. Hoidke see lihtne
Vähem on tavaliselt rohkem, seega on alati hea mõte asju lihtsaks hoida ja keskenduda ainult asjakohasele teabele. Maailm on nii täis segadust, et teie külastajad on kindlasti tänulikud, kui salvestad need tarbetust kohmast.
“Hoidke see lihtne” on UX-i põhimõte, mida Lonely Planet näib oma kodulehel järgides. The kõige olulisemad teemad mis on nende kasutajate intriig paigutatud korrapärasesse atraktiivsete pisipiltide võrku toetab üks või kaks sõna pikkade pealkirjadega.
LonelyPlaneti kodulehekülg on eriti arukas kasutajakogemuse aspektist, kuna pisipildid toimivad ka navigeerimise ajal anda kasutajatele kergesti arusaadav visuaalne võti.
Võrk on reageeriv, nii et see toimib iga vaateaknas. Mobiil- ja tablettide suuruses näevad pisipildid mobiilirakenduste ikoone mis on kõigile mobiilikasutajatele tuttav paigutus, ja tuttavus on ka midagi, mis annab külastajatele mugavuse, suurendades seeläbi oma suhtlemist saidiga.
5. Kasutage Action Verbs-i
Tõenäoliselt olete tuttav karjäärisaitide tegevuse tegusõnadega. Tegevuste tegusõnad ei hõlma ainult värbajate skaneerimist jätkamise kaudu, vaid ka veebi külastavaid veebisaite.
Populaarne majutuskohtade jagamise sotsiaalne võrgustik, AirBnB kasutab neid kõikjal oma saidil. Kuulge kõikjal, Rent, Nimekiri oma ruumi, Avasta kohad, Avasta maailm, Vaata kus inimesed reisivad, Jaga teie kogemus jne.
Toimingutegurid on uskumatult tõhusad, sest nad on liikuge passiivsest olekust aktiivsesse. Positiivsed kogemused nõuavad alati kasutaja nimel tegutsemist; seepärast on seikluspargid nii populaarsed.
Lõppude lõpuks, mida sa rohkem mäletad? Midagi, mida sa tegid ise või midagi, mida te lihtsalt raamatus lugesite? Vaata? Koostoime ka teid. Seega, kui soovite oma saidi kasutajakogemust suurendada, ärge kartke kasutada tegevuskeeli, kus need sobivad.
6. Vormide ühtlustamine
Nagu liiga keerulised vormid viivad sageli kohest loobumiseni targem asi, mida saate oma kasutajate kogemuste eest teha, on veebisaidi vormide ühtlustamine nii palju kui võimalik. Mida ma mõtlen sujuvamaks muutmise all?
Näete suurepärane näide, kui võtate oma kodulehe pealtnäha otsingu vormis. Priceline otsinguvormid on peidetud mugav horisontaalne vahekaardiga navigeerimise sektsioon.
Vahekaardid sisaldavad viit erinevat otsinguvormi, mis on seotud viie valdkonnaga (hotellid, lennud, autod, puhkusepaketid, kruiisid)..
Tõesti lahe asi on see, et kasutajad ei pea muretsema asjadega, mida nad ei huvita, nad saavad hüpata paremale otsinguvormile, mida nad vajavad. Seepärast nad on ei koormata täiendavate andmeväljadega, vormi väljad hoitakse absoluutse miinimumini, mis tähendab suurenenud tõhusus, vähendatud pahameelt ja kiire mõistmine - parim kasutaja kogemus.
7. Tehke mõju isiklike loodega
GoBackpacking.com koduleheküljel saate suurendada kasutajate kaasamist isiklike lugude nutika kasutamisega, nagu te tegelikult seda kogete..
Reaalsete inimeste seiklused on alati huvitavamad kui liigne rafineerimine. Teie külastajad ei soovi lugeda samu väsitavaid kliše, mida nad oma konkurendi saidil lugeda saavad - nad saavad isegi ise sama madala mõjuga bletheri luua.
Arvamused, hinnangud, suunatud ja modereeritud kommentaarid, staatused, blogipostitused, isiklikud lood, soovitused, kõik lisavad teie saidile isikupära kvaliteetsete andmete tutvustamine, mida külastajad saavad emotsionaalselt ühendada.
GoBackpacking kasutab oma kodulehekülge oma kasutajate isiklike lugudega, mis muudab külastajad koheselt saidi sisule, ilma et ta seda teadis.
8. Kaasa seotud tooted
Kõik suured e-kaubanduse mängijad kasutavad sellega seotud, soovitatavaid ja populaarseid toote vidinaid, mistõttu ei ole üllatav, et ka reisilehed kasutavad neid võimendavat mõju.
HotelTravel.Com lahendab selle ülesande väga keerulisel ja tõhusal viisil. Selle soovitusmootor võtab asukoha, mida külastaja otsib - meie puhul on see Hongkong - ja näitab veel rohkem teiste kasutajate soovitatud hotellide valikud. Seotud hotellid on ka soovitatavad, 2-in-1 lahendus, mis on alati hea mõte.
HotelTravel.Comi disainerid võtsid veel ühe sammu edasi ja paigutasid seotud tooteid mugavaks akordioniks mis võimaldab kasutajal rühma soovitused nelja erineva kriteeriumi järgi (parim väärtus, parim teenindus, parim tuba, parim asukoht).
Vidina visuaalseks huvitamiseks hind, hind, väike pisipilt ja viimane ülevaatus on samuti lisatud anda külastajatele maksimaalset abi otsustada, milline majutus sobib kõige paremini nende vajadustele.
9. Rääkige eelistest
Näitades külastajatele kasulikkust, mida nad saidil saavad, on see alati kasutajasõbralikum kui need, kes neid kuivade faktidega rikuvad, mistõttu nad magama jäävad.
Booking.com kodulehel näeme selle UX disaini põhimõtte arukat kasutamist. Ekraani paremas servas on näha “Miks kasutada Booking.com?” osa, mis sisaldab kuus kasu mis kõik on kooskõlas keskmise reisija väärtustega (madal hind, valikuvõimalused, liidese kasutamise lihtsus, asustatud ülevaatussüsteem, kvaliteetne klienditeenindus ja ööpäevaringne kättesaadavus).
Loomulikult on need väärtused koostatud rohkem huvitaval viisil ja tule lingidega kus potentsiaalsed kliendid saavad edasi liikuda. The “Miks kasutada Booking.com” vidin on tegelikult regulaarse versiooni täiustatud versioon “Omadused” lõik keskmise väikeettevõtte veebisaidi kohta, kuid see sisaldab paljusid toetavaid elemente.
The värvilised ikoonid, esiletõstetud lingid ja konkreetsed andmed (nagu näiteks “701 118 kinnisvara maailmas”) kõik panevad kasutajad uskuma, et nad on professionaalsel veebisaidil, millele nad saavad usaldada. The tutvustatakse populaarseid asukohti Sydneyst Dublinisse vasakul ja kolmanda osapoole ReviewCentre'i väike vidin toetab kõiki kogemusi ja usaldust.
10. Esitage sotsiaalne tõend
Kui inimesed räägivad sotsiaalsetest tõenditest, tähendab see tavaliselt sotsiaalmeedia vidinaid nagu Facebook, mis on ka suurepärane osa hästi kavandatud UX-ist, kuid ühenduse kodulehekülg annab suurepärase näite kuidas muud sotsiaalse tõendamise töö vormid.
Sotsiaalse tõendusmaterjali mõiste põhineb psühholoogilisel põhimõttel, mis ütleb, et inimesed teevad midagi tõenäolisemalt kui nad näevad teisi nende ümber teha sama. Väline valideerimine on suur motivatsioon enamiku meie jaoks loovad targad disainerid sotsiaalset tõendit oma saitidele viisil, mis julgustab külastajaid oma kaaskasutajate käitumist kordama.
Kogukonna huvides tegutsevad riigid sotsiaalne sisu on ehitatud mugavasse vahekaardil navigeerimist kolme sektsiooniga: hotelli ülevaated, kasutajate tehtud fotod ja foorumid. Vidina pealkiri on “Mida räägivad reisijad” mis on vähem keskmisest subtiitrist kaubanduslikel aladel; seetõttu püüab ta koheselt külastaja silma.
Hotelli ülevaated on mõeldud arukalt muudab sisu kergesti seeditavaks: väike profiilifoto ja vaadeldava kasutaja edetabel, kontrollitud hotelli nimi, lühike tsitaat ülevaatusest ja reitingu ikoon, mis sobib hästi saidi üldise kujundusega.
