UX Design 10 Ting Rejsesider kan lære dig
Har det nogensinde krydset dig, at du stadig kan vokse professionelt, mens du planlægger dine ferier? Populære rejsesider, booking og checkout formularer, turplanlæggere og hotelplaner er alle gode kilder til forbedre din viden inden for brugeroplevelsesdesign.
Mens du vælger de bedste steder, hoteller og planlægger din rejse, er det en god idé at være opmærksom på hvad der virker, og hvad der ikke gør, hvad der inspirerer dig og hvad der gør dig til at hoppe med det samme til et andet websted. Dine reaktioner, glæder og aversioner er alle gode kendetegn ved effektiviteten af webstedets brugeroplevelsesdesign.
I denne artikel kan du lære 10 lektioner om brugeroplevelse, du kan hente fra populære rejsesider.
Forskellen mellem brugergrænsefladen og UX
UX er ikke brugergrænseflade, det er som en uskrevet lov. Når du læser om en websteds brugbarhed, skal du tænke på dens brugergrænseflade (brugergrænseflade). Brugergrænseflade er a sæt af forskellige visuelle elementer som menuer, knapper og ikoner, som dine besøgende bruger (klik på, peg på, tryk på), når de interagerer med din hjemmeside.
Brugervenlighed er en kvalitet, der beskriver brugergrænsefladen (brugergrænsefladen). Usability viser effektiviteten af brugergrænsefladen som f.eks hvor let det er at bruge en hjemmeside (Learnability), hvor hurtigt brugere kan nå bestemte mål (effektivitet), hvor nemt de kan huske deres minder om, hvordan webstedet virker (memorabilitet) og hvor behagelig det er at bruge (brugertilfredshed).
Brugervenlighed er et aspekt af et mere kompliceret begreb kaldet brugeroplevelse (UX). Brugererfaring indebærer alt, hvad der påvirker brugerens oplevelse - enten negativt eller positivt. En god UX opfylder ethvert behov hos potentielle kunder - god brugervenlighed og mange andre ting.
Ifølge bruger-oplevelsesforskningsfirmaet Nielsen-Norman Group:
1. Giv brugere et sted at starte
Først og fremmest skal du Giv dine besøgende et sted, hvorfra de kan starte. Det er normalt hjemmesiden, der får flest klik, ikke kun fordi det er hovedindgangen til et websted, men når brugerne kommer fra en søgemaskine, vil det næste klik sandsynligvis være startsiden.
Derfor skal du tilbyde et engagerende indhold og layout på hjemmesiden hvis du vil holde dine besøgende på dit websted.
Booking.coms hjemmeside viser, at de forstår deres kunders behov godt. Bare tænk over det. Hvad vil du gøre på et rejseside? Du ved enten, hvor du vil hen og vil søge mulighederne så hurtigt som muligt, eller du er usikker på placeringen af din rejse og har brug for inspiration.
Booking.com placeret en samlet søgeformular til venstre af sin hjemmeside for dem der er sikre på deres fremtidige rejse. De besøgende behøver ikke at spilde deres tid på at surfe gennem irrelevant indhold. Dette efterlader dem en øget beslutsomhed og øget selvtillid.
Det resterende rum på skærmen over folden giver en masse inspiration til de mindre beslægtede: tre store billeder af populære steder (Abu Dhabi, New York City og Dubai) giver forslag, en AJAX-strøm om “Bare booket” Udflugter viser, hvilke andre brugere der er i øjeblikket, og der er endda en lille sektion, der sikrer potentielle kunder om den gratis afbestillingspolitik.
På Booking.coms hjemmeside får alle de nødvendige incitament og positive følelser til at fortsætte på stedet, før de selv rører rullefeltet.
2. Gør din navigation åbenbar
Hvis du vil have brugere på dit websted, skal du give dem en indlysende og brugervenlig navigation.
TimeOut.com's navigation er som en smart værtinde: Det giver besøgende værdifuld hjælp, når de har brug for det, men irriterer dem ikke. Hvis du kigger på nedenstående billede, kan du se, at navigationssystemet har fire forskellige elementer: En stor, let genkendelig søgelinje, en hovedmenu med klart definerede elementer (City Guides; Film; Musik; Kunst & Kultur; Mad og Drikke; Om os; Time Out Shop), en veldesignet breadcrumbs bar og et sidebjælke liste over de mest populære byer.
TimeOut designet sit navigationssystem på en sådan intuitiv måde, som giver besøgende yderligere incitamenter til at udforske webstedet. Den lille miniaturebillede ved siden af hvert sidebjælkeelement giver en visuel nøgle, Den korte beskrivelse under overskriften Food & Drink sikrer besøgende, at de er på rette sted, brødkrummerne gør det super nemt at komme videre, og den øverste søgelinje hjælper brugerne med at hoppe til det næste sted, hvis de keder sig med den nuværende.
Hvert element understøtter de andre - et tydeligt tegn på stor UX-design.
3. Brug High Impact Imagery
Skærmbilledet nedenfor er et af TripAdvisors restaurantprofil sider. Jeg er sikker på at du allerede har læst, at lagerbilleder ikke giver en god brugeroplevelse: de borer normalt besøgende og motiverer dem ikke til at bevæge sig fremad i konverteringstragten.
Alternativet til lagerfotos er billedfremkaldende billeder, der fremkalder stærke følelser hos brugerne. Og det ved vi alle sammen øgede følelser fører til højere kundeloyalitet.
Rejsesider bruger normalt alle højkvalitetsbilleder, men TripAdvisor tager det videre til næste niveau opmuntrer brugerne til at tilføje deres egne fotos til hver restaurant. På denne måde krydser vi sit indhold med Brugergenererede billeder, der normalt er mere interessante for den gennemsnitlige rejsesite besøgende end fotos taget af fagfolk.
Peer tryk er trods alt en af de stærkeste motivationer. TripAdvisor også holder sit visuelle indhold frisk ved at tilføje billeder med høj effekt af brugere.
4. Hold det nemt
Mindre er normalt mere, så det er altid en god idé at holde tingene simple og fokusere på kun relevant information. Verden er så fuld af distraktioner, at dine besøgende helt sikkert vil være taknemmelige, hvis du redder dem fra den unødige fluff.
“Hold det simpelt” er UX-princippet, som Lonely Planet tilsyneladende fulgte på sin hjemmeside. Det vigtigste emner at intriger deres brugere er arrangeret i et ryddeligt net af attraktive miniaturebilleder støttet af en eller to ord lange overskrifter.
LonelyPlanets hjemmeside er særligt smart ud fra aspektet af brugeroplevelse, da miniaturerne også fungerer som navigation, mens de give brugerne en let forståelig visuel nøgle.
Gitteret er lydhørigt, så det virker på alle udsyn. På mobil- og tabletstørrelse ser miniaturerne ud som ikoner til mobilapps som er et velkendt layout til alle mobilbrugere, og kendskab er også noget, som giver besøgende trøst og dermed øger deres engagement med webstedet.
5. Brug aktionsord
Du er mest sandsynligt bekendt med handling verb fra karriere sites. Action verbs involverer ikke bare rekrutterere scanning gennem genoptagelser, men også hjemmesider besøgende browsing på internettet.
Det populære sociale sociale netværk, AirBnB bruger dem overalt på sit websted. Tilhører overalt, Leje, Liste dit rum, Opdage steder, Udforske verdenen, Se hvor folk rejser, Del din erfaring osv.
Handlingsord er utroligt effektive, fordi de Flyt brugere fra en passiv tilstand til en aktiv. Positive erfaringer kræver altid aktivitet på vegne af brugeren; det er derfor, at eventyrparker er så populære.
Efter alt hvad husker du mere? Noget du gjorde ved dig selv eller noget du lige læste i en bog? Se? Interaktion engagerer dig også. Så hvis du vil øge dit websteds brugeroplevelse, så tøv ikke med at bruge handlingsord, hvor de passer.
6. Streamline dine formularer
Som for komplicerede former fører ofte til en øjeblikkelig opgave Det smarteste, du kan gøre for brugerens oplevelse, er at strømline formularerne på dit websted så meget som muligt. Hvad mener jeg under strømlining?
Du kan se et glimrende eksempel, hvis du kigger på Priceline.coms universelle søgeformular på deres hjemmeside. Pricelines søgeformularer er gemt inde i en praktisk vandret navigationsafdeling.
Fanerne indeholder fem forskellige søgeformer relateret til de fem områder (hoteller, fly, biler, feriepakker, krydstogter), virksomheden er involveret i.
Den virkelig seje ting her er, at brugerne ikke behøver at genere sig med ting, de ikke er interesseret i, de kan hoppe direkte til den søgeformular, de har brug for. Derfor er de ikke belastet med ekstra datafelter, formularfelterne holdes til et absolut minimum, hvilket betyder øget effektivitet, reduceret irritation og hurtig forståelse - den bedste brugeroplevelse nogensinde.
7. Gør indflydelse på personlige historier
Du kan øge brugernes engagement med den smarte brug af personlige historier, som du rent faktisk oplever det på hjemmesiden til GoBackpacking.com.
Ægte menneskers eventyr er altid mere interessant end overaffineret marketing babble. Dine besøgende ønsker ikke at læse de samme trættende klichéer, de kan læse på din konkurrents websted - de kan endda selv generere den samme lavtryksblæser selv.
Anmeldelser, vurderinger, rettede og modererede kommentarer, statuser, blogindlæg, personlige historier, anbefalinger, alle tilføjer personlighed til dit websted derfor Indførelse af information af høj kvalitet, som dine besøgende kan føle sig følelsesmæssigt til.
GoBackpacking befolker sin hjemmeside med personlige historier om sine brugere, som gør de besøgende øjeblikkeligt fordybet i indholdet af webstedet uden selv at vide det.
8. Medtag relaterede produkter
Relaterede, anbefalede og populære produkt widgets bruges af alle de store e-handelsspillere, så det er ikke en stor overraskelse, at rejsesider også tager højde for dem.
HotelTravel.Com løser opgaven på en meget vanskelig og effektiv måde. Dens anbefalingsmotor tager placeringen den besøgende søger efter - i vores tilfælde er det Hong Kong - og viser noget mere Hotelindstillinger anbefales af andre brugere. De tilhørende hoteller er også de anbefalede, en 2-i-1-løsning, som altid er en god idé.
Designerne af HotelTravel.Com tog et skridt videre og de placerede relaterede produkter til et praktisk accordeon som gør det muligt for brugeren at gruppe anbefalinger ifølge fire forskellige kriterier (bedste værdi, bedste service, bedste værelse standard, bedste beliggenhed).
For at gøre widgeten visuelt interessant rating, er prisen, en lille miniature og et kort citat fra den seneste anmeldelse også inkluderet i giver maksimal hjælp til besøgende at afgøre, hvilken bolig der passer bedst til deres behov.
9. Tal om fordele
Viser besøgende de fordele, de kan få på dit websted, er altid mere brugervenlige end at plage dem med tørre fakta, der får dem til at falde i søvn..
På Booking.coms hjemmeside kan vi se en smart udnyttelse af dette UX-designprincip. På højre side af skærmen kan du se “Hvorfor brug Booking.com?” afsnit, som omfatter seks fordele som alle er i overensstemmelse med gennemsnitsrejsernes værdier (lav pris, valg af bestyrelsesniveau, brugervenlighed af grænsefladen, populeret gennemgangssystem, kundeservice af høj kvalitet og tilgængelighed for 24/7).
Selvfølgelig udarbejdes disse værdier i en mere engagerende måde og kom med links hvor potentielle kunder kan fortsætte. Det “Hvorfor brug Booking.com” widget er faktisk den forbedrede version af den regelmæssige “Funktioner” afsnit af en gennemsnitlig small business hjemmeside, men den indeholder mange støtteelementer.
Det farverige ikoner, de fremhævede links og de specifikke data (såsom “701.118 ejendomme verden over”) alle får brugerne til at tro på, at de er på en professionel hjemmeside, de kan stole på. Det fremvisning af populære steder fra Sydney til Dublin på venstre side og den lille widget fra tredjeparts ReviewCentre alle støtter oplevelsen og bygger tillid.
10. Giv social bevis
Når folk snakker om socialt bevis, betyder de normalt sociale medier widgets som Facebook Likebox, som også er et godt element i veldesignede UX, men TripAdvisors hjemmeside giver et godt eksempel hvordan andre former for socialt bevis virker.
Begrebet social bevis er baseret på et psykologisk princip, der siger, at folk er mere tilbøjelige til at gøre noget hvis de ser andre omkring dem gør det samme. Ekstern validering er en stor motivation for de fleste af os bygger så kloge designere socialt bevis på deres websteder på en måde, der opfordrer besøgende til at gentage deres medforbrugeres adfærd.
På TripAdvisor engagerende Socialt indhold er indbygget i en handy faneblad navigation med tre sektioner: Hotelanmeldelser, Billeder lavet af brugere og fora. Titlen på widgeten er “Hvad rejsende taler om” som er mindre påtrængende end den gennemsnitlige undertekst på kommercielle steder det fanger derfor besøgendes øje på en gang.
Hotelanmeldelser sektionen er designet på en smart måde gør indholdet let at fordøje: et lille profilbillede og placeringen af den anmeldende bruger, navnet på det gennemgåede hotel, en kort henvisning fra selve anmeldelsen og et bedømmelsesikon, der passer godt til webstedets generelle design.
