UX Design 10 неща, които могат да ви научат

Някога ли е минавало през ума ви, че все още можете да растете професионално, докато планирате ваканциите си? Популярни туристически уебсайтове, формуляри за резервации и закупуване, планове за пътуване и разписания на хотела са отлични източници повиши знанията си в областта на дизайна на потребителския опит.

Докато избирате най-добрите местоположения, хотели и планирате пътуването си, е добра идея да обърнете внимание на това, което работи и какво не, какво ви вдъхновява и какво ви кара веднага да преминете към друг сайт. Вашите реакции, удоволствия и отблъсквания са големи отличителни черти на ефективността на дизайна на потребителския опит в сайта.

В тази статия можете да научите 10 урока за потребителския опит, които можете да вземете от популярните туристически сайтове.

Разликата между потребителския интерфейс и UX

UX не е UI, това е като неписан закон. Когато прочетете за използваемостта на уебсайт, трябва да помислите за неговия потребителски интерфейс (UI). Потребителският интерфейс е a набор от различни визуални елементи като менюта, бутони и икони, които посетителите използват (кликнете върху, задръжте върху, натиснете върху), когато взаимодействат с уебсайта ви.

Използваемостта е качество, което описва потребителския интерфейс (UI). Използваемостта показва ефективността на потребителския интерфейс като например колко лесно е да се използва уебсайт (Learnability), колко бързо потребителите могат да постигнат определени цели (ефективност), колко лесно могат да си спомнят спомените си за начина, по който сайтът работи (запомнящо се), и колко е приятно да се използва (удовлетвореност на потребителя).

Използваемостта е един от аспектите на по-сложното понятие, наречено потребителско изживяване (UX). Потребителски опит включва всичко, което засяга опита на потребителя - отрицателно или положително. Един добър UX отговаря на всички нужди на потенциалните клиенти - добра използваемост и много други неща.

Според изследователската фирма за потребителски опит Nielsen-Norman Group:

1. Дайте на потребителите място да започнете

На първо място, трябва дайте на посетителите си място, от което могат да започнат. Обикновено домашната страница получава най-много кликвания, а не само защото е главен вход към сайта, но когато потребителите идват от търсачка, следващото щракване най-вероятно ще бъде началната страница.

Затова трябва предлагат интересно съдържание и оформление на началната страница ако искате да запазите посетителите си на сайта си.

Началната страница на Booking.com доказва, че те разбират нуждите на клиентите си добре. Просто помисли за това. Какво искате да правите на сайта за пътуване? Или знаете къде искате да отидете и искате да потърсите възможностите възможно най-бързо, или не сте сигурни за местоположението на вашето пътуване и се нуждаете от вдъхновение..

Booking.com поставиха общата форма за търсене от лявата страна на своята начална страница за тези, които са сигурни за бъдещото си пътуване. Посетителите не трябва да губят времето си, преглеждайки неподходящо съдържание. Това ги оставя с повишена решителност и повишена самоувереност.

Останалото пространство на екрана над сгънатото дава много вдъхновение на по-малко определените: три големи снимки на популярни места (Абу Даби, Ню Йорк и Дубай) предлагат предложения, AJAX поток за “Просто резервирано” пътуванията показват какво правят другите потребители в момента и има дори малка част, която осигурява на потенциалните клиенти правилата за безплатно анулиране.

На началната страница на Booking.com всеки получава необходимите стимули и положителни чувства, за да продължи по сайта, дори преди да докосне скрола.

2. Направете вашата навигация очевидна

Ако искате потребителите да останат на сайта ви, трябва да им предоставите очевидна и лесна за използване навигация.

Навигацията на TimeOut.com е като умна домакиня: тя дава на посетителите ценна помощ, когато се нуждаят от нея, но не ги дразни. Ако погледнете картината по-долу, можете да видите, че навигационната система има четири различни елемента: огромна, лесно разпознаваема лента за търсене, главно меню с ясно дефинирани елементи (Градски водачи; Филм; Музика, Изкуство и Култура; Храна и напитки; За нас; Магазин за прекъсване на времето), добре оформен бар за хляб и странична лента списък на най-популярните градове.

TimeOut е проектирал своята навигационна система по такъв интуитивен начин, че дава на посетителите допълнителни стимули за проучване на сайта. Малката миниатюра до всяка позиция в страничната лента дава визуален ключ, краткото описание под заглавието Food & Drink осигурява на посетителите, че са на точното място, галериите го правят изключително лесна за придвижване, а горната лента за търсене помага на потребителите да прескачат на следващото местоположение, ако те са отегчени с текущата.

Всеки елемент подкрепя останалите - ясен знак за страхотен UX дизайн.

3. Използвайте изображения с висок удар

Екранната снимка по-долу е на една от страниците на профила в ресторанта на TripAdvisor. Сигурен съм, че вече сте прочели, че снимките в запасите не създават добър потребителски опит: обикновено те носят посетители и не ги мотивират да се движат напред във фунията на реализациите.

Алтернативата на фотографиите със запаси е висококачествените изображения, които провокират силни емоции у потребителите. И всички ние знаем това повишените емоции водят до по-голяма лоялност на клиентите.

Туристическите уебсайтове обикновено използват висококачествени снимки, но TripAdvisor ги прехвърля на следващото ниво насърчаване на потребителите да добавят свои собствени снимки към всеки ресторант. По този начин TripAdvisor подсилва съдържанието му генерирани от потребителя изображения, които обикновено са по-интересни за обикновения посетител на туристическия сайт, отколкото снимките, направени от професионалисти.

В края на краищата натискът от връстници е една от най-силните мотиви. TripAdvisor запазва визуалното си съдържание свежо чрез добавяне на висококачествени снимки, заснети от потребители.

4. Дръжте го просто

По-малкото обикновено е повече, така че винаги е добра идея да поддържате нещата прости и да се съсредоточите само върху съответната информация. Светът е толкова пълен с отвличане на вниманието, че посетителите ви със сигурност ще бъдат благодарни, ако ги спасите от ненужния пух..

“Не го усложнявай” е принципът на UX, който Lonely Planet очевидно е проследил на началната си страница. Най- най-важните теми че интригите им са потребители подредени в подредена мрежа от атрактивни миниатюри с подкрепата на една или две думи дълги заглавия.

Началната страница на LonelyPlanet е особено интелигентна от гледна точка на потребителския опит, тъй като миниатюрите също служат като навигация, докато те дават на потребителите лесно разбираем визуален ключ.

Решетката е отзивчива, така че работи на всеки екран. На размера на мобилния и таблета миниатюрите приличат на икони на мобилни приложения което е познато оформление за всички мобилни потребители, а познаването също е нещо, което дава комфорт на посетителите, като по този начин повишава ангажираността им с сайта.

5. Използвайте глаголи за действие

Най-вероятно сте запознати с глаголи за действие от сайтове за кариера. Действащите глаголи не се занимават само с набирането на хора, които сканират чрез автобиографии, но също и с посетителите на уебсайтове, които търсят в мрежата.

Популярната социална мрежа за споделяне на настаняване, AirBnB ги използва навсякъде на своя сайт. принадлежа навсякъде, под наем, списък Вашето пространство, Discover места, изследвам Светът, виждам където хората пътуват, Дял вашия опит и т.н..

Действителните глаголи са изключително ефективни, защото те Преместване на потребители от пасивно към активно. Положителният опит винаги изисква дейност от името на потребителя; Ето защо приключенските паркове са толкова популярни.

В края на краищата какво си спомняш повече? Нещо, което направихте сами или нещо, което току-що прочетохте в книга? виждам? Взаимодействието ви ангажира и вас. Така че, ако искате да увеличите потребителския опит на сайта си, не се колебайте да използвате глаголи за действие, когато са подходящи.

6. Оптимизирайте формулярите си

Като твърде сложните форми често водят до незабавно изоставяне най-умното нещо, което можете да направите за опита на потребителите си е да рационализирате формулярите на сайта си, колкото е възможно. Какво имам предвид при рационализиране?

Можете да видите отличен пример, ако се вгледате в универсалната форма за търсене на Priceline.com на тяхната начална страница. Формулярите за търсене на Priceline са скрити вътре в удобната хоризонтална секция за навигация в раздела.

Разделите съдържат пет различни формуляра за търсене, свързани с петте области (хотели, полети, коли, туристически пакети, круизи), с които компанията работи.

Тук наистина е хубаво, че потребителите не трябва да се занимават с неща, които не се интересуват, те могат да скачат направо до формата за търсене, от която се нуждаят. Затова и са не са обременени с допълнителни полета за данни, полетата на формулярите се свеждат до абсолютен минимум, което означава повишена ефективност, намалено раздразнение и бързо разбиране - най-доброто потребителско изживяване.

7. Направете въздействие с лични истории

Можете да увеличите ангажираността на потребителите с интелигентното използване на лични истории, както всъщност го преживявате, на началната страница на GoBackpacking.com.

Приключенията на истинските хора винаги са по-интересни от прекалено изтънчения маркетинг. Вашите посетители не искат да четат същите изморителни клишета, които могат да прочетат на сайта на вашия конкурент - те дори могат сами да генерират една и съща ниско въздействие..

Ревюта, оценки, насочени и модерирани коментари, статуси, публикации в блогове, лични истории, препоръки, всички добавят личност към вашия сайт въвеждане на висококачествена информация, с която посетителите могат да се свържат емоционално.

GoBackpacking популяризира началната си страница с лични истории на своите потребители, което кара посетителите незабавно да се потопят в съдържанието на сайта, без дори да го знаят.

8. Включете свързани продукти

Свързани, препоръчани и популярни продуктови джунджурии се използват от всички големи играчи в електронната търговия, така че не е голяма изненада, че туристическите сайтове също се възползват от тях.

HotelTravel.Com решава задачата по много сложен и ефективен начин. Неговата препоръка двигател заема местоположението, което посетителят търси - в нашия случай това е Хонконг - и показва още малко хотелски опции, препоръчани от други потребители. Свързаните хотели също са препоръчителни, 2-в-1 решение, което винаги е добра идея.

Дизайнерите на HotelTravel.Com направиха още една крачка напред и поставиха продукти в удобен акордеон който позволява на потребителя да групови препоръки според четири различни критерия (най-добра стойност, най-добро обслужване, най-добра стандартна стая, най-добро местоположение).

За да направите джаджата визуално интересна, рейтингът, цената, малката миниатюра и кратък цитат от последния преглед също са включени в дават максимална помощ на посетителите да реши кои помещения отговарят най-добре на техните нужди.

9. Говорете за ползите

Показването на посетителите ползите, които те могат да спечелят на сайта Ви, винаги е по-удобно за потребителя, отколкото да ги натрапват със сухи факти, които ги карат да заспиват.

На началната страница на Booking.com можем да видим интелигентното използване на този UX дизайн принцип. От дясната страна на екрана можете да видите “Защо да използвате Booking.com?” раздел, който включва шест обезщетения всички те са в съответствие със стойностите на средния пътник (ниска цена, избор на дъска, лекота на използване на интерфейса, населена система за преглед, качествено обслужване на клиентите и наличност 24 часа в денонощието).

Разбира се, тези стойности се изработват в повече ангажиращ начин и дойде с връзки където потенциалните клиенти могат да продължат напред. Най- “Защо да използвате Booking.com” джаджа е всъщност подобрената версия на обикновения “Характеристика” раздел на уебсайта на средния малък бизнес, но той включва много подкрепящи елементи.

Най- цветни икони, маркираните връзки и конкретните данни (като “701118 имота в цял свят”) всички те карат потребителите да вярват, че са на професионален уебсайт, на който могат да се доверят. Най- витрина на популярни места от Сидни до Дъблин от лявата страна и малката джаджа на третата страна на ReviewCentre подкрепят опита и изграждат доверие.

10. Осигурете социално доказателство

Когато хората говорят за социално доказателство, те обикновено означават джунджурии в социалните медии като Facebook Likebox, което също е голям елемент от добре разработен UX, но началната страница на TripAdvisor предлага чудесен пример. как други форми на социално доказано действие.

Концепцията за социално доказателство се основава на психологически принцип, според който хората са по-склонни да направят нещо ако виждат другите около тях направете същото. Външното валидиране е голяма мотивация за повечето от нас, така че мъдрите дизайнери изграждат социални доказателства в своите сайтове по начин, който насърчава посетителите да повтарят поведението на своите колеги.

В партньорството с TripAdvisor социалното съдържание е вградено в удобна навигация в раздела с три раздела: Отзиви на хотела, Снимки, направени от потребители и Форуми. Заглавието на приспособлението е “За какво говорят пътниците” кое е по-малко натрапчиви от средните субтитри върху търговски обекти; затова веднага хваща окото на посетителя.

Разделът "Отзиви на хотела" е проектиран по интелигентен начин прави съдържанието лесно смилаемо: малка снимка на профила и класацията на рецензиращия потребител, името на прегледания хотел, кратко цитиране от самия преглед и икона за оценка, която е подходяща за общия дизайн на сайта.