UX Design 10 Cestovné webové stránky vás môžu učiť

Už ste niekedy prekročili názor, že môžete ešte profesionálne vyrastať počas plánovania vašich prázdnin? Populárne cestovné stránky, formuláre rezervácie a checkout, plánovače ciest a cestovné poriadky hotela sú vynikajúcimi zdrojmi rozšíriť svoje vedomosti v oblasti dizajnu skúseností používateľov.

Pri výbere najlepších miest, hotelov a plánovaní vašej cesty je dobré dávať pozor na to, čo funguje a čo nie, čo vás inšpiruje a čo vás okamžite skočí na inú stránku. Vaše reakcie, potešenia a averzie sú skvelými charakteristickými znakmi efektívnosti dizajnu webových stránok.

V tomto článku sa môžete naučiť 10 lekcií o používateľských skúsenostiach, ktoré môžete získať z obľúbených turistických stránok.

Rozdiel medzi UI a UX

UX nie je používateľské rozhranie, je to ako nepísaný zákon. Keď budete čítať o použiteľnosti webových stránok, musíte premýšľať o používateľskom rozhraní (UI). Používateľské rozhranie je a súbor rôznych vizuálnych prvkov ako sú ponuky, tlačidlá a ikony, ktoré používajú vaši návštevníci (kliknutím, pohybom nad, klepnutím na), keď interagujú s vašou webovou stránkou.

Použiteľnosť je kvalita, ktorá popisuje používateľské rozhranie (UI). Použiteľnosť ukazuje účinnosť používateľského rozhrania, ako je ako ľahko sa používa webová stránka (Naučitelnost), ako rýchlo môžu používatelia dosiahnuť stanovené ciele (Účinnosť), ako ľahko si spomínajú spomienky o tom, ako stránka funguje (nezabudnuteľnosť) a ako je príjemné používať (spokojnosť používateľov).

Použiteľnosť je jeden aspekt zložitejšieho pojmu nazývaného užívateľská skúsenosť (UX). Skúsenosti používateľa zahŕňa všetko, čo ovplyvňuje skúsenosti používateľa - buď negatívne alebo pozitívne. Dobrý UX spĺňa všetky potreby potenciálnych zákazníkov - dobrá použiteľnosť a mnoho ďalších vecí.

Podľa užívateľskej skúsenosti výskumná firma Nielsen-Norman Group:

1. Uveďte používateľom miesto na spustenie

V prvom rade musíte dajte návštevníkom miesto, odkiaľ môžu začať. Obvykle je to domovská stránka, ktorá získava najviac kliknutí, a to nielen preto, že je to hlavný vstup na stránku, ale keď používatelia prichádzajú z vyhľadávača, ďalšie kliknutie bude s najväčšou pravdepodobnosťou hlavnou stránkou.

Preto musíte ponúka na domovskej stránke pútavý obsah a rozloženie ak chcete mať svojich návštevníkov na svojich stránkach.

Domovská stránka spoločnosti Booking.com dokazuje, že dobre rozumie potrebám svojich zákazníkov. Len o tom premýšľajte. Čo chcete robiť na cestovnom mieste? Buď viete, kam chcete ísť, a chcú vyhľadávať možnosti čo najrýchlejšie, alebo si nie ste istí, aké je miesto vašej cesty a potrebujete nejakú inšpiráciu.

Booking.com umiestnené celkový vyhľadávací formulár na ľavej strane svojej domovskej stránky pre tých, ktorí si istí, že budúci výlet. Návštevníci nemusia strácať čas prehliadaním irelevantného obsahu. Zvyšuje ich odhodlanie a zvyšuje sebavedomie.

Zostávajúci priestor na obrazovke nad záhybom dáva veľa inšpirácie menej určenému: tri veľké fotografie populárnych miest (Abu Dhabi, New York City a Dubaj) poskytujú návrhy, AJAX stream o “Len rezervované” výlety ukazujú, čo sú v súčasnosti ostatní používatelia, a dokonca aj malá časť, ktorá zabezpečuje potenciálnym zákazníkom pravidlá bezplatnej storno.

Na domovskej stránke spoločnosti Booking.com dostane každý človek potrebný stimul a pozitívne pocity, aby sa mohol presunúť na miesto ešte pred dotykom posúvača.

2. Urobte z navigácie zrejmé

Ak chcete, aby používatelia zostali na vašich stránkach, musíte im poskytnúť jasnú a ľahko použiteľnú navigáciu.

Navigácia TimeOut.com je ako inteligentná hosteska: dáva návštevníkom cennú pomoc, keď to potrebujú, ale neznepokojuje ich. Ak sa pozriete na obrázok nižšie, môžete vidieť, že navigačný systém má štyri rôzne prvky: obrovský, ľahko rozpoznateľný vyhľadávací panel, hlavné menu s jasne definovanými položkami (City Guides, Film, Hudba, umenie a kultúra, Food & Drink, O nás, Time Out Shop), dobre navrhnutý strašidelný bar a bočný panel zoznam najpopulárnejších miest.

TimeOut navrhol svoj navigačný systém takým intuitívnym spôsobom, že návštevníkom poskytuje ďalšie stimuly na prehliadku lokality. Malá miniatúra hneď vedľa každej položky bočného panela poskytuje vizuálny kľúč, krátky popis pod nadpisom Food & Drink zabezpečuje návštevníkom, že sú na správnom mieste, strúhanka robia to veľmi jednoduché na pohyb a horný vyhľadávací panel pomáha používateľom preskočiť na ďalšiu polohu, ak sa nudí s aktuálnym.

Každý prvok podporuje ostatné - jasný znak veľkého dizajnu UX.

3. Použite snímky s vysokým vplyvom

Nasledujúci obrázok obrazovky je na jednej zo stránok profilu reštaurácie TripAdvisor. Som si istý, že už ste si prečítali, že akcie na fotografiách neprinášajú dobrú skúsenosť používateľov: obyčajne niesli návštevníkov a nemajú motiváciu, aby sa v konverznom zúžení posunuli dopredu.

Alternatívou fotografií je fotografia s vysokým vplyvom, ktorá vyvoláva silné emócie u používateľov. A všetci to vieme zvýšené emócie vedú k vyššej lojalite zákazníkov.

Cestovné webové stránky zvyčajne používajú obrázky s vysokou kvalitou, ale spoločnosť TripAdvisor ich privedie na ďalšiu úroveň povzbudzovanie používateľov pridávať vlastné fotografie do každej reštaurácie. Týmto spôsobom spoločnosť TripAdvisor spices svoj obsah obrázky vytvorené používateľmi, ktoré sú zvyčajne zaujímavejšie pre priemerného návštevníka stránky návštevníkov, ako fotografie urobené profesionálmi.

Tlak zo strany kolegov je v konečnom dôsledku jednou z najsilnejších motívov. TripAdvisor tiež udržuje svoj vizuálny obsah svieži pridaním vysoko efektívnych fotografií nasnímaných používateľmi.

4. Udržujte to jednoduché

Menej je zvyčajne viac, preto je vždy dobré, aby to bolo jednoduché a zamerať sa len na relevantné informácie. Svet je taký plný rozptýlenia, že vaši návštevníci určite budú vďační, ak ich ušetríte z nepotrebného chmýří.

“Udržujte to jednoduché” je princíp UX, ktorý Lonely Planet zdanlivo sledoval na svojej domovskej stránke. najdôležitejšie témy ktoré intrikujú ich užívatelia usporiadané v čistej mriežke atraktívnych miniatúr podporovaný jeden alebo dva slová dlhé titulky.

Domovská stránka LonelyPlanetu je obzvlášť inteligentná z hľadiska používateľskej skúsenosti, pretože miniatúry slúžia aj ako navigácia poskytnúť používateľom ľahko zrozumiteľný vizuálny kľúč.

Mriežka reaguje tak, že funguje na každom výreze. Pri veľkostiach mobilných zariadení a tabletov miniatúry vyzerajú ako ikony mobilných aplikácií čo je známym usporiadaním pre všetkých mobilných používateľov a oboznámenie sa s nimi je tiež niečo, čo návštevníkom uľahčuje, a preto zvyšuje ich angažovanosť v tejto lokalite.

5. Použite akčné slovesá

S najväčšou pravdepodobnosťou poznáte akčné slovesá z kariet. Akčné slovesá nezahŕňajú iba prijímania pracovníkov, ktorí prehliadajú životopisy, ale aj webové stránky návštevníkov, ktorí prehliadajú web.

Populárna sociálna sieť na zdieľanie ubytovania, AirBnB ich využíva všade na svojich stránkach. patriť kdekoľvek, nájomné, zoznam váš priestor, Discover Miesta, preskúmať svet, vidieť kde cestujú ľudia, zdieľam vaše skúsenosti atď.

Akčné slovesá sú neuveriteľne efektívne, pretože presunúť používateľov z pasívneho stavu do aktívneho. Pozitívne skúsenosti vždy vyžadujú aktivitu v mene používateľa; Preto sú dobrodružné parky tak populárne.

Po tom všetkom čo si spomínam viac? Niečo, čo ste urobili sami alebo niečo, čo ste práve čítali v knihe? vidieť? Interakcia vás zaujme. Ak chcete zvýšiť používateľskú skúsenosť svojich stránok, neváhajte použiť akčné slovesá tam, kde sú vhodné.

6. Zjednodušenie formulárov

ako príliš zložité formy často vedú k okamžitému opusteniu najchudobnejšia vec, ktorú môžete urobiť pre skúsenosti používateľov, je zefektívniť formuláre na vašich stránkach čo najviac. Čo mám na mysli pri racionalizácii?

Môžete vidieť vynikajúci príklad, ak sa na svojej domovskej stránke dostanete na univerzálny vyhľadávací formulár služby Priceline.com. Vyhľadávacie formuláre služby Priceline sú skryté vo vnútri praktickej horizontálnej záložky.

Záložky obsahujú päť rôznych vyhľadávacích formulárov súvisiacich s piatimi oblasťami (hotely, lety, autá, dovolenkové balíky, plavby), ktorých sa spoločnosť zaoberá.

Naozaj v pohode je to, že užívatelia nemusia robiť veci, ktoré nemajú záujem, môžu preskočiť priamo do vyhľadávacieho formulára, ktorý potrebujú. Preto sú nie je zaťažené extra dátovými políčkami, polia formulára sú udržiavané na absolútnom minimu, čo znamená zvýšená účinnosť, zníženie obťažovania a rýchle pochopenie - najlepšie používateľské prostredie vôbec.

7. Urobte náraz s osobnými príbehmi

Môžete zvýšiť angažovanosť používateľov pomocou inteligentného používania osobných príbehov, ako to vlastne prežívate, na domovskej stránke GoBackpacking.com.

Dobrodružstvo skutočných ľudí je vždy oveľa zaujímavejšie ako nadmerne rafinované marketingové blábol. Vaši návštevníci nechcú čítať tie isté únavné klišé, ktoré dokážu čítať na stránkach vášho súťažiaceho - môžu dokonca generovať rovnaký bleather s nízkym dopadom sami po všetkom.

Recenzie, hodnotenia, riadené a moderované komentáre, stavy, blogové príspevky, osobné príbehy, odporúčania, všetci pridávajú na vašu stránku osobnosť zavedenie vysoko kvalitných informácií, ktoré môžu návštevníci emocionálne pripájať.

GoBackpacking obsadzuje svoju domovskú stránku s osobnými príbehmi svojich užívateľov, čo znemožňuje návštevníkom okamžite ponoriť sa do obsahu stránky bez toho, aby to vedel.

8. Zahrnúť súvisiace produkty

Súvisiace, odporúčané a populárne miniaplikácie produktov používajú všetci veľkí hráči e-Commerce, takže nie je veľké prekvapenie, že cestovné stránky tiež získavajú pákový efekt.

HotelTravel.Com rieši úlohu veľmi zložitým a efektívnym spôsobom. Jeho odporúčací motor preberá miesto, ktoré návštevník hľadá - v našom prípade to je Hongkong - a ukazuje niektoré ďalšie hotelové možnosti odporúčané inými používateľmi. Súvisiace hotely sú tiež odporúčané, riešenie 2 v 1, ktoré je vždy dobrý nápad.

Návrhári HotelTravel.Com urobili o krok ďalej a umiestnili príbuzných výrobkov do šikovnej harmoniky ktorá umožňuje používateľovi skupinové odporúčania podľa štyroch rôznych kritérií (Best Value, Best Service, Best Room Standard, Best Location).

Ak chcete, aby widget vizuálne zaujímal hodnotenie, sú zahrnuté aj cena, malá miniatúra a krátky citát z poslednej recenzie. poskytnúť maximálnu pomoc návštevníkom rozhodnúť sa, ktoré ubytovacie zariadenie vyhovuje ich potrebám.

9. Diskusia o výhodách

Zobrazujú sa návštevníci výhody, ktoré môžu získať na vašich stránkach, vždy lepšie užívateľsky prívetivé než ich obťažovať so suchými faktami, ktoré z nich spomaľujú.

Na domovskej stránke spoločnosti Booking.com vidíme inteligentné využitie tohto princípu dizajnu UX. Na pravej strane obrazovky uvidíte “Prečo používať Booking.com?” časť, ktorá zahŕňa šesť výhod ktoré sú v súlade s hodnotami priemerného cestujúceho (nízka cena, výber tabule výberu, jednoduché používanie rozhrania, osadený kontrolný systém, kvalitný zákaznícky servis a dostupnosť 24 hodín denne).

Tieto hodnoty sú samozrejme prepracované do viacerých pútavý spôsob a príď s odkazmi kde potenciálni zákazníci môžu prejsť ďalej. “Prečo používať Booking.com” widget je v skutočnosti zdokonalená verzia bežného “Vlastnosti” časť priemernej webovej stránky o malých podnikoch, ale zahŕňa veľa podporných prvkov.

farebné ikony, zvýraznené odkazy a špecifické údaje (ako napr “701,118 nehnuteľností po celom svete”), všetci veria, že používatelia veria, že sú na profesionálnej webovej stránke, ktorej môžu dôverovať. prezentácia obľúbených miest od Sydney do Dublinu na ľavej strane a malý widget tretej strany ReviewCentre všetci podporujú skúsenosti a budovať dôveru.

10. Poskytnite sociálny dôkaz

Keď ľudia hovoria o sociálnych dôkazoch, zvyčajne znamenajú miniaplikácie sociálnych médií, ako je napríklad Facebook Likebox, ktorý je tiež skvelým prvkom dobre navrhnutého UX, ale domovská stránka TripAdvisor je skvelým príkladom ako fungujú iné formy sociálneho dôkazu.

Koncept sociálneho dôkazu je založený na psychologickom princípe, ktorý hovorí, že ľudia majú väčšiu pravdepodobnosť, že urobia niečo ak vidia ostatných okolo nich robte to isté. Externá validácia je veľkou motiváciou pre väčšinu z nás tak múdri dizajnéri vytvárajú sociálne dôkazy na svojich stránkach spôsobom, ktorý povzbudzuje návštevníkov, aby zopakovali správanie svojich spoluobčanov.

Na TripAdvisor pútavé sociálny obsah je zabudovaný do šikovnej navigácie na karte s tromi oddielmi: recenzie hotelov, fotografie používateľov a fóra. Názov widgetu je “O čom hovoria cestujúci” ktorý je menej náročné ako priemerné titulky na obchodných miestach; preto sa okamžite dotkne návštevníka.

Časť recenzií hotela je navrhnutá šikovne umožňuje ľahko stráviť obsah: malá profilová fotografia a poradie recenzujúceho používateľa, názov posudzovaného hotela, krátka citácia zo samotnej recenzie a ikona hodnotenia, ktorá sa dobre hodí na všeobecný dizajn stránky.