UX Design 10 Things Travel-websites kunnen u lesgeven
Is het ooit in je opgekomen dat je nog steeds professioneel kunt groeien terwijl je je vakantie plant? Populaire reiswebsites, boekings- en afrekenformulieren, reisplanners en hotelroosters zijn allemaal uitstekende bronnen om verbeter uw kennis op het gebied van user experience design.
Bij het selecteren van de beste locaties, hotels en het plannen van uw reis, is het een goed idee om aandacht te besteden aan wat werkt en wat niet werkt, wat u inspireert en waardoor u onmiddellijk naar een andere site springt. Uw reacties, geneugten en aversies zijn allemaal belangrijke kenmerken van de efficiëntie van het ontwerp van de gebruikerservaring van de site.
In dit artikel kun je 10 lessen leren over gebruikerservaringen die je kunt ophalen van populaire reissites.
Het verschil tussen UI en UX
UX is geen UI, het is net een ongeschreven wet. Wanneer u leest over de bruikbaarheid van een website, moet u nadenken over de gebruikersinterface (UI). Gebruikersinterface is een set van verschillende visuele elementen zoals menu's, knoppen en pictogrammen die uw bezoekers gebruiken (klik op, zweven aan, tik op) wanneer ze communiceren met uw website.
Usability is een kwaliteit die User Interface (UI) beschrijft. Usability toont de efficiëntie van de gebruikersinterface, zoals hoe gemakkelijk het is om een website te gebruiken (Leerbaarheid), hoe snel gebruikers bepaalde doelen kunnen bereiken (Efficiëntie), hoe gemakkelijk ze hun herinneringen kunnen herinneren over de manier waarop de site werkt (memorability), en hoe plezierig het is om te gebruiken (gebruikerstevredenheid).
Bruikbaarheid is een aspect van een meer gecompliceerde notie die gebruikerservaring (UX) wordt genoemd. Gebruikerservaring omvat alles wat de ervaring van de gebruiker beïnvloedt - ofwel negatief of positief. Een goede UX voldoet aan alle behoeften van potentiële klanten - goede bruikbaarheid en vele andere dingen.
Volgens de user-experience onderzoeksbureau Nielsen-Norman Group:
1. Geef gebruikers een beginpunt
Eerst en vooral moet je dat doen geef uw bezoekers een plaats waar ze kunnen beginnen. Het is meestal de startpagina die de meeste klikken ontvangt, niet alleen omdat dit de hoofdingang is van een site, maar wanneer gebruikers uit een zoekmachine komen, is de volgende klik hoogstwaarschijnlijk de startpagina.
Daarom moet je dat doen bieden een boeiende inhoud en lay-out op de startpagina als u uw bezoekers op uw site wilt houden.
De startpagina van Booking.com bewijst dat ze de behoeften van hun klanten goed begrijpen. Denk er gewoon over na. Wat wil je doen op een reissite? U weet waar u naartoe wilt en wilt de mogelijkheden zo snel mogelijk opzoeken, of u bent onzeker over de locatie van uw reis en hebt inspiratie nodig.
Booking.com heeft een geplaatst algemeen zoekformulier aan de linkerkant van zijn startpagina voor degenen die zeker zijn over hun toekomstige reis. De bezoekers hoeven hun tijd niet te verspillen aan het bladeren door irrelevante inhoud. Dit laat hen met een verhoogde vastberadenheid en een versterkt zelfvertrouwen.
De resterende ruimte op het scherm boven de vouw geeft veel inspiratie voor de minder vastberaden: drie grote foto's van populaire locaties (Abu Dhabi, New York City en Dubai) geven suggesties, een AJAX-stream over de “Gewoon geboekt” trips laten zien wat andere gebruikers momenteel doen en er is zelfs een klein gedeelte dat potentiële klanten verzekert van het gratis annuleringsbeleid.
Op de startpagina van Booking.com krijgt iedereen de nodige stimulans en positieve gevoelens om verder te gaan op de site voordat hij zelfs de schuifbalk aanraakt.
2. Maak uw navigatie duidelijk
Als u wilt dat gebruikers op uw site blijven, moet u hen een voor de hand liggende en eenvoudig te gebruiken navigatie bieden.
De navigatie van TimeOut.com is als een slimme gastvrouw: het geeft bezoekers waardevolle hulp wanneer ze het nodig hebben, maar hindert hen niet. Als je de onderstaande afbeelding bekijkt, kun je zien dat het navigatiesysteem dat heeft vier verschillende elementen: een enorme, gemakkelijk herkenbare zoekbalk, een hoofdmenu met duidelijk gedefinieerde items (stadsgidsen; film; muziek; kunst & cultuur; eten & drinken; over ons; time-outwinkel), een goed ontworpen broodkruimelbalk en een zijbalk. lijst van de meest populaire steden.
TimeOut heeft zijn navigatiesysteem op zo'n intuïtieve manier ontworpen dat het bezoekers nog meer prikkels geeft om de site te verkennen. De kleine miniatuur naast elk zijbalkitem geeft een visuele sleutel, de korte beschrijving onder de kop 'Food & Drink' zorgt ervoor dat bezoekers op de juiste plek zijn, de broodkruimels maken het supereenvoudig om verder te gaan en de bovenste zoekbalk helpt gebruikers naar de volgende locatie te springen als ze zich vervelen met de huidige.
Elk element ondersteunt de andere - een duidelijk teken van een geweldig UX-ontwerp.
3. Gebruik High Impact Imagery
De onderstaande schermafbeelding is van een van de restaurantprofielpagina's van TripAdvisor. Ik ben er zeker van dat je al hebt gelezen dat stockfoto's geen goede gebruikerservaring oplevert: ze vervulden meestal bezoekers en motiveerden hen niet om verder te gaan in de conversietrechter.
Het alternatief voor stockfoto's is krachtige beelden die sterke emoties oproepen bij de gebruikers. En dat weten we allemaal verhoogde emoties leiden tot een hogere klantentrouw.
Reissites maken meestal allemaal gebruik van foto's van hoge kwaliteit, maar TripAdvisor gaat hiermee naar het volgende niveau gebruikers aanmoedigen om hun eigen foto's toe te voegen naar elk restaurant. Op deze manier verfijnt TripAdvisor de inhoud met door de gebruiker gegenereerde afbeeldingen die meestal interessanter zijn voor de gemiddelde bezoeker van de reissite dan foto's gemaakt door professionals.
Peer pressure is tenslotte een van de sterkste motivaties. TripAdvisor ook houdt de visuele inhoud fris door foto's met een hoge impact toe te voegen die zijn gemaakt door gebruikers.
4. Houd het simpel
Minder is meestal meer, dus het is altijd een goed idee om dingen eenvoudig te houden en je te concentreren op alleen relevante informatie. De wereld is zo vol afleiding dat uw bezoekers zeker dankbaar zullen zijn als u hen redt van de onnodige pluisjes.
“Hou het simpel” is het UX-principe dat Lonely Planet schijnbaar op zijn homepage heeft gevolgd. De belangrijkste onderwerpen die intriges van hun gebruikers zijn gerangschikt in een opgeruimd raster met aantrekkelijke miniaturen gesteund door koppen van één of twee woorden lang.
De startpagina van LonelyPlanet is vooral slim vanuit het oogpunt van gebruikerservaring, aangezien de miniaturen ook als navigatie dienen geef gebruikers een gemakkelijk te begrijpen visuele sleutel.
Het raster reageert en werkt dus op elk venster. Op mobiel en tabletformaat zien de miniaturen eruit als iconen van mobiele apps wat een vertrouwde lay-out is voor alle mobiele gebruikers, en vertrouwdheid is ook iets dat bezoekers troost biedt en hun betrokkenheid bij de site verhoogt.
5. Gebruik actiewerkwoorden
U bent waarschijnlijk bekend met actiewerkwoorden van carrièresites. Actiewerkwoorden houden niet alleen rekening met recruiters die door cv's scannen, maar ook met websitebezoekers die door het web browsen.
Het populaire sociale netwerk voor het delen van accommodaties gebruikt AirBnB overal op zijn site. Behoren overal, Huur, Lijst jouw ruimte, Ontdekken plaatsen, onderzoeken de wereld, Zien waar mensen op reis zijn, Delen jouw ervaring, enz.
Actiewerkwoorden zijn ongelooflijk efficiënt omdat ze Verplaats gebruikers van een passieve naar een actieve. Positieve ervaringen vereisen altijd activiteit namens de gebruiker; dat is waarom avonturenparken zo populair zijn.
Wat herinner je je tenslotte meer? Iets wat je alleen hebt gedaan of iets dat je net in een boek hebt gelezen? Zien? Interactie houdt u ook bezig. Dus als u de gebruikerservaring van uw site wilt vergroten, aarzel dan niet om actiewerkwoorden te gebruiken waar ze geschikt zijn.
6. Stroomlijn uw formulieren
Zoals te ingewikkelde vormen leiden vaak tot een onmiddellijke stopzetting het slimste wat u kunt doen voor de ervaring van uw gebruikers is om de formulieren op uw site zo veel als mogelijk te stroomlijnen. Wat bedoel ik onder stroomlijnen?
U ziet een uitstekend voorbeeld als u een kijkje neemt op het universele zoekformulier van Priceline.com op hun startpagina. Priceline's zoekformulieren zijn verborgen in een handig navigatiegedeelte met horizontale tabbladen.
De tabbladen bevatten vijf verschillende zoekformulieren met betrekking tot de vijf gebieden (hotels, vluchten, auto's, vakantiepakketten, cruises) waarmee het bedrijf te maken heeft..
Het leuke hier is dat gebruikers zich niet hoeven bezig te houden met dingen waar ze niet in geïnteresseerd zijn, ze kunnen direct naar het zoekformulier springen dat ze nodig hebben. Daarom zijn ze dat ook niet belast met extra gegevensvelden, de formuliervelden worden tot een absoluut minimum beperkt, wat betekent verhoogde efficiëntie, verminderde ergernis en snel begrip - de beste gebruikerservaring ooit.
7. Maak indruk op persoonlijke verhalen
U kunt de betrokkenheid van gebruikers vergroten door slim gebruik te maken van persoonlijke verhalen, zoals u deze daadwerkelijk ervaart, op de startpagina van GoBackpacking.com.
De avonturen van echte mensen zijn altijd interessanter dan overmatig geraffineerd marketingbubbel. Uw bezoekers willen niet dezelfde vermoeiende cliches lezen die ze op de site van uw concurrent kunnen lezen - ze kunnen zelfs zelf dezelfde low-impact blether genereren..
Reviews, beoordelingen, geregisseerde en gemodereerde reacties, statussen, blogberichten, persoonlijke verhalen, aanbevelingen, voegen allemaal persoonlijkheid toe aan uw site het introduceren van hoogwaardige informatie waar uw bezoekers emotioneel contact mee kunnen maken.
GoBackpacking vult zijn startpagina met persoonlijke verhalen van zijn gebruikers, waardoor bezoekers meteen in de inhoud van de site duiken zonder het te weten.
8. Inclusief aanverwante producten
Verwante, aanbevolen en populaire productwidgets worden gebruikt door alle grote e-commerce spelers, dus het is geen grote verrassing dat reissites er ook gebruik van maken.
HotelTravel.Com lost de taak op een zeer lastige en efficiënte manier op. Zijn aanbevelingsmotor neemt de locatie waar de bezoeker naar zoekt - in ons geval is het Hong Kong - en er zijn er nog meer te zien hotelopties aanbevolen door andere gebruikers. De bijbehorende hotels zijn ook de aanbevolen hotels, een 2-in-1 oplossing die altijd een goed idee is.
De ontwerpers van HotelTravel.Com gingen nog een stap verder en plaatsten het gerelateerde producten in een handige accordeon waarmee de gebruiker kan groepsaanbevelingen volgens vier verschillende criteria (beste prijs, beste service, beste kamerstandaard, beste locatie).
Om de widget visueel interessant te maken, zijn de beoordeling, de prijs, een kleine miniatuur en een kort citaat uit de laatste recensie ook opgenomen in geef de maximale hulp aan bezoekers om te beslissen welke accommodatie het beste bij hun behoeften past.
9. Praat over voordelen
Bezoekers laten zien welke voordelen ze op uw site kunnen behalen, is altijd gebruiksvriendelijker dan hen lastig te vallen met droge feiten waardoor ze in slaap vallen.
Op de homepage van Booking.com zien we een slim gebruik van dit UX-ontwerpprincipe. Aan de rechterkant van het scherm ziet u de “Waarom Booking.com gebruiken??” sectie die omvat zes voordelen die allemaal in overeenstemming zijn met de waarden van de gemiddelde reiziger (lage prijs, keuzebereik van het bord, gebruiksgemak van de interface, bevolkt controlesysteem, uitstekende klantenservice en 24/7 beschikbaarheid).
Natuurlijk zijn deze waarden opgesteld in een meer boeiende manier en kom met links waar potentiële klanten verder kunnen gaan. De “Waarom Booking.com gebruiken?” widget is in feite de verbeterde versie van de reguliere “Kenmerken” sectie van een gemiddelde website voor kleine bedrijven, maar deze bevat veel ondersteunende elementen.
De kleurrijke pictogrammen, de gemarkeerde koppelingen en de specifieke gegevens (zoals “701.118 vestigingen wereldwijd”) alle gebruikers laten geloven dat ze op een professionele website staan die ze kunnen vertrouwen. De showcase van populaire locaties van Sydney naar Dublin aan de linkerkant en de kleine widget van het externe ReviewCentre ondersteunen allemaal de ervaring en bouwen vertrouwen op.
10. Zorg voor sociaal bewijs
Wanneer mensen praten over sociaal bewijs, bedoelen ze meestal sociale media-widgets zoals Facebook Lichtbak, wat ook een geweldig element is van goed ontworpen UX, maar de startpagina van TripAdvisor biedt een goed voorbeeld hoe andere vormen van sociaal bewijs werken.
Het concept van sociaal bewijs is gebaseerd op een psychologisch principe dat zegt dat mensen meer geneigd zijn iets te doen als ze anderen om zich heen zien hetzelfde doen. Externe validatie is een grote motivatie voor de meesten van ons bouwen verstandige ontwerpers sociaal bewijs in hun sites op een manier die bezoekers aanmoedigt om het gedrag van hun medegebruikers te herhalen.
Op TripAdvisor de boeiende sociale content is ingebouwd in een handige tabbladnavigatie met drie secties: Hotelbeoordelingen, Foto's gemaakt door gebruikers en Forums. De titel van de widget is “Waar reizigers over praten” welke is minder opdringerig dan de gemiddelde ondertitel op commerciële sites; het valt dus meteen in het oog van de bezoeker.
De sectie Hotelbeoordelingen is op een slimme manier ontworpen maakt de inhoud gemakkelijk te verteren: een kleine profielfoto en de rangorde van de beoordelende gebruiker, de naam van het beoordeelde hotel, een korte citaat uit de recensie zelf en een beoordelingspictogram dat goed past bij het algemene ontwerp van de site.
