UX Design 10 dolog Utazási weboldalak taníthatnak
Valaha átlépte az elmédet, hogy még mindig szakmailag növekszik, amikor a nyaralását tervezi? A népszerű utazási weboldalak, a foglalási és a pénztár-űrlapok, az utazástervezők és a szálloda menetrendjei mind kiváló források növelje ismereteit a felhasználói élménytervezés területén.
A legjobb helyek, szállodák és utazás ütemezése során jó ötlet, hogy figyeljen arra, hogy mi működik, és mi nem, mi inspirálja Önt és mi teszi azonnal az egyik oldalra ugrás. Az Ön reakciói, örömei és elképzelései nagyszerűen jelzik a webhely felhasználói élményének tervezését.
Ebben a cikkben 10 órát tanulhat meg a népszerű utazási oldalakról származó felhasználói élményről.
A különbség az UI és az UX között
Az UX nem UI, olyan, mint egy íratlan törvény. Amikor egy webhely használhatóságáról olvas, gondolni kell a felhasználói felületre (UI). A felhasználói felület a különböző vizuális elemek halmaza például a menük, gombok és ikonok, amelyeket a látogatók használnak (kattintsunk rá, kattintsunk rá, érintsük meg), amikor interakcióba lépnek a webhelyével.
A használhatóság a felhasználói felületet (UI) leíró minőség. A használhatóság a felhasználói felület hatékonyságát mutatja, például mennyire egyszerű a weboldal használata (Tanulhatóság), milyen gyorsan tudják elérni a meghatározott célokat (hatékonyság), milyen könnyen tudják emlékezni az emlékeikre a helyszín működésének módjáról (emlékezetesség) és mennyire kellemes a használata (felhasználói elégedettség).
A használhatóság a bonyolultabb felhasználói élmény (UX) egyik aspektusa. Felhasználói tapasztalat mindent magában foglal, ami befolyásolja a felhasználó tapasztalatait - negatívan vagy pozitívan. A jó UX megfelel a leendő ügyfelek minden igényének - jó használhatóság és sok más dolog.
A Nielsen-Norman Group felhasználói tapasztalata szerint:
1. Adjon meg egy helyet a felhasználóknak, hogy kezdjenek
Először is, meg kell adja meg a látogatóknak egy helyet, ahonnan indulhatnak. Általában ez a kezdőlap kapja a legtöbb kattintást, nem csak azért, mert a webhely főbejárata, hanem amikor a felhasználók keresőmotorból érkeznek, a következő kattintással valószínűleg a kezdőlap lesz.
Ezért kell kínáljon vonzó tartalmat és elrendezést a honlapon ha meg szeretné tartani a látogatóit a webhelyén.
A Booking.com honlapja bizonyítja, hogy jól érti ügyfeleik igényeit. Csak gondolj bele. Mit szeretne tenni egy utazási oldalon? Tudod, hogy hová akarsz menni, és amilyen gyorsan csak akarsz, keressük meg a lehetőségeket, vagy nem biztos benne, hogy hol van az utazás helye, és inspirációra van szüksége.
A Booking.com egy teljes keresési űrlap a bal oldalon honlapja azok számára, akik biztosak a jövőbeli utazásukban. A látogatóknak nem kell vesztegetniük az időt a nem releváns tartalom böngészésével. Ez fokozottabb elhatározással és fokozott önbizalommal hagyja őket.
A képernyőn maradt hely a hajtás felett sok inspirációt ad a kevésbé meghatározottaknak: három nagyszerű kép a népszerű helyekről (Abu Dhabi, New York City és Dubai) javaslatokat, egy AJAX adatfolyamot nyújt a “Csak lefoglalt” az utazások megmutatják, hogy mások milyen felhasználóknak vannak, és van még egy kis rész, amely biztosítja a leendő ügyfeleket az ingyenes lemondási szabályokról.
A Booking.com honlapján mindenki megkapja a szükséges ösztönző és pozitív érzéseket, hogy tovább lépjenek a webhelyen, mielőtt megérintené a görgetősávot.
2. Nyissa meg a navigációt
Ha azt szeretné, hogy a felhasználók a webhelyén maradjanak, nyilvánvaló és könnyen használható navigációt kell biztosítani számukra.
A TimeOut.com navigációja olyan, mint egy intelligens háziasszony: ez értékes segítséget nyújt a látogatóknak, ha szükségük van rá, de nem bosszantja őket. Ha megnézzük az alábbi képet, láthatjuk, hogy a navigációs rendszer rendelkezik négy különböző elem: egy hatalmas, könnyen felismerhető keresősáv, a főmenü egyértelműen meghatározott elemekkel (City Guides; Film; Zene, művészet és kultúra; Étel és ital; a legnépszerűbb városok listája.
A TimeOut olyan intuitív módon tervezte navigációs rendszerét, amely további ösztönzőket kínál a látogatóknak a webhely felfedezéséhez. A kis bélyegkép minden oldalsáv elem mellett vizuális kulcsot ad, a rövid leírást az Étel és ital cím alatt biztosítja, hogy a látogatók megfelelő helyen legyenek, a zsemlemorzsák rendkívül könnyűvé válnak, és a felső keresősáv segít a felhasználóknak a következő helyre ugrani, ha unatkoznak az aktuális.
Mindegyik elem támogatja a másikat - a nagy UX-tervezés egyértelmű jele.
3. Használja a nagy hatású képeket
Az alábbi képernyőkép a TripAdvisor egyik étterme profiloldalán található. Biztos vagyok benne, hogy már elolvasta, hogy a stock fotók nem teszik jó felhasználói élményt: általában látogatókat hordottak, és nem motiválják őket, hogy továbblépjenek a konverziós csatornában.
A stock fotók alternatívája a nagy hatású kép, amely erős érzelmeket vált ki a felhasználókban. És mindannyian tudjuk a megnövekedett érzelmek nagyobb ügyfélleltséghez vezetnek.
Az utazási weboldalak általában minden esetben kiváló minőségű képeket használnak, de a TripAdvisor a következő szintre lép arra ösztönözve a felhasználókat, hogy hozzanak létre saját fotóikat minden étteremhez. Így a TripAdvisor fűszerezi a tartalmát a felhasználó által generált képek, amelyek általában érdekesebbek az átlagos utazási oldal látogatója számára, mint a szakemberek által készített képek.
A peer nyomás az egyik legerősebb motiváció. TripAdvisor is megtartja vizuális tartalmát frissen a felhasználók által készített nagyhatású képek hozzáadásával.
4. Tartsa egyszerűnek
A kevésbé általában több, ezért mindig jó ötlet, hogy a dolgokat egyszerűvé tegyük, és csak a releváns információkra összpontosítsunk. A világ annyira tele van zavaró hatással, hogy a látogatók biztosan hálásak lesznek, ha megmented őket a felesleges bolyhokból.
“Ne komplikáld túl” az a UX-elv, amelyet a Lonely Planet látszólag követett a honlapján. A legfontosabb témák hogy az ügyfelek a felhasználókat rendezett rácsban, vonzó miniatűrökkel támogatta egy vagy két szó hosszú címsorok.
A LonelyPlanet honlapja különösen okos a felhasználói élmény szempontjából, mivel a bélyegképek navigációként is szolgálnak a felhasználók számára könnyen érthető vizuális kulcsot ad.
A rács érzékeny, így minden nézetablakban működik. Mobil és tablet méretben a bélyegképek olyanok, mint a mobilalkalmazások ikonjai amely minden mobil felhasználó számára ismerős elrendezés, és az ismeretek is olyanok, amelyek kényelmet biztosítanak a látogatóknak, emiatt növelik elkötelezettségüket a webhelyen.
5. Használja az Akció igéket
Valószínűleg ismeri a karrier-oldalak akciótábláit. A cselekvési igék nem csak a folytatókat szkennelő toborzókat, hanem az interneten böngésző webhelyeket is bevonják.
A népszerű szállásmegosztó szociális hálózat, az AirBnB mindenütt használja a webhelyén. Belong bárhol, Bérlés, Lista a helyed, Felfedez helyek, Fedezd fel a világ, Lát ahol az emberek utaznak, Részvény az Ön tapasztalata stb.
A cselekvési igék hihetetlenül hatékonyak, mert ők mozgassa a felhasználókat passzív állapotból aktívra. A pozitív tapasztalatok mindig a felhasználó nevében tevékenykednek; ezért a kalandparkok annyira népszerűek.
Végül is mit emlékszel többet? Valamit, amit maga csinált, vagy valamit, amit csak egy könyvben olvasott? Lát? Az interakció is magával ragad. Tehát, ha növelni szeretné webhelyének felhasználói élményét, ne habozzon használni az akció igéket, ahol azok megfelelőek.
6. Az űrlapok egyszerűsítése
Mint túl bonyolult formák gyakran azonnali elhagyáshoz vezetnek a legokosabb dolog, amit a felhasználók tapasztalatai alapján tehetsz, hogy a webhelyed formáit racionalizálja, amennyire csak lehetséges. Mit értem az egyszerűsítés alatt?
Kiváló példát láthatsz, ha a keresőlapot egy általános keresési űrlapon keresed a honlapján. A Priceline keresési űrlapjai egy praktikus vízszintes lapozott navigációs részben rejtve.
A lapok öt különböző keresési űrlapot tartalmaznak az öt területhez (szállodák, járatok, autók, üdülési csomagok, utazások), amelyekkel a vállalat részt vesz.
Az igazán jó dolog itt az, hogy a felhasználóknak nem kell zavarniuk azokat a dolgokat, amelyeket nem érdekelnek, jobbra ugorhatnak a szükséges keresési formára. Ezért vannak nem terheli több adatmező, az űrlapmezőket abszolút minimumra tartják, ami azt jelenti fokozott hatékonyság, csökkent bosszúság és gyors megértés - a legjobb felhasználói élmény.
7. Hozzon létre hatást a személyes történetekkel
A GoBackpacking.com kezdőlapján növelheti a felhasználói elkötelezettséget az olyan személyes történetek intelligens használatával, mint amilyeneket ténylegesen tapasztal..
A valódi emberek kalandjai mindig érdekesebbek, mint a túlzottan kifinomult marketingbabble. A látogatók nem akarják elolvasni ugyanazokat a fárasztó kliséket, amiket olvashatnak a versenytársaik webhelyén - akkor is, ha ugyanazt az alacsony hatású blethert is létrehozhatják..
Vélemények, értékelések, irányított és moderált megjegyzések, állapotok, blogbejegyzések, személyes történetek, ajánlások, ezért mind hozzáadnak személyiséget a webhelyéhez magas színvonalú információ bevezetése a látogatók érzelmileg kapcsolódhatnak hozzá.
A GoBackpacking honlapja személyes felhasználói történeteivel gazdagodik, így a látogatók azonnal elmerülnek az oldal tartalmában anélkül, hogy tudnák róla.
8. Tartalmazza a kapcsolódó termékeket
A kapcsolódó, ajánlott és népszerű termék widgeteket az összes nagy e-kereskedelmi játékos használja, így nem nagy meglepetés, hogy az utazási oldalak is kihasználják őket.
A HotelTravel.Com nagyon nehéz és hatékony módon oldja meg a feladatot. Ajánlási motorja az a hely, amelyet a látogató keres - a mi esetünkben Hong Kong - és még néhányat mutat a többi felhasználó által ajánlott szálláslehetőségek. A kapcsolódó szállodák is az ajánlottak, a 2-in-1 megoldás, amely mindig jó ötlet.
A HotelTravel.Com tervezői további lépést tettek, és elhelyezték a kapcsolódó termékeket egy praktikus harmonikába amely lehetővé teszi a felhasználó számára csoportos ajánlások négy különböző kritérium szerint (Best Value, Best Service, Best Room Standard, legjobb hely).
Ahhoz, hogy a widget vizuálisan érdekes legyen a minősítés, az ár, egy kis indexkép és egy rövid idézet a legújabb áttekintésből maximális segítséget nyújt a látogatóknak eldönteni, hogy melyik szálláshely megfelel az igényeiknek.
9. Beszéljen az előnyökről
A látogatók bemutatása az Ön webhelyén elért előnyökkel mindig felhasználóbarátabb, mint a száraz tényekkel való megfertőzés, ami elalszik.
A Booking.com honlapján az UX tervezési elvének okos kihasználása látható. A képernyő jobb oldalán látható a “Miért érdemes a Booking.com-ot használni?” szakasz, amely tartalmazza a hat előny amelyek mindegyike összhangban van az átlagos utazó értékével (alacsony ár, a választék választéka, a kezelőfelület egyszerű használata, lakott felülvizsgálati rendszer, minőségi ügyfélszolgálat és 24 órás rendelkezésre állás).
Természetesen ezek az értékek még inkább megfogalmazódnak érdekes módon és gyere linkekkel ahol a leendő ügyfelek továbbléphetnek. A “Miért érdemes a Booking.com-ot használni” a widget valójában a rendszeres változat továbbfejlesztett verziója “Jellemzők” szakasz egy átlagos kisvállalkozói weboldal, de számos támogató elemet tartalmaz.
A színes ikonok, a kiemelt linkek és a konkrét adatok (mint például “701.118 ingatlan világszerte”) mindannyian úgy vélik, hogy a felhasználók úgy gondolják, hogy egy professzionális weboldalon vannak, ahol megbízhatnak. A népszerű helyek bemutatása Sydney-től Dublinba a bal oldalon, és a harmadik fél ReviewCentre kis widgetje támogatja a tapasztalatokat és bizalmat.
10. Szociális bizonyíték biztosítása
Amikor az emberek társadalmi bizonyítékokról beszélnek, általában a szociális média widgeteket jelentik, mint például a Facebook, ami szintén nagyszerű eleme a jól megtervezett UX-nek, de a TripAdvisor kezdőlapja kiváló példát mutat a szociális bizonyítékok más formái.
A társadalmi bizonyíték fogalma olyan pszichológiai alapokon nyugszik, amely szerint az emberek nagyobb valószínűséggel tesznek valamit ha látnak másokat körülöttük ugyanezt tegyük. A külső validálás nagy motiváció a legtöbbünk számára a bölcs tervezők olyan társadalmi bizonyítékokat építenek be a webhelyeikre, amelyek arra ösztönzik a látogatókat, hogy ismételjék meg a többi felhasználó viselkedését.
A TripAdvisoron a vonzó A szociális tartalom egy praktikus tabulációs navigációba épül három részből áll: Hotel értékelések, felhasználók által készített fotók és fórumok. A widget címe “Mit beszélnek az utazók” ami kevesebb, mint az átlagos felirat kereskedelmi helyeken; ezért azonnal elkapja a látogató szemét.
A Hotel Reviews szekciót intelligens módon tervezték a tartalmat könnyen emészthetővé teszi: egy kis profilfotó és a felülvizsgáló felhasználó rangsorolása, a felülvizsgált szálloda neve, egy rövid hivatkozás a felülvizsgálatról és egy minősítési ikon, amely jól illeszkedik az oldal általános tervezéséhez.
