UX Design 10 Věci Cestovní webové stránky vám může naučit

Překonal někdy vaši mysl, že můžete stále růst profesionálně, když plánujete dovolenou? Populární cestovní stránky, rezervační a pokladní formuláře, plánovače výletů a hotelové jízdní řády jsou vynikajícími zdroji rozšířit své znalosti v oblasti designu uživatelských zkušeností.

Při výběru nejlepších míst, hotelů a plánování vaší cesty je dobré věnovat pozornost tomu, co funguje a co ne, co vás inspiruje a co vás okamžitě přivede na jiné stránky. Vaše reakce, požitky a averze jsou skvělými charakteristikami efektivity designu stránek.

V tomto článku se můžete naučit 10 lekcí o uživatelských zkušenostech, které můžete vyzvednout z oblíbených cestovních stránek.

Rozdíl mezi UI a UX

UX není UI, je to jako nepsaný zákon. Když čtete o použitelnosti webových stránek, musíte přemýšlet o jeho uživatelském rozhraní (UI). Uživatelské rozhraní je sada různých vizuálních prvků například nabídky, tlačítka a ikony, které vaši návštěvníci používají (klikněte na, přejděte na, klepněte na), když komunikují s vašimi webovými stránkami.

Použitelnost je kvalita, která popisuje uživatelské rozhraní (UI). Ukazatelnost ukazuje účinnost uživatelského rozhraní, jako je např jak snadné je používat webové stránky (learningnability), jak rychle mohou uživatelé dosáhnout stanovených cílů (účinnost), jak snadno si mohou vzpomenout na své vzpomínky o způsobu, jakým web funguje (zapamatovatelnost) a jak příjemné je používání (spokojenost uživatelů).

Použitelnost je jedním z aspektů komplikovanějšího pojmu nazvaného uživatelská zkušenost (UX). Uživatelská zkušenost zahrnuje vše, co ovlivňuje zkušenost uživatele - negativně nebo pozitivně. Dobrý UX splňuje všechny potřeby potenciálních zákazníků - dobrou použitelnost a mnoho dalších věcí.

Podle průzkumné firmy Nielsen-Norman Group:

1. Dejte uživatelům místo pro start

V první řadě musíte dát svým návštěvníkům místo, odkud mohou začít. Je to obvykle domovská stránka, která získává nejvíce kliknutí, nejen proto, že je to hlavní vstup na stránku, ale když uživatelé pocházejí z vyhledávače, další kliknutí bude pravděpodobně domovskou stránkou..

Proto musíte nabídnout poutavý obsah a rozložení na domovské stránce chcete-li udržet své návštěvníky na svých stránkách.

Domovská stránka Booking.com dokazuje, že dobře rozumí potřebám svých zákazníků. Přemýšlej o tom. Co chceš dělat na stránkách o cestování? Buď víte, kam chcete jít a chcete vyhledat možnosti tak rychle, jak jen můžete, nebo si nejste jisti, kde se nacházíte, a potřebujete inspiraci.

Booking.com umístil celkový vyhledávací formulář na levé straně své domovské stránky pro ty, kteří si jsou jisti jejich budoucí cestou. Návštěvníci nemusejí ztrácet čas procházením irelevantním obsahem. To jim dává větší odhodlání a posílení sebevědomí.

Zbývající prostor na obrazovce nad záhybem dává hodně inspirace méně odhodlaným: tři velké obrázky populárních míst (Abu Dhabi, New York City a Dubaj) poskytují návrhy, proud AJAX o “Právě rezervován” Cesty ukazují, co ostatní uživatelé v současné době dělají, a je zde i malá část, která zajišťuje potenciálním zákazníkům o zásadách bezplatného zrušení.

Na domovské stránce Booking.com každý dostane potřebné pobídky a pozitivní pocity, aby se mohl pohybovat na webu dříve, než se dotkne posuvníku.

2. Udělej si svou navigaci Zjevně

Pokud chcete, aby uživatelé zůstali na svých stránkách, musíte jim poskytnout přehlednou a snadno použitelnou navigaci.

Navigace TimeOut.com je jako inteligentní hosteska: návštěvníkům poskytuje cennou pomoc, když ji potřebují, ale neotravuje je. Pokud se podíváte na níže uvedený obrázek, uvidíte, že navigační systém má čtyři různé prvky: obrovský, snadno rozeznatelný vyhledávací panel, hlavní menu s jasně definovanými položkami (City Guides; Film; Hudba, Umění a kultura; Jídlo a pití; O nás; Time Out Shop), dobře navržený strouhankový bar a postranní panel seznam nejoblíbenějších měst.

TimeOut navrhl svůj navigační systém tak intuitivním způsobem, který návštěvníkům poskytne další pobídky k prozkoumání stránek. Malá miniatura vedle každé položky postranního panelu dává vizuální klíč, krátký popis pod nadpisem Food & Drink zajišťuje návštěvníkům, že jsou na správném místě, strouhanka usnadňuje přesun a horní vyhledávací panel pomáhá uživatelům přejít na další místo, pokud se nudí aktuálním.

Každý prvek podporuje ostatní - jasný znak velkého designu UX.

3. Použijte snímky s vysokým dopadem

Snímek obrazovky níže je na jedné z webových stránek profilu společnosti TripAdvisor. Jste si jisti, že jste si již přečetli, že fotografie z fotografií nevytvářejí dobré uživatelské zkušenosti: obvykle nesly návštěvníky a nemotivují je k tomu, aby v konverzní zóně postupovali vpřed.

Alternativou fotografií z fotografií jsou snímky s velkým dopadem, které u uživatelů vyvolávají silné emoce. A všichni to víme zvýšené emoce vedou k vyšší loajalitě zákazníků.

Cestovní webové stránky obvykle používají vysoce kvalitní obrázky, ale společnost TripAdvisor ji posouvá na další úroveň povzbuzování uživatelů k přidávání vlastních fotografií do každé restaurace. Tímto způsobem společnost TripAdvisor svůj obsah zjemní uživatelsky generované obrázky, které jsou obvykle zajímavější pro průměrného návštěvníka webu než fotografie pořízené profesionály.

Vzájemný tlak je přece jen jednou z nejsilnějších motivací. TripAdvisor také udržuje svůj vizuální obsah čerstvý přidáním vysoce efektivních fotografií pořízených uživateli.

4. Keep It Simple

Méně je obvykle více, takže je vždy dobré udržet věci jednoduché a zaměřit se pouze na relevantní informace. Svět je tak plný rozptýlení, že vaši návštěvníci budou jistě vděční, pokud je zachráníte před zbytečným chmýřím.

“Udržujte to jednoduché” je princip UX, který Lonely Planet zdánlivě následoval na své domovské stránce. nejdůležitější témata které jsou jejich uživatelé uspořádány v přehledné mřížce atraktivních miniatur podporováno jedno nebo dvě slova dlouhé titulky.

Domovská stránka LonelyPlanet je obzvláště inteligentní z hlediska uživatelského komfortu, protože miniatury také slouží jako navigace dávají uživatelům snadno srozumitelný vizuální klíč.

Mřížka reaguje tak, že funguje na každém výřezu. Na mobilní a tabletové velikosti vypadají miniatury jako ikony mobilních aplikací který je známému uspořádání pro všechny mobilní uživatele a důvěrnost je také něco, co návštěvníkům poskytuje pohodlí, a proto zvyšuje jejich angažovanost na webu.

5. Použijte akční slovesa

S největší pravděpodobností jste obeznámeni s akčními verbemi z kariérních míst. Akční slovesa se zabývají nejen náboráři, kteří skenují prostřednictvím životopisů, ale také návštěvníkům webu, kteří procházejí webem.

Populární sociální síť pro sdílení ubytování, AirBnB je používá všude na svém místě. Patřit kdekoli, Pronajmout si, Seznam váš prostor, Objevit míst, Prozkoumat svět, Vidět kde cestují lidé, Podíl vaše zkušenosti atd.

Akční slovesa jsou neuvěřitelně efektivní, protože oni přesunout uživatele z pasivního stavu na aktivní. Pozitivní zkušenosti vždy vyžadují aktivitu jménem uživatele; proto jsou dobrodružné parky tak populární.

Koneckonců, co si pamatujete víc? Něco, co jste udělali sami, nebo něco, co jste právě četli v knize? Vidět? Interakce vás také zaujme. Pokud tedy chcete zvýšit uživatelský komfort svých stránek, neváhejte použít akční slovesa tam, kde jsou vhodná.

6. Zjednodušte své formuláře

Tak jako příliš komplikované formy často vedou k okamžitému opuštění nejchytřejší věc, kterou můžete pro své uživatele udělat, je zefektivnit formuláře na vašich stránkách tak, jak je to možné. Co tím myslím zefektivnění?

Vynikající příklad můžete vidět, když se podíváte na univerzální vyhledávací formulář Priceline.com na své domovské stránce. Formuláře pro vyhledávání jsou k dispozici skryté uvnitř šikovné horizontální navigační sekce.

Karty obsahují pět různých vyhledávacích formulářů, které se týkají pěti oblastí (Hotely, Lety, Auta, Dovolenkové balíčky, Zájezdy)..

Opravdu skvělá věc je, že uživatelé se nemusí obtěžovat s věcmi, o které nemají zájem, mohou skočit přímo do vyhledávacího formuláře, který potřebují. Proto jsou nezatěžovány extra datovými poli, pole formuláře jsou udržována na absolutním minimu, což znamená zvýšení efektivity, snížení obtěžování a rychlé pochopení - nejlepší uživatelský zážitek.

7. Dopad s osobními příběhy

Na domovské stránce GoBackpacking.com můžete zvýšit zapojení uživatelů pomocí inteligentního používání osobních příběhů, jako byste je vlastně zažívali..

Dobrodružství skutečných lidí jsou vždy zajímavější, než přehnané marketingové blábolení. Vaši návštěvníci nechtějí číst stejné únavné klišé, které si mohou přečíst na stránkách vašeho konkurenta - dokonce mohou samy generovat stejný nízký dopad..

Recenze, hodnocení, řízené a moderované komentáře, stavy, příspěvky na blogu, osobní příběhy, doporučení, všechny přidávají osobnost na vaše stránky proto představení vysoce kvalitních informací, na které se vaši návštěvníci mohou emocionálně připojit.

GoBackpacking naplní svou domovskou stránku osobními příběhy svých uživatelů, díky kterým se návštěvníci okamžitě ponoří do obsahu stránek, aniž by to věděli.

8. Zahrnout související produkty

Související, doporučené a oblíbené widgety produktů jsou používány všemi velkými hráči e-Commerce, takže není velkým překvapením, že jejich stránky využívají i jejich využití.

HotelTravel.Com řeší tento úkol velmi složitým a efektivním způsobem. Jeho doporučení motoru bere umístění, které návštěvník hledá - v našem případě je to Hong Kong - a ukazuje další Možnosti hotelu doporučené jinými uživateli. Související hotely jsou také doporučené, řešení 2 v 1, což je vždy dobrý nápad.

Návrháři HotelTravel.Com vzali o krok dál a umístili související produkty do šikovného akordeonu umožňující uživateli skupinová doporučení podle čtyř různých kritérií (Best Value, Best Service, Best Room Standard, Best Location).

Chcete-li, aby byl widget vizuálně zajímavý, cena, malá miniatura a krátká citace z nejnovější recenze jsou také zahrnuty do návštěvníkům poskytnout maximální pomoc rozhodnout, které ubytování vyhovuje jejich potřebám.

9. Diskuse o výhodách

Ukazující návštěvníkům výhody, které mohou na vašich stránkách získat, je vždy uživatelsky přívětivější, než je otravovat suchými fakty, které je činí tak, že usínají.

Na domovské stránce Booking.com vidíme inteligentní využití tohoto principu UX designu. Na pravé straně obrazovky je vidět “Proč používat Booking.com?” který obsahuje šest výhod to vše je v souladu s hodnotami průměrného cestujícího (nízká cena, rozsah výběru desky, snadné používání rozhraní, osídlený revizní systém, kvalitní služby zákazníkům a dostupnost 24/7).

Samozřejmě jsou tyto hodnoty formulovány více poutavým způsobem a pojď s odkazy potenciálních zákazníků. “Proč používat Booking.com” widget je ve skutečnosti rozšířené verze pravidelného “Funkce” sekce webové stránky, ale obsahuje mnoho podpůrných prvků.

barevné ikony, zvýrazněné odkazy a konkrétní data (jako “701,118 nemovitostí po celém světě”) všichni se domnívají, že jsou na profesionální webové stránce, které mohou důvěřovat. přehlídka oblíbených míst ze Sydney do Dublinu na levé straně a malý widget recenze třetí strany podporují zkušenosti a budují důvěru.

10. Poskytovat sociální důkaz

Když lidé hovoří o sociálním důkazu, obvykle znamenají sociální mediální widgety, jako je Facebook, který je také skvělým prvkem dobře navrženého UX, ale domovská stránka společnosti TripAdvisor poskytuje skvělý příklad jak jiné formy sociální práce.

Koncept sociálního důkazu je založen na psychologickém principu, který říká, že lidé s větší pravděpodobností něco udělají pokud vidí kolem sebe ostatní to samé. Externí validace je velkou motivací pro většinu z nás, tak moudrí návrháři staví sociální důkaz do svých stránek způsobem, který povzbudí návštěvníky, aby opakovali chování svých kolegů..

Na TripAdvisor je poutavý sociální obsah je zabudován do šikovné navigace se třemi sekcemi: Recenze hotelů, Fotky od uživatelů a Fóra. Název widgetu je “O čem cestující mluví” který je menší než průměrné titulky na komerčních místech; tak zachytí návštěvnické oko najednou.

Sekce Recenze hotelů je navržena inteligentně usnadňuje trávení obsahu: malá profilová fotka a pořadí hodnotícího uživatele, název recenzovaného hotelu, krátká citace ze samotné recenze a ikona hodnocení, která dobře vyhovuje obecnému návrhu stránek.