UX Dizainas 10 dalykų, kuriuos galima išmokyti
Ar kada nors perėjo savo mintis, kad vis dar galite augti profesionaliai, kai planuojate atostogas? Populiarių kelionių svetainių, užsakymo ir kasos formų, kelionių planuotojų ir viešbučių tvarkaraščių yra puikus šaltinis patobulinkite savo žinias vartotojo patirties dizaino srityje.
Renkantis geriausias vietas, viešbučius ir planuodami kelionę, gera mintis atkreipti dėmesį į tai, kas veikia ir kas ne, kas jus įkvepia ir ką daro iš karto pereiti į kitą svetainę. Jūsų reakcijos, malonumai ir aversions yra visi puikūs svetainės naudotojo patirties dizaino efektyvumo bruožai.
Šiame straipsnyje galite sužinoti 10 pamokų apie vartotojų patirtį, kurią galite pasiimti iš populiarių kelionių svetainių.
Skirtumas tarp UI ir UX
UX nėra UI, tai panašu į nerašytas teisę. Skaitydami apie svetainės naudojimo galimybes, turite galvoti apie jo vartotojo sąsają (UI). Vartotojo sąsaja yra a įvairių vizualinių elementų rinkinys pvz., meniu, mygtukai ir piktogramos, kurias lankytojai naudoja (spustelėkite, užveskite, bakstelėkite), kai jie bendrauja su jūsų svetaine.
Naudojamumas yra kokybė, kuri apibūdina vartotojo sąsają (UI). Naudojamumas rodo vartotojo sąsajos efektyvumą, pvz., kaip lengva naudoti svetainę (mokomumas), kaip greitai vartotojai gali pasiekti nustatytus tikslus (efektyvumas), kaip lengvai jie gali prisiminti savo prisiminimus apie tai, kaip svetainė veikia (įsimintinumas), ir kaip malonu jį naudoti (vartotojų pasitenkinimas).
Naudojimas yra vienas sudėtingesnės sąvokos, vadinamos vartotojo patirtimi, aspektas. Vartotojo patirtis apima viską, kas turi įtakos vartotojo patirčiai - neigiamai arba teigiamai. Geras UX atitinka visus būsimų klientų poreikius - gerą naudojimą ir daugelį kitų dalykų.
Pasak vartotojo patirties tyrimo įmonės „Nielsen-Norman Group“:
1. Suteikite naudotojams vietą pradėti
Visų pirma, jums reikia suteikti lankytojams vietą, iš kurios jie gali pradėti. Paprastai pagrindinis puslapis gauna daugiausiai paspaudimų, o ne tik dėl to, kad jis yra pagrindinis svetainės įėjimas, bet kai vartotojai atvyksta iš paieškos sistemos, kitas paspaudimas greičiausiai bus pagrindinis puslapis.
Todėl jums reikia tinklalapyje siūlome įdomų turinį ir išdėstymą jei norite išlaikyti savo lankytojus svetainėje.
„Booking.com“ pagrindinis puslapis įrodo, kad gerai supranta savo klientų poreikius. Tik pagalvok apie tai. Ką norite daryti kelionės svetainėje? Jūs arba žinote, kur norite eiti ir norite ieškoti galimybių taip greitai, kaip jūs galite, arba nesate tikri dėl savo kelionės vietos ir jums reikia įkvėpimo.
Booking.com patalpino bendroji paieškos forma kairėje pusėje tiems, kurie yra tikri dėl savo būsimos kelionės. Lankytojai neturi praleisti laiko naršydami per nesusijusį turinį. Tai palieka jiems didesnį ryžtą ir pasitikėjimą savimi.
Likusi erdvė ekrane virš kartelio suteikia mažiau įkvėpimo mažiau nustatytoms: trys didelės populiarių vietų nuotraukos (Abu Dabis, Niujorkas ir Dubajus) teikia pasiūlymus, AJAX srautas apie “Tiesiog užsakyta” kelionės parodo, ką kiti vartotojai šiuo metu atlieka, ir netgi nedidelė dalis, užtikrinanti potencialius klientus apie nemokamą atšaukimo politiką.
„Booking.com“ pagrindiniame puslapyje visi gauna reikiamus skatinamuosius ir teigiamus jausmus, kad galėtų pereiti į svetainę prieš net paliesdami slinkties juostą.
2. Padarykite savo navigaciją akivaizdu
Jei norite, kad naudotojai liktų jūsų svetainėje, turite suteikti jiems aiškią ir lengvai naudojamą navigaciją.
„TimeOut.com“ navigacija yra tarsi protinga šeimininkė: ji suteikia lankytojams vertingą pagalbą, kai jiems to reikia, bet jų nekenčia. Jei pažvelgsite į toliau pateiktą nuotrauką, galite matyti, kad navigacijos sistema yra keturi skirtingi elementai: didžiulė, lengvai atpažįstama paieškos juosta, pagrindinis meniu su aiškiai apibrėžtais elementais (Miesto vadovai, filmai, muzika, menas ir kultūra; maistas ir gėrimai; apie mus; laiko išeikvojimo parduotuvė), gerai suprojektuotas kepsnių baras ir šoninė juosta populiariausių miestų sąrašas.
TimeOut sukūrė savo navigacijos sistemą tokiu intuityviu būdu, kuris suteikia lankytojams daugiau paskatų ieškoti svetainės. Maža miniatiūra šalia kiekvieno šoninės juostos elemento suteikia vaizdinį klavišą, trumpas aprašymas „Maisto ir gėrimų antraštėje“ užtikrina lankytojams tinkamą vietą, pjaustymo įrankiai tampa labai lengva judėti, o viršutinė paieškos juosta padeda vartotojams pereiti į kitą vietą, jei jie nuobodu su dabartine vietove.
Kiekvienas elementas palaiko kitus - aiškus puikus UX dizainas.
3. Naudokite didelio poveikio vaizdus
Žemiau esantis ekrano kopija yra vienas iš „TripAdvisor“ restoranų profilių puslapių. Esu įsitikinęs, kad jūs jau perskaitėte, kad atsargų nuotraukos nėra geros naudotojo patirties: jie paprastai lankė lankytojus ir neskatina jų judėti pirmyn konversijos piltuve.
Akcijų nuotraukų alternatyva - tai didelį poveikį turintys vaizdai, kurie sukelia stiprias emocijas vartotojams. Ir mes visi žinome padidėjusios emocijos padidina klientų lojalumą.
Kelionių svetainėse paprastai naudojamos aukštos kokybės nuotraukos, tačiau „TripAdvisor“ jį perkelia į kitą lygį skatinti vartotojus įtraukti savo nuotraukas prie kiekvieno restorano. Tokiu būdu „TripAdvisor“ pripildo savo turinį naudotojų sukurtus vaizdus, kurie paprastai yra įdomesni vidutiniam kelionių svetainės lankytojui nei profesionalų fotografijų.
Tarpusavio spaudimas yra vienas iš stipriausių motyvų. „TripAdvisor“ taip pat išlaiko savo vizualinį turinį pridedant naudotojų padarytas didelio poveikio nuotraukas.
4. Laikykite jį paprasta
Mažiau paprastai yra daugiau, todėl visada yra gera idėja, kad viskas būtų paprasta, ir sutelkti dėmesį tik į svarbią informaciją. Pasaulis yra toks pilnas, kad jūsų lankytojai tikrai bus dėkingi, jei juos išgelbėsite nuo nereikalingo pūkų.
“Daryk paprastai” yra „UX“ principas, kurį Lonely Planet tariamai sekė savo pagrindiniame puslapyje. The svarbiausi klausimai kad intriga jų naudotojai išdėstyti tvarkingame patrauklių miniatiūrų tinkle palaikoma vieno ar dviejų žodžių ilgos antraštės.
„LonelyPlanet“ pagrindinis puslapis yra ypač protingas iš naudotojų patirties aspektų, nes miniatiūros taip pat naudojamos kaip navigacija suteikti vartotojams lengvai suprantamą vaizdinį raktą.
Tinklelis reaguoja, todėl veikia kiekvienoje peržiūros srityje. Mobiliojo ir planšetinio kompiuterio dydžio miniatiūros atrodo kaip mobiliųjų programų piktogramos kuris yra susipažinęs su visais mobiliojo ryšio naudotojais, ir susipažinimas taip pat suteikia lankytojams patogumą, todėl didina jų dalyvavimą svetainėje.
5. Naudokite veiksmo veiksmažodžius
Jūs greičiausiai esate susipažinę su veiksmo veiksmažodžiais iš karjeros svetainių. Veiksmų veiksmažodžiai ne tik įtraukia įdarbintojus, kurie nuskaito per atnaujinimus, bet ir svetaines, kuriose naršoma internete.
Populiaraus apgyvendinimo tinklo socialinis tinklas „AirBnB“ juos naudoja visur savo svetainėje. Priklauso bet kur, Nuoma, Sąrašas savo erdvę, Atrasti vietose, Naršyti pasaulis, Pamatyti kur žmonės keliauja, Dalintis jūsų patirtis ir kt.
Veiksmo veiksmažodžiai yra neįtikėtinai efektyvūs, nes jie perkelti vartotojus iš pasyviosios būsenos į aktyvųjį. Teigiama patirtis visada reikalauja veiklos naudotojo vardu; todėl nuotykių parkai yra tokie populiarūs.
Galų gale, ką daugiau prisimenate? Kažkas, ką darėte pats arba ką tik skaitote knygoje? Pamatyti? Sąveika taip pat skatina jus. Taigi, jei norite padidinti svetainės naudotojo patirtį, nedvejodami naudokite veiksmo veiksmažodžius, kur jie yra tinkami.
6. Supaprastinkite formas
Kaip pernelyg sudėtingos formos dažnai sukelia greitą atsisakymą protingiausias dalykas, kurį galite padaryti naudodamiesi savo naudotojų patirtimi, yra racionalizuoti savo svetainės formas tiek, kiek įmanoma. Ką turiu omenyje supaprastinant?
Jūs galite matyti puikų pavyzdį, jei žiūrite į visuotinę paieškos formą savo pagrindiniame puslapyje. „Priceline“ paieškos formos yra paslėptas patogioje horizontalioje naršymo dalyje.
Skirtuke yra penkios skirtingos paieškos formos, susijusios su penkiomis sritimis (Viešbučiai, Skrydžiai, Automobiliai, Atostogų paketai, Kruizai)..
Iš tikrųjų vėlesnis dalykas yra tai, kad naudotojai neturi nerimauti su tuo, kad jie nesidomi, jie gali pereiti į reikiamą paieškos formą. Todėl jie yra papildomų duomenų laukų, formos laukai yra minimalūs, o tai reiškia didesnis efektyvumas, sumažėjęs erzinimas ir greitas supratimas - geriausia naudotojo patirtis.
7. Padarykite poveikį asmeninėms istorijoms
„GoBackpacking.com“ pagrindiniame puslapyje galite padidinti naudotojų dalyvavimą naudodami asmenines istorijas, kaip jūs iš tikrųjų patiriate.
Realių žmonių nuotykiai visada yra įdomesni nei pernelyg rafinuota rinkodara. Jūsų lankytojai nenori skaityti tų pačių varginančių klišių, kurias jie gali perskaityti savo konkurentų svetainėje - galų gale jie netgi gali sukurti tą patį mažo poveikio bletherį.
Apžvalgos, įvertinimai, nukreipti ir moderuoti komentarai, būsenos, tinklaraščio įrašai, asmeninės istorijos, rekomendacijos, todėl visos jūsų asmenybės prideda aukštos kokybės informacijos pristatymas, kurį lankytojai gali emociškai prisijungti.
„GoBackpacking“ savo pagrindinį puslapį sieja su savo naudotojų asmeninėmis istorijomis, todėl lankytojai nedelsdami panardina į svetainės turinį, net nežinant..
8. Įtraukti susijusius produktus
Susiję, rekomenduojami ir populiarūs gaminių raštai naudojami visiems dideliems elektroninės komercijos žaidėjams, todėl nenuostabu, kad kelionių svetainės taip pat naudoja jas.
„HotelTravel.Com“ sprendžia užduotį labai sudėtingai ir efektyviai. Jo rekomendacijos variklis užima vietą, kurią lankytojas ieško - mūsų atveju tai yra Honkongas - ir rodo daugiau kitų naudotojų rekomenduojami viešbučių pasiūlymai. Susiję viešbučiai taip pat yra rekomenduojami, 2-in-1 sprendimas, kuris visada yra gera idėja.
„HotelTravel.Com“ dizaineriai dar kartą žengė dar vieną žingsnį ir pastatė susijusius produktus į patogų akordeoną kuri leidžia vartotojui grupės rekomendacijas pagal keturis skirtingus kriterijus (geriausia vertė, geriausia paslauga, geriausias standartinis kambarys, geriausia vieta).
Jei norite, kad valdiklis vizualiai būtų įdomus reitingas, kaina, maža miniatiūra ir trumpas citatos iš paskutinės peržiūros yra įtrauktos į suteikti maksimalią pagalbą lankytojams nuspręsti, kuris apgyvendinimas geriausiai atitinka jų poreikius.
9. Kalbėkite apie naudą
Rodydami lankytojus naudą, kurią jie gali gauti jūsų svetainėje, visada yra patogiau vartotojui, o ne sausiems faktams, kurie leidžia jiems užmigti.
Booking.com pagrindiniame puslapyje matome protingą šios UX dizaino principo panaudojimą. Dešinėje ekrano pusėje galite matyti “Kodėl naudoti „Booking.com“?” skyrių, kuriame yra šešios naudos kurie visi atitinka vidutinio keliautojo vertybes (maža kaina, valdybos pasirinkimas, sąsajos naudojimo paprastumas, apgyvendinta peržiūros sistema, kokybiškas klientų aptarnavimas ir 24/7 prieinamumas).
Žinoma, šios vertės yra parengtos daugiau patrauklus būdas ir ateik! su nuorodomis kur potencialūs klientai gali judėti. The “Kodėl naudoti „Booking.com“” valdiklis yra iš tikrųjų patobulinta įprastos versijos versija “funkcijos” skyrius vidutinės mažos įmonės interneto svetainės, tačiau jame yra daug pagalbinių elementų.
The spalvingos piktogramos, paryškintos nuorodos ir konkretūs duomenys (toks kaip “701.198 apgyvendinimo įstaigos visame pasaulyje”) visi naudotojai tiki, kad jie yra profesionalioje svetainėje, į kurią jie gali pasitikėti. The populiarių vietų pristatymas iš Sidnėjaus į Dubliną, kairėje pusėje, o mažas „ThirdCentre“ peržiūros valdiklis palaiko patirtį ir kuria pasitikėjimą.
10. Pateikite socialinį įrodymą
Kai žmonės kalba apie socialinius įrodymus, jie paprastai reiškia socialinės žiniasklaidos valdiklius, pvz., „Facebook“, kuris taip pat yra puikus gerai suprojektuoto UX elementas, tačiau „TripAdvisor“ pagrindiniame puslapyje yra puikus pavyzdys kaip kitos socialinio darbo formos.
Socialinio įrodymo koncepcija grindžiama psichologiniu principu, kuriame teigiama, kad žmonės labiau linkę daryti kažką jei jie mato kitus aplink juos daryti tą patį. Išorinis patvirtinimas yra puiki motyvacija daugeliui iš mūsų, todėl išmintingi dizaineriai sukuria socialinius įrodymus į savo svetaines taip, kad skatintų lankytojus pakartoti savo kitų vartotojų elgesį.
„TripAdvisor“ dalyvauja socialinis turinys yra įterptas į patogią skirtuko navigaciją su trimis skyriais: Viešbučių apžvalgos, naudotojų nuotraukos ir forumai. Valdiklio pavadinimas yra “Ką keliautojai kalba” kuris yra mažiau nei vidutinio subtitrų komercinėse vietose; todėl jis vienu metu sugauna lankytojo akis.
„Hotel Reviews“ skyrius yra suprojektuotas protingai leidžia turinį lengvai virškinti: maža profilio nuotrauka ir peržiūros naudotojo reitingas, peržiūrėto viešbučio pavadinimas, trumpas citatos iš peržiūros ir įvertinimo piktograma, kuri puikiai tinka bendram svetainės dizainui.
