UX Design 10 ting reisesider kan lære deg

Har det noen gang krysset ditt sinn at du fortsatt kan vokse profesjonelt mens du planlegger ferien? Populære reisesider, bestillings- og utsjekkingsskjemaer, turplanleggere og hotellplaner er alle gode kilder til Forbedre din kunnskap innen bruksopplevelsesdesign.

Mens du velger de beste stedene, hoteller og planlegger turen, er det en god ide å være oppmerksom på hva som fungerer og hva som ikke gjør det, som inspirerer deg og det som gjør at du umiddelbart hopper til et annet nettsted. Dine reaksjoner, gleder og aversjoner er alle gode kjennetegn ved effektiviteten av nettstedets brukeropplevelsesdesign.

I denne artikkelen kan du lære 10 leksjoner om brukeropplevelse du kan hente fra populære reisesider.

Forskjellen mellom brukergrensesnitt og UX

UX er ikke brukergrensesnitt, det er som en uskreven lov. Når du leser om et nettsteds brukervennlighet, må du tenke på brukergrensesnittet (brukergrensesnittet). Brukergrensesnittet er a sett av ulike visuelle elementer for eksempel menyer, knapper og ikoner som de besøkende bruker (klikk på, pek på, trykk på) når de samhandler med nettstedet ditt.

Brukervennlighet er en kvalitet som beskriver brukergrensesnitt (brukergrensesnitt). Brukbarhet viser effektiviteten til brukergrensesnittet som hvor lett er det å bruke et nettsted (Lærbarhet), hvor raskt brukerne kan oppnå angitte mål (effektivitet), hvor lett kan de huske sine minner om hvordan nettstedet fungerer (memorability), og hvor hyggelig det er å bruke (brukertilfredshet).

Brukervennlighet er ett aspekt av et mer komplisert begrep som kalles brukeropplevelse (UX). Brukererfaring innebærer alt som påvirker brukerens opplevelse - enten negativt eller positivt. En god UX møter alle behov for potensielle kunder - god brukervennlighet og mange andre ting.

Ifølge brukeropplevelsesforskningsfirmaet Nielsen-Norman Group:

1. Gi brukerne et sted å starte

Først og fremst må du Gi dine besøkende et sted hvor de kan starte. Det er vanligvis hjemmesiden som får flest klikk, ikke bare fordi det er hovedinngangen til et nettsted, men når brukerne kommer fra en søkemotor, vil neste klikk mest sannsynlig være hjemmesiden.

Derfor må du tilby et engasjerende innhold og layout på hjemmesiden hvis du vil beholde dine besøkende på nettstedet ditt.

Booking.coms hjemmeside viser at de forstår deres kunders behov godt. Bare tenk på det. Hva vil du gjøre på et reiseside? Du vet enten hvor du vil gå og vil se opp mulighetene så fort du kan, eller du er usikker på plasseringen av turen og trenger litt inspirasjon.

Booking.com plassert en samlet søkeskjema på venstre side av sin hjemmeside for de som er sikre på deres fremtidige tur. De besøkende trenger ikke å kaste bort tiden deres gjennom å søke gjennom irrelevant innhold. Dette etterlater dem med økt besluttsomhet og økt selvtillit.

Resterende plass på skjermen over brettet gir mye inspirasjon til de mindre bestemte: tre store bilder av populære steder (Abu Dhabi, New York City og Dubai) gir forslag, en AJAX-strøm om “Bare booket” turer viser hva andre brukere for øyeblikket har, og det er enda en liten seksjon som sikrer potensielle kunder om gratis avbestillingsregler.

På Booking.coms hjemmeside får alle de nødvendige incitamentene og positive følelsene til å fortsette på nettstedet før de berører rullefeltet.

2. Gjør din navigasjon åpenbar

Hvis du vil at brukerne skal være på nettstedet ditt, må du gi dem en åpenbar og brukervennlig navigasjon.

TimeOut.coms navigasjon er som en smart vertinne: den gir besøkende verdifull hjelp når de trenger det, men ikke irriterer dem. Hvis du ser på bildet nedenfor, kan du se at navigasjonssystemet har fire forskjellige elementer: En stor, lett gjenkjennelig søkefelt, en hovedmeny med klart definerte elementer (City Guides; Film; Musikk; Kunst og kultur; Mat og drikke; Om oss; Time Out Shop); en godt designet breadcrumbs bar og en sidebar liste over de mest populære byene.

TimeOut utviklet sitt navigasjonssystem på en slik intuitiv måte som gir besøkende ytterligere incitamenter til å utforske nettstedet. Den lille miniatyrbildet ved siden av hvert sidebjelkeelement gir en visuell nøkkel, Den korte beskrivelsen under overskriften Food & Drink sikrer besøkende at de er på rett sted, breadcrumbs gjør det super lett å gå videre, og den øverste søkefeltet hjelper brukere å hoppe til neste sted hvis de kjeder seg med den nåværende.

Hvert element støtter de andre - et tydelig tegn på flott UX-design.

3. Bruk High Impact Imagery

Skjermbildet under er av en av restaurantens profilsider. Jeg er sikker på at du allerede har lest at lagerfotografier ikke gir en god brukeropplevelse: de bor vanligvis besøkende og motiverer ikke dem til å bevege seg fremover i konverteringstragten.

Alternativet til lagerfotografier er høytvirkende bilder som fremkaller sterke følelser hos brukerne. Og det vet vi alle økte følelser fører til økt kundeloyalitet.

Reisesider bruker vanligvis alle høykvalitetsbilder, men TripAdvisor tar det til neste nivå av oppfordrer brukerne til å legge til egne bilder til hver restaurant. På denne måten krydser vi innholdet med Brukergenererte bilder som vanligvis er mer interessante for den gjennomsnittlige reisesiden besøkende enn bilder tatt av fagfolk.

Peer press er en av de sterkeste motivasjonene i det hele tatt. TripAdvisor også holder sitt visuelle innhold friskt ved å legge til bilder med høy effekt som er skutt av brukere.

4. Hold det enkelt

Mindre er vanligvis mer, så det er alltid en god ide å holde ting enkelt og fokusere på kun relevant informasjon. Verden er så full av distraksjoner som de besøkende vil sikkert være takknemlige hvis du redder dem fra unødvendig fluff.

“Hold det enkelt” er UX-prinsippet at Lonely Planet tilsynelatende fulgte på hjemmesiden sin. De viktigste emner som intriger deres brukere er arrangert i et ryddig rutenett av attraktive miniatyrbilder støttet av ett eller to ord lange overskrifter.

LonelyPlanets hjemmeside er spesielt smart fra aspektet av brukeropplevelsen, da miniatyrbildene også fungerer som navigasjon mens de er gi brukerne en lettforståelig visuell nøkkel.

Gitteret er responsivt, slik at det fungerer på alle visningsportene. På mobil- og nettbrettstørrelse ser miniatyrbildene ut som ikoner for mobilapper som er et kjent layout for alle mobile brukere, og kjennskap er også noe som gir trøst til besøkende, og dermed øker sitt engasjement med nettstedet.

5. Bruk handlingsord

Du er mest sannsynlig kjent med handling verb fra karriere nettsteder. Handlingsverker engasjerer ikke bare rekrutterere som skanner gjennom CVer, men også nettsteder besøkende surfer på nettet.

Det populære bolig-delings sosiale nettverk, AirBnB bruker dem overalt på nettstedet. Tilhøre hvor som helst, Leie, Liste din plass, Oppdage steder, Utforske verden, Se hvor folk reiser, Dele din erfaring, osv.

Handlingsordene er utrolig effektive fordi de Flytt brukere fra en passiv tilstand til en aktiv en. Positive opplevelser krever alltid aktivitet på vegne av brukeren; Derfor er eventyrparkene så populære.

Tross alt, husker du mer? Noe du gjorde selv eller noe du nettopp leste i en bok? Se? Interaksjon engasjerer deg også. Så hvis du vil øke nettstedets brukeropplevelse, ikke nøl med å bruke handlingsverker der de passer.

6. Streamline skjemaene dine

Som For kompliserte former fører ofte til en umiddelbar forlatelse Det smarteste du kan gjøre for brukerne, er å effektivisere formene på nettstedet ditt så mye som mulig. Hva mener jeg under effektivisering?

Du kan se et utmerket eksempel hvis du tar en titt på Priceline.coms universelle søknadsskjema på deres hjemmeside. Pricelines søkeskjema er skjult inne i en praktisk, horisontal flippingsnavigasjonsseksjon.

Flikene inneholder fem forskjellige søkeskjemaer relatert til de fem områdene (Hoteller, Fly, Biler, Feriepakker, Cruises) Selskapet er involvert i.

Den veldig kule tingen her er at brukerne ikke trenger å bry seg med ting de ikke er interessert i, de kan hoppe rett til søkeskjemaet de trenger. Derfor er de ikke belastet med ekstra datafelt, skjema feltene holdes til et absolutt minimum, noe som betyr økt effektivitet, redusert irritasjon og rask forståelse - den beste brukeropplevelsen noensinne.

7. Gjør inntrykk av personlige historier

Du kan øke brukerengasjementet med smart bruk av personlige historier, som du faktisk opplever det, på hjemmesiden til GoBackpacking.com.

Eventyrene til ekte mennesker er alltid mer interessante enn overaffinert markedsføringsbombe. Dine besøkende ønsker ikke å lese de samme slitsende klichéene de kan lese på konkurrentens nettsted - de kan til og med skape selv den samme lav-effekten av seg selv.

Anmeldelser, rangeringer, rettet og moderert kommentarer, statuser, blogginnlegg, personlige historier, anbefalinger, alt legger til personlighet på nettstedet ditt derfor introdusere informasjon av høy kvalitet som de besøkende kan føle seg følelsesmessig til.

GoBackpacking fyller sin hjemmeside med personlige historier om sine brukere som gjør at besøkende umiddelbart fordyper seg i innholdet på nettstedet uten å engang vite det.

8. Inkluder relaterte produkter

Relaterte, anbefalte og populære produkt widgets brukes av alle de store e-handelsaktørene, så det er ikke en stor overraskelse at reisesider også tar innflytelse av dem.

HotelTravel.Com løser oppgaven på en svært vanskelig og effektiv måte. Dens anbefalingsmotor Tar den plasseringen den besøkende ser etter - i vårt tilfelle er det Hong Kong - og viser noe mer hotellalternativer anbefalt av andre brukere. De tilhørende hotellene er også de anbefalte, en 2-i-1-løsning som alltid er en god ide.

Designerne fra HotelTravel.Com tok et skritt videre og de plasserte relaterte produkter til et praktisk trekkspill som gjør at brukeren kan gruppe anbefalinger i henhold til fire forskjellige kriterier (Best Value, Best Service, Best Room Standard, Best Location).

For å gjøre widgeten visuelt interessant vurderingen, er prisen, et lite miniatyrbilde og et kort sitat fra den siste anmeldelsen også inkludert i gi maksimal hjelp til besøkende å bestemme hvilken innkvartering som passer best til deres behov.

9. Snakk om fordeler

Viser besøkende fordelene de kan få på nettstedet ditt, er alltid mer brukervennlige enn å plage dem med tørre fakta som får dem til å sovne.

På Booking.coms hjemmeside kan vi se en smart utnyttelse av dette UX-designprinsippet. På høyre side av skjermen kan du se “Hvorfor bruk Booking.com?” delen som inkluderer seks fordeler som alle er i samsvar med verdiene til den gjennomsnittlige reisen (lav pris, valg av brett, brukervennlig grensesnitt, populert gjennomgangssystem, kvalitetskundeservice og tilgjengelighet 24/7).

Selvfølgelig er disse verdiene utarbeidet i en mer engasjerende måte og kom med lenker hvor potensielle kunder kan fortsette. De “Hvorfor bruk Booking.com” widgeten er faktisk den forbedrede versjonen av det vanlige “Egenskaper” seksjon av et gjennomsnittlig småbedriftsnettsted, men det inneholder mange støtteelementer.

De fargerike ikoner, de uthevede koblingene og de spesifikke dataene (som for eksempel “701.118 eiendommer over hele verden”) alle gjør at brukerne tror at de er på et profesjonelt nettsted de kan stole på. De fremvisning av populære steder fra Sydney til Dublin på venstre side og den lille widgeten fra tredjeparts ReviewCentre, støtter alle opplevelsen og bygger tillit.

10. Gi sosiale bevis

Når folk snakker om sosialt bevis, betyr de vanligvis sosiale medier, som Facebook Likebox, som også er et godt element i godt utformet UX, men Googles hjemmeside gir et godt eksempel. hvordan andre former for sosialt bevis fungerer.

Konseptet med sosialt bevis er basert på et psykologisk prinsipp som sier at folk er mer sannsynlig å gjøre noe hvis de ser andre rundt dem gjør det samme. Ekstern validering er en stor motivasjon for de fleste av oss bygger så kloke designere sosialt bevis på sine nettsteder på en måte som oppfordrer besøkende til å gjenta medarbeidernes oppførsel.

På TripAdvisor engasjerende sosialt innhold er innebygd i en nyttig flippsnavigasjon med tre seksjoner: Hotellanmeldelser, Bilder laget av brukere og forum. Tittelen på widgeten er “Hva reisende snakker om” som er mindre påtrengende enn gjennomsnittlig teksting på kommersielle steder; det fanger derfor besøkendes øyne på en gang.

Hotellomtaler delen er designet på en smart måte som gjør innholdet lett å fordøye: et lite profilbilde og rangeringen av den anmeldende brukeren, navnet på det omtalte hotellet, en kort henvisning fra selve anmeldelsen, og et vurderingsikon som passer godt til den generelle utformingen av nettstedet.