UX Design 10 rzeczy, których mogą podróżować strony internetowe
Czy kiedykolwiek przyszło ci do głowy, że możesz nadal rozwijać się zawodowo podczas planowania wakacji? Popularne strony internetowe do podróży, formularze rezerwacji i kasy, planiści podróży i rozkłady jazdy hotelu to doskonałe źródła poszerz swoją wiedzę w zakresie projektowania doświadczeń użytkownika.
Wybierając najlepsze lokalizacje, hotele i planując podróż, dobrze jest zwrócić uwagę na to, co działa, a co nie, co Cię inspiruje i co sprawia, że od razu przechodzisz na inną stronę. Twoje reakcje, rozkosze i awersje są wspaniałymi cechami efektywności projektowania witryny przez użytkownika.
W tym artykule możesz nauczyć się 10 lekcji na temat doświadczenia użytkownika, które możesz znaleźć w popularnych witrynach turystycznych.
Różnica między interfejsem użytkownika a UX
UX nie jest interfejsem użytkownika, jest jak niepisany prawo. Kiedy czytasz o użyteczności strony, musisz pomyśleć o jej interfejsie użytkownika (UI). Interfejs użytkownika to zestaw różnych elementów wizualnych takie jak menu, przyciski i ikony, z których korzystają użytkownicy (kliknij, najedź kursorem, stuknij), gdy wchodzą w interakcję z Twoją witryną.
Użyteczność to jakość opisująca interfejs użytkownika (UI). Użyteczność pokazuje wydajność interfejsu użytkownika, na przykład jak łatwo jest korzystać ze strony internetowej (learnability), jak szybko użytkownicy mogą osiągnąć określone cele (wydajność), jak łatwo mogą przypomnieć sobie swoje wspomnienia o sposobie działania witryny (zapamiętywalność) i jak przyjemnie jest używać (zadowolenie użytkownika).
Użyteczność jest jednym z aspektów bardziej skomplikowanego pojęcia zwanego doświadczeniem użytkownika (UX). Doświadczenie użytkownika obejmuje wszystko, co wpływa na doświadczenie użytkownika - albo negatywnie, albo pozytywnie. Dobry UX zaspokaja wszelkie potrzeby potencjalnych klientów - dobra użyteczność i wiele innych rzeczy.
Według firmy badawczej Nielsen-Norman Group zajmującej się badaniami użytkowników:
1. Daj użytkownikom miejsce do rozpoczęcia
Przede wszystkim musisz daj odwiedzającym miejsce, z którego mogą zacząć. Zwykle strona główna otrzymuje najwięcej kliknięć, nie tylko dlatego, że jest głównym wejściem do witryny, ale gdy użytkownicy pochodzą z wyszukiwarki, następnym kliknięciem będzie najprawdopodobniej strona główna.
Dlatego musisz oferuj wciągającą zawartość i układ na stronie głównej jeśli chcesz zatrzymać swoich użytkowników w swojej witrynie.
Strona domowa Booking.com potwierdza, że dobrze rozumie potrzeby swoich klientów. Po prostu o tym pomyśl. Co chcesz robić na stronie podróży? Albo wiesz, dokąd chcesz się udać i chcesz sprawdzić możliwości tak szybko, jak to możliwe, albo nie jesteś pewien lokalizacji podróży i potrzebujesz inspiracji.
Booking.com umieściła ogólny formularz wyszukiwania po lewej stronie swojej strony głównej dla tych, którzy są pewni swojej przyszłej podróży. Odwiedzający nie muszą tracić czasu na przeglądanie nieistotnych treści. Pozostawia to z większą determinacją i zwiększoną pewnością siebie.
Pozostała przestrzeń na ekranie nad fałdą daje dużo inspiracji mniej zdeterminowanym: trzy duże zdjęcia popularnych lokalizacji (Abu Dhabi, Nowy Jork i Dubaj) zawierają sugestie, strumień AJAX o “Właśnie zarezerwowane” wycieczki pokazują, co aktualnie robią inni użytkownicy, a nawet niewielka część, która zapewnia potencjalnym klientom bezpłatne zasady anulowania rezerwacji.
Na stronie głównej Booking.com każdy otrzymuje niezbędne zachęty i pozytywne uczucia, aby przejść na stronę, zanim nawet dotknie paska przewijania.
2. Uczyń swoją nawigację oczywistą
Jeśli chcesz, aby użytkownicy pozostawali na Twojej stronie, musisz zapewnić im oczywistą i łatwą w użyciu nawigację.
Nawigacja TimeOut.com jest jak inteligentna gospodyni: daje odwiedzającym cenną pomoc, gdy jej potrzebują, ale ich nie denerwuje. Jeśli spojrzysz na poniższy obrazek, zobaczysz, że system nawigacyjny ma cztery różne elementy: ogromny, łatwo rozpoznawalny pasek wyszukiwania, menu główne z jasno określonymi elementami (Przewodniki po miastach; Film; Muzyka, Sztuka i kultura; Żywność i napoje; O nas; Sklep czasowy), dobrze zaprojektowany batonik i pasek boczny lista najpopularniejszych miast.
TimeOut zaprojektował swój system nawigacyjny w tak intuicyjny sposób, że daje on odwiedzającym dodatkowe zachęty do zwiedzania strony. Mała miniaturka tuż obok każdego elementu paska bocznego daje wizualny klucz, krótki opis w nagłówku Food & Drink zapewnia odwiedzającym, że są we właściwym miejscu, okruchy sprawiają, że poruszanie się jest bardzo łatwe, a górny pasek wyszukiwania pomaga użytkownikom przejść do następnej lokalizacji, jeśli znudzą się obecnym.
Każdy element obsługuje inne - wyraźny znak świetnego projektu UX.
3. Użyj obrazowania o wysokim wpływie
Poniższy zrzut ekranu jest jedną ze stron profilu restauracji w serwisie TripAdvisor. Jestem pewien, że przeczytałeś już, że zdjęcia nie dają dobrego wrażenia użytkownika: zwykle nudzą gości i nie motywują ich do przejścia w ścieżce konwersji.
Alternatywą dla fotografii giełdowej są wysokiej jakości obrazy, które wywołują silne emocje wśród użytkowników. I wszyscy to wiemy zwiększone emocje prowadzą do większej lojalności klientów.
Witryny turystyczne zazwyczaj używają wysokiej jakości zdjęć, ale TripAdvisor przenosi je na wyższy poziom zachęcanie użytkowników do dodawania własnych zdjęć do każdej restauracji. W ten sposób serwis TripAdvisor przyprawia o zawartość obrazy generowane przez użytkowników, które zwykle są bardziej interesujące dla przeciętnego gościa na stronie podróży niż zdjęcia zrobione przez profesjonalistów.
Presja rówieśników jest jedną z najsilniejszych motywacji. TripAdvisor także zachowuje świeże treści wizualne dodając silne zdjęcia zrobione przez użytkowników.
4. Keep It Simple
Mniej znaczy zazwyczaj więcej, więc zawsze dobrze jest zachować prostotę i skupić się tylko na istotnych informacjach. Świat jest tak pełen rozrywek, że Twoi goście z pewnością będą wdzięczni, jeśli uratujesz ich przed niepotrzebnym puchem.
“Nie komplikuj” to zasada UX, którą Lonely Planet najwyraźniej śledziła na swojej stronie głównej. The najważniejsze tematy to intryga ich użytkowników ułożone w uporządkowaną siatkę atrakcyjnych miniatur wspierany przez nagłówki o długości jednego lub dwóch słów.
Strona domowa LonelyPlanet jest szczególnie inteligentna z punktu widzenia użytkownika, ponieważ miniatury służą również jako nawigacja dać użytkownikom łatwy do zrozumienia klucz wizualny.
Siatka reaguje, więc działa na każdej rzutni. W rozmiarze telefonu komórkowego i tabletu miniatury wyglądają jak ikony aplikacji mobilnych znany wszystkim użytkownikom mobilnym layout, a znajomość jest również czymś, co daje gościom komfort, zwiększając ich zaangażowanie w stronę.
5. Użyj czasowników akcji
Najprawdopodobniej znasz czasowniki akcji z witryn kariery. Czasowniki akcji angażują nie tylko osoby zajmujące się rekrutacją, ale także przeglądają strony internetowe.
Popularna sieć społecznościowa do dzielenia się kwaterami, AirBnB używa ich wszędzie na swojej stronie. Należeć gdziekolwiek, Wynajem, Lista Twoja przestrzeń, Odkryć miejsca, Badać świat, Widzieć gdzie ludzie podróżują, Dzielić twoje doświadczenie itp.
Czasowniki akcji są niezwykle wydajne, ponieważ one przenieś użytkowników ze stanu pasywnego do aktywnego. Pozytywne doświadczenia zawsze wymagają aktywności w imieniu użytkownika; dlatego parki rozrywki są tak popularne.
Przecież pamiętasz więcej? Coś, co zrobiłeś sam lub coś, co właśnie przeczytałeś w książce? Widzieć? Interakcja również cię angażuje. Jeśli więc chcesz zwiększyć komfort korzystania z witryny, nie wahaj się używać czasowników akcji, jeśli są one odpowiednie.
6. Usprawnij swoje formularze
Tak jak zbyt skomplikowane formy często prowadzą do natychmiastowego porzucenia najmądrzejszą rzeczą, jaką możesz zrobić dla swoich użytkowników, jest usprawnienie formularzy w witrynie tak bardzo, jak to możliwe. Co mam na myśli pod usprawnieniem?
Możesz zobaczyć doskonały przykład, jeśli zajrzysz do uniwersalnego formularza wyszukiwania Priceline.com na swojej stronie głównej. Formularze wyszukiwania Priceline są ukryty w poręcznej poziomej sekcji nawigacji z zakładkami.
Karty zawierają pięć różnych formularzy wyszukiwania związanych z pięcioma obszarami (hotele, loty, samochody, pakiety wakacyjne, rejsy wycieczkowe), w które zaangażowana jest firma.
Naprawdę fajną rzeczą jest to, że użytkownicy nie muszą się martwić o rzeczy, którymi się nie interesują, mogą przeskoczyć do formularza wyszukiwania, którego potrzebują. Dlatego są nieobciążone dodatkowymi polami danych, pola formularza są ograniczone do absolutnego minimum, co oznacza zwiększona wydajność, zmniejszona irytacja i szybkie zrozumienie - najlepsze wrażenia użytkowników.
7. Wpływać na osobiste historie
Możesz zwiększyć zaangażowanie użytkowników dzięki inteligentnemu wykorzystaniu osobistych historii, takich jak to, czego faktycznie doświadczasz, na stronie głównej GoBackpacking.com.
Przygody prawdziwych ludzi są zawsze bardziej interesujące niż wyrafinowany bełkot marketingowy. Twoi odwiedzający nie chcą czytać tych samych męczących frazesów, które mogą przeczytać na stronie Twojego konkurenta - mogą nawet sami wygenerować ten sam słabo działający blether..
Opinie, oceny, kierowane i moderowane komentarze, statusy, posty na blogach, osobiste historie, rekomendacje, wszystkie dodają osobowości do Twojej witryny wprowadzenie wysokiej jakości informacji, z którymi użytkownicy mogą się emocjonalnie połączyć.
GoBackpacking wypełnia swoją stronę domową osobistymi historiami użytkowników, dzięki czemu odwiedzający natychmiast zanurzają się w treści witryny, nawet o tym nie wiedząc.
8. Dołącz produkty powiązane
Powiązane, polecane i popularne widżety produktów są używane przez wszystkich dużych graczy e-Commerce, więc nie jest wielką niespodzianką, że strony internetowe również wykorzystują je..
HotelTravel.Com rozwiązuje to zadanie w bardzo trudny i skuteczny sposób. Jego silnik rekomendacji zajmuje miejsce, którego szuka użytkownik - w naszym przypadku jest to Hongkong - i pokazuje więcej opcje hotelowe zalecane przez innych użytkowników. Powiązane hotele są również polecane, rozwiązanie 2 w 1, które zawsze jest dobrym pomysłem.
Projektanci HotelTravel.Com poszli o krok dalej i umieścili powiązane produkty w poręczny akordeon który umożliwia użytkownikowi zalecenia grupowe według czterech różnych kryteriów (Najlepsza wartość, Najlepsza obsługa, Najlepszy standard pokoju, Najlepsza lokalizacja).
Aby widżet był interesujący wizualnie, ocena, cena, mała miniaturka i krótki cytat z najnowszej recenzji są również dołączone do dać maksymalną pomoc odwiedzającym zdecydować, które zakwaterowanie najlepiej odpowiada ich potrzebom.
9. Rozmawiaj o korzyściach
Pokazywanie odwiedzającym korzyści, jakie mogą uzyskać na Twojej stronie, jest zawsze bardziej przyjazne dla użytkownika niż dręczenie ich suchymi faktami, które sprawiają, że zasypiają.
Na stronie głównej Booking.com widzimy inteligentne wykorzystanie tej zasady projektowania UX. Po prawej stronie ekranu możesz zobaczyć “Dlaczego warto korzystać z Booking.com?” sekcja, która zawiera sześć korzyści które są zgodne z wartościami przeciętnego podróżnika (niska cena, wybór deski, łatwość obsługi interfejsu, zaludniony system przeglądu, wysoka jakość obsługi klienta i dostępność 24/7).
Oczywiście wartości te są opracowywane w więcej wciągający sposób i przyjść z linkami gdzie potencjalni klienci mogą przejść dalej. The “Dlaczego warto korzystać z Booking.com” widżet jest w rzeczywistości ulepszona wersja regularnego “funkcje” Sekcja średniej strony internetowej dla małych firm, ale zawiera wiele elementów wspierających.
The kolorowe ikony, podświetlone linki i konkretne dane (Jak na przykład “701 118 obiektów na całym świecie”) wszystko sprawia, że użytkownicy uważają, że są na profesjonalnej stronie internetowej, której mogą zaufać. The prezentacja popularnych lokalizacji z Sydney do Dublina po lewej stronie i mały widżet zewnętrznego ReviewCentre wspierają doświadczenie i budują zaufanie.
10. Podaj dowód społeczny
Kiedy ludzie mówią o dowodach społecznych, zwykle oznaczają widżety mediów społecznościowych, takie jak Facebook, który jest również świetnym elementem dobrze zaprojektowanego UX, ale strona główna serwisu TripAdvisor jest doskonałym przykładem jak działają inne formy dowodu społecznego.
Koncepcja dowodu społecznego opiera się na zasadzie psychologicznej, która mówi, że ludzie są bardziej skłonni zrobić coś jeśli zobaczą innych wokół siebie Zrób to samo. Walidacja zewnętrzna to świetna motywacja dla większości z nas tak mądrzy projektanci budują dowody społecznościowe na swoich stronach w sposób, który zachęca odwiedzających do powtarzania zachowań innych użytkowników.
Na stronie TripAdvisor zaangażowanie zawartość społecznościowa jest wbudowana w poręczną nawigację na karcie z trzema sekcjami: recenzje hoteli, zdjęcia wykonane przez użytkowników i fora. Tytuł widżetu to “O czym mówią podróżnicy” który jest mniej nachalny niż przeciętne napisy na stronach komercyjnych; dlatego natychmiast przyciąga wzrok odwiedzającego.
Sekcja Opinie o hotelu została zaprojektowana w inteligentny sposób sprawia, że treść jest łatwa do strawienia: małe zdjęcie profilowe i ranking użytkownika recenzującego, nazwę recenzowanego hotelu, krótki cytat z samego przeglądu oraz ikonę oceny, która dobrze pasuje do ogólnego projektu witryny.
