UX Design 10 site-uri web de călătorie vă pot învăța

Ți-a trecut vreodată treaba că poți să te dezvolți profesional în timp ce îți planifici vacanțele? Site-urile populare de călătorie, formularele de rezervare și checkout, planificatorii călătoriilor și orarele hotelului sunt toate surse excelente va imbunatati cunostintele in domeniul designului de experienta a utilizatorilor.

În timp ce selectați cele mai bune locații, hoteluri și planificați călătoria dvs., este o idee bună să acordați atenție activităților și a ceea ce nu, ceea ce vă inspiră și ceea ce vă face să călătoriți imediat la un alt site. Reacțiile, deliciile și aversiunile dvs. sunt toate caracteristicile excelente ale eficienței designului de experiență al utilizatorului.

În acest articol puteți afla 10 lecții despre experiența utilizatorilor pe care le puteți lua de pe site-urile de călătorie populare.

Diferența dintre UI și UX

UX nu este UI, este ca un nescris lege. Când citiți despre utilizarea unui site web, trebuie să vă gândiți la interfața sa de utilizator (UI). Interfața de utilizator este a set de elemente vizuale diferite cum ar fi meniurile, butoanele și pictogramele pe care vizitatorii dvs. le utilizează (faceți clic pe, mutați mouse-ul, apăsați pe) când interacționează cu site-ul dvs..

Utilizabilitatea este o calitate care descrie interfața cu utilizatorul (UI). Utilizabilitatea arată eficiența UI, cum ar fi cat de usor este sa folosesti un site web (Abilitate de a invata), cat de repede utilizatorii pot atinge obiectivele specificate (eficienţă), cât de ușor își pot aminti amintirile despre modul în care site-ul funcționează (memorabilitate) și cat de placuta este sa folosesti (satisfacția utilizatorului).

Utilizabilitatea este un aspect al unei noțiuni mai complexe, denumită experiență utilizator (UX). Experiența utilizatorului implică tot ceea ce afectează experiența utilizatorului - fie negativ, fie pozitiv. Un bun UX satisface toate nevoile clienților potențiali - bună utilizare și multe alte lucruri.

Potrivit experienței utilizatorilor, firma de cercetare Nielsen-Norman Group:

1. Acordați utilizatorilor un loc pentru a începe

În primul rând, trebuie să dați vizitatorilor dvs. un loc de unde pot începe. Este, de obicei, pagina de pornire care primește cele mai multe clicuri, nu numai pentru că este intrarea principală la un site, dar când utilizatorii provin dintr-un motor de căutare, următorul clic va fi cel mai probabil pagina de pornire.

De aceea trebuie oferiți un conținut și un aspect interesant pe pagina de pornire dacă doriți să vă păstrați vizitatorii pe site-ul dvs..

Pagina de pornire a companiei demonstrează că ei înțeleg bine nevoile clienților. Gandeste-te la asta. Ce vrei să faci pe un site de călătorie? Știți unde vreți să mergeți și doriți să căutați posibilitățile cât mai repede posibil, sau nu sunteți sigur de locația călătoriei dvs. și aveți nevoie de o inspirație.

Booking.com a fost plasat formular general de căutare pe partea stângă din pagina de pornire pentru cei care sunt siguri despre viitoarea lor călătorie. Vizitatorii nu trebuie să-și piardă timpul navigând prin conținut irelevant. Acest lucru le lasă o determinare sporită și o încredere în sine.

Spațiul rămas pe ecran deasupra ori oferă multă inspirație celor mai puțin determinați: trei imagini mari ale locațiilor populare (Abu Dhabi, New York City și Dubai) oferă sugestii, un flux AJAX despre “Doar rezervat” excursii arată ceea ce alți utilizatori sunt în prezent până la, și există chiar și o mică secțiune care asigură clienților potențiali cu privire la politica de anulare gratuită.

Pe pagina principală a companiei, toată lumea primește stimulentele necesare și sentimentele pozitive pentru a trece mai departe pe site înainte de a atinge chiar barul de defilare.

2. Faceți navigația dvs. evidentă

Dacă doriți ca utilizatorii să rămână pe site-ul dvs., trebuie să le oferiți o navigare evidentă și ușor de utilizat.

Navigarea TimeOut.com este ca o hostess inteligentă: oferă vizitatorilor un ajutor valoros atunci când au nevoie de ea, dar nu-i deranjează. Dacă vă uitați la imaginea de mai jos, puteți vedea că sistemul de navigație are patru elemente diferite: o bară de căutare imensă, ușor de recunoscut, un meniu principal cu elemente clar definite (City Guides, Film, Muzică, Artă și Cultură, Food & Drink, Despre Noi, Time Out Shop), un bar de paine bine conceput și o bară laterală lista orașelor cele mai populare.

TimeOut și-a proiectat sistemul de navigație într-un mod atât de intuitiv încât oferă vizitatorilor stimulente suplimentare pentru a explora site-ul. Miniatură mică, chiar lângă fiecare element al barei laterale oferă o cheie vizuală, scurta descriere sub titlul Food & Drink asigură vizitatorilor că sunt pe locul potrivit, pescărușurile îl fac foarte ușor să meargă, iar bara de căutare de sus ajută utilizatorii să sară la următoarea locație dacă se plictisesc de cea actuală.

Fiecare element susține celelalte - un semn clar de design UX excelent.

3. Utilizați imagini cu impact înalt

Imaginea de mai jos este una din paginile de profil ale restaurantului. Sunt sigur că ați citit deja că fotografiile de stoc nu oferă o experiență bună pentru utilizatori: de obicei, au purtat vizitatori și nu îi motivează să meargă mai departe în canalul de conversie.

Alternativa fotografiilor de stoc este imaginea cu impact mare, care provoacă emoții puternice la utilizatori. Și știm cu toții asta emoțiile crescute conduc la o mai mare loialitate față de clienți.

Site-urile de turism folosesc de obicei toate fotografiile de înaltă calitate, dar TripAdvisor le duce la nivelul următor încurajând utilizatorii să-și adauge propriile fotografii la fiecare restaurant. În felul acesta, TripAdvisor a condus conținutul său imagini generate de utilizatori, care de obicei sunt mai interesante pentru vizitatorul mediu de călătorie decât fotografiile realizate de profesioniști.

În același timp, presiunea colegilor este una dintre cele mai puternice motivații. TripAdvisor de asemenea își păstrează conținutul vizual în stare proaspătă prin adăugarea de fotografii cu impact puternic împușcate de utilizatori.

4. Păstrați-o simplă

Mai puțin, de obicei, este mai mult o idee bună să păstrați lucrurile simple și să vă concentrați doar pe informații relevante. Lumea este atât de plină de distragere încât vizitatorii dvs. vor fi cu siguranță recunoscători dacă îi salvați de puful inutil.

“Nu te complica” este principiul UX pe care Lonely Planet l-a urmat aparent pe pagina de pornire. cele mai importante subiecte care intriga utilizatorii lor aranjate într-o rețea ordonată de miniaturi atractive susținută de titluri lungi de unu sau două cuvinte.

Pagina de pornire a LonelyPlanet este deosebit de inteligentă din punct de vedere al experienței utilizatorilor, deoarece miniaturile servesc și ca navigație în timp ce acestea oferă utilizatorilor o cheie vizuală ușor de înțeles.

Grila este responsabilă, astfel funcționează în fiecare fereastră de vizualizare. Pe dimensiunile mobile și tablete, miniaturile arată ca pictograme ale aplicațiilor mobile care este un aspect familiar pentru toți utilizatorii mobili, iar familiaritatea este, de asemenea, ceva care oferă confort vizitatorilor, prin urmare, creșterea implicării lor în site.

5. Folosiți verbele de acțiune

Sunteți cel mai probabil familiarizat cu verbe de acțiune de la site-urile de carieră. Verbe de acțiune nu numai că angajează recrutorii care scanează prin CV-uri, ci și pe site-urile web care navighează pe web.

Rețeaua socială populară de partajare a locuințelor, AirBnB le folosește peste tot pe site-ul său. Aparține oriunde, Chirie, Listă spațiul tău, Descoperi locuri, Explora lumea, Vedea unde oamenii călătoresc, Acțiune experiența dvs., etc..

Verbele de acțiune sunt incredibil de eficiente pentru că ele mutați utilizatorii de la o stare pasivă la una activă. Experiențele pozitive necesită întotdeauna activitate în numele utilizatorului; de aceea parcurile de aventură sunt atât de populare.

După toate ce-ți mai aduci aminte? Ceva pe care l-ai făcut singur sau ceva pe care tocmai l-ai citit într-o carte? Vedea? Interacțiunea se angajează și pe tine. Deci, dacă doriți să creșteți experiența utilizatorilor site-ului dvs., nu ezitați să utilizați verbele de acțiune acolo unde sunt potrivite.

6. Îmbunătățiți-vă formularele

La fel de formele prea complicate duc adesea la o abandonare instantanee cel mai deștept lucru pe care îl puteți face pentru experiența utilizatorilor dvs. este să optimizați formularele de pe site-ul dvs. cât mai mult posibil. Ce vreau sa spun sub rafinament?

Puteți vedea un excelent exemplu dacă luați o privire la formularul de căutare universal al lui Priceline.com pe pagina lor de pornire. Formularele de căutare ale Priceline sunt ascuns în interiorul unei secțiuni de navigare orizontale la îndemână.

Tab-urile conțin cinci forme de căutare diferite legate de cele cinci zone (hoteluri, bilete, mașini, pachete de vacanță, croaziere) cu care compania este implicată.

Lucrul foarte interesant este că utilizatorii nu trebuie să se descurce cu lucruri pe care nu le interesează, pot să sară direct la formularul de căutare de care au nevoie. De aceea sunt nu sunt împovărate cu câmpuri de date suplimentare, câmpurile de formă sunt păstrate la un minim absolut, ceea ce înseamnă eficiența sporită, disconfortul redus și înțelegerea rapidă - cea mai bună experiență a utilizatorului vreodată.

7. Impact cu povesti personale

Puteți crește implicarea utilizatorilor în folosirea inteligentă a poveștilor personale, cum ar fi de fapt experiența dvs., pe pagina de pornire a site-ului GoBackpacking.com.

Aventurile oamenilor reali sunt întotdeauna mai interesante decât bârfele de marketing exagerate. Vizitatorii dvs. nu doresc să citească aceleași clișeuri obositoare pe care le pot citi pe site-ul concurentului dvs. - pot chiar să genereze aceiași balsamuri cu impact scăzut de la sine, după toate.

Recenziile, evaluările, comentariile direcționate și moderate, statutele, postările pe blog, povestile personale, recomandările, toate adaugă personalitate site-ului dvs. introducând informații de înaltă calitate pe care vizitatorii dvs. le pot conecta emoțional.

GoBackpacking își plasează pagina de pornire cu povesti personale ale utilizatorilor, ceea ce îi face pe vizitatori să se imerseze imediat în conținutul site-ului, fără să știe chiar că.

8. Includeți produse înrudite

Aplicații widget-uri asemănătoare, recomandate și populare sunt folosite de toți marii jucători de e-Commerce, deci nu este o mare surpriză faptul că site-urile de călătorie au de asemenea o pârghie.

HotelTravel.Com rezolvă sarcina într-un mod foarte complicat și eficient. Motorul său de recomandări ia locul pe care îl caută vizitatorul - în cazul nostru este Hong Kong - și arată ceva mai mult opțiunile de hotel recomandate de alți utilizatori. De asemenea, hotelurile asociate sunt cele recomandate, o soluție 2 în 1, care este întotdeauna o idee bună.

Designerii HotelTravel.Com au făcut încă un pas și au plasat legate de produse într-un acordeon la îndemână care permite utilizatorului să recomandări de grup în funcție de patru criterii diferite (Best Value, Best Service, Best Room Standard, cea mai bună locație).

Pentru a face widgetul interesant din punct de vedere vizual de rating, prețul, o miniatură mică și un citat scurt din ultima recenzie sunt, de asemenea, incluse în oferim ajutor maxim vizitatorilor pentru a decide care sunt cele mai potrivite pentru nevoile lor.

9. Vorbiți despre avantaje

Afișarea vizitatorilor beneficiile pe care le pot obține pe site-ul dvs. este întotdeauna mai ușor de utilizat decât păstrarea lor cu fapte uscate care le face să adoarmă.

Pe pagina principală a companiei, putem vedea o utilizare inteligentă a acestui principiu de design UX. În partea dreaptă a ecranului se afișează “De ce folosiți Booking.com?” care include șase beneficii care sunt toate în concordanță cu valorile călătorului mediu (preț scăzut, gamă de bord de alegere, ușurința utilizării interfeței, sistem de revizuire a populației, servicii de calitate pentru clienți și disponibilitate non-stop).

Desigur, aceste valori sunt redactate într-un număr mai mare angajarea mod și vine cu legături unde clienții potențiali pot trece mai departe. “De ce folosiți Booking.com” widget-ul este de fapt versiunea îmbunătățită a regulatorului “Caracteristici” secțiune din site-ul mediu de afaceri mic, dar include multe elemente de susținere.

pictogramele colorate, legăturile evidențiate și datele specifice (precum “701,118 proprietăți în întreaga lume”) toate fac utilizatorii să creadă că aceștia sunt pe un site profesional în care pot avea încredere. vitrina locațiilor populare de la Sydney la Dublin pe partea stângă și widget-ul mic al ReviewCentre de la terți susțin experiența și construiesc încredere.

10. Oferiți Dovada Socială

Atunci când oamenii vorbesc despre dovada socială, înseamnă de obicei widget-uri sociale precum Facebook Likebox, care este, de asemenea, un element extraordinar al UX bine conceput, dar pagina de pornire a lui TripAdvisor oferă un bun exemplu cum funcționează alte forme de probă socială.

Conceptul de dovadă socială se bazează pe un principiu psihologic care spune că oamenii au mai multe șanse să facă ceva dacă văd pe alții în jurul lor face același lucru. Validarea externă este o mare motivație pentru majoritatea dintre noi, designerii atât de înțelepți construiesc dovezi sociale în site-urile lor într-un mod care încurajează vizitatorii să repete comportamentul celorlalți utilizatori.

Pe TripAdvisor, angajarea conținutul social este construit într-o navigare tab la îndemână cu trei secțiuni: recenzii de hotel, fotografii făcute de utilizatori și forumuri. Titlul widget-ului este “Despre ce vorbesc călători” care este mai puțin împușcat decât subtitrarea medie pe site-uri comerciale; prin urmare, prinde imediat ochiul vizitatorului.

Secțiunea de recenzii hoteliere este proiectată într-un mod inteligent face conținutul ușor de digerat: o fotografie de profil mic și clasamentul utilizatorului revizuirii, numele hotelului recenzat, o scurtă citare din revizuirea însăși și o pictogramă de rating care se potrivește bine cu designul general al site-ului.