UX Design 10 речей, які можуть навчити вас веб-сайти для подорожей
Чи коли-небудь ви переконали, що ви все ще можете професійно розвиватися, поки плануєте свій відпочинок? Популярні туристичні веб-сайти, форми бронювання та оформлення квитків, планувальники поїздок і розклад готелю - прекрасні джерела розширити свої знання в області дизайну користувачів.
Вибираючи найкращі місця, готелі та планування поїздки, варто звернути увагу на те, що працює, а що ні, що надихає вас і що змушує вас негайно перейти на інший сайт. Ваші реакції, захоплення та відвернення - це відмінні ознаки ефективності дизайну сайту.
У цій статті ви можете дізнатися 10 уроків про користувацький досвід, які ви можете отримати з популярних туристичних сайтів.
Різниця між UI і UX
UX не UI, це як неписані закон. Коли ви читаєте про зручність використання веб-сайту, потрібно подумати про його користувальницький інтерфейс (UI). Інтерфейс користувача є набір різних візуальних елементів такі як меню, кнопки та піктограми, які використовують відвідувачі (клацніть мишкою, наведіть курсор на, торкніться), коли вони взаємодіють із вашим веб-сайтом.
Юзабіліті - це якість, яка описує інтерфейс користувача (UI). Юзабельність показує ефективність такого інтерфейсу, як як легко використовувати веб-сайт (можливість вивчення), як швидко користувачі можуть досягти певних цілей (ефективність), як легко вони можуть згадати свої спогади про те, як сайт працює (запам'ятовується), і як приємно це використовувати (задоволеність користувачів).
Юзабіліті - це один з аспектів більш складного поняття, що називається досвідом користувача (UX). Досвід користувача включає все, що впливає на досвід користувача - або негативно, або позитивно. Хороший UX відповідає кожній потребі потенційних клієнтів - хороша юзабіліті та багато іншого.
За даними дослідницької фірми Nielsen-Norman Group:
1. Дайте користувачам місце для початку
Перш за все, потрібно дайте відвідувачам місце, звідки вони можуть почати. Зазвичай це головна сторінка, яка отримує найбільшу кількість кліків, а не лише тому, що вона є головним входом на сайт, а коли користувачі надходять з пошукової системи, наступний клік, швидше за все, буде домашньою сторінкою.
Тому потрібно пропонуємо цікавий контент і макет на домашній сторінці якщо ви хочете, щоб ваші відвідувачі на вашому сайті.
Домашня сторінка Booking.com підтверджує, що вони добре розуміють потреби своїх клієнтів. Подумайте про це. Що ви хочете зробити на сайті подорожі? Ви або знаєте, куди ви хочете поїхати, і хочете шукати можливості так швидко, як ви можете, або ви не впевнені в місці вашого подорожі і потребуєте натхнення.
Booking.com розмістив Загальна форма пошуку на лівій стороні своєї домашньої сторінки для тих, хто впевнений у своїй майбутній поїздці. Відвідувачам не потрібно витрачати час на перегляд неактуального контенту. Це залишає їх з підвищеною рішучістю і підвищеною впевненістю в собі.
Залишився простір на екрані над складкою дає багато натхнення тим менш визначеним: три великі фотографії популярних місць (Абу-Дабі, Нью-Йорк і Дубай) надають пропозиції, потік AJAX про “Просто замовлено” Поїздки показують, чому зараз працюють інші користувачі, і навіть невеликий розділ, що забезпечує потенційним клієнтам безкоштовну політику скасування.
На домашній сторінці Booking.com кожен отримує необхідні стимули та позитивні почуття, щоб перейти на сайт, навіть не торкаючись смуги прокручування.
2. Зробіть свою навігацію очевидною
Якщо ви хочете, щоб користувачі залишалися на вашому сайті, вам потрібно надати їм очевидну і легку у використанні навігацію.
Навігація TimeOut.com схожа на розумну господину: вона надає відвідувачам цінну допомогу, коли їй це потрібно, але не дратує їх. Якщо ви подивитеся на малюнок нижче, ви можете побачити, що має система навігації чотири різні елементи: величезна, легко впізнавана панель пошуку, головне меню з чітко визначеними елементами (City Guides; Film; Music, Arts & Culture; Food & Drink; Про нас; Time Out Shop); список найпопулярніших міст.
TimeOut розробив свою навігаційну систему таким інтуїтивним способом, який надає відвідувачам додаткові стимули для вивчення сайту. Маленька мініатюра поруч із кожним елементом бічної панелі дає візуальний ключ, короткий опис під заголовком Food & Drink забезпечує відвідувачам, що вони знаходяться на потрібному місці, сухарі роблять його надзвичайно простим, а верхня панель пошуку допомагає користувачам переходити до наступного місця, якщо вони нудьгують поточним.
Кожен елемент підтримує інші - явний знак відмінного дизайну UX.
3. Використовуйте зображення високої ударної здатності
На скріншоті нижче наведено одну з сторінок профілю ресторану TripAdvisor. Я впевнений, що ви вже прочитали, що фотографії запасів не дають хорошого користувальницького досвіду: вони зазвичай несуть відвідувачів і не мотивують їх рухатися в перехідній послідовності.
Альтернативою фотографій є висока якість зображення, яка провокує сильні емоції у користувачів. І ми всі це знаємо підвищення емоцій призводить до підвищення лояльності клієнтів.
Подорожуючі веб-сайти, як правило, використовують високоякісні зображення, але TripAdvisor переходить на наступний рівень заохочувати користувачів додавати власні фотографії до кожного ресторану. Таким чином, до вашої конфігурації з довідковою програмою TripAdvisor створені користувачем зображення, які зазвичай є більш цікавими для пересічного відвідувача сайту подорожі, ніж фотографії, зроблені професіоналами.
Тиск однолітків - одна з найсильніших мотивів. TripAdvisor зберігає візуальний вміст свіжим шляхом додавання високоякісних фотографій, знятих користувачами.
4. Тримайте його простим
Менше, як правило, більше, тому це завжди гарна ідея, щоб зберегти речі простими, і зосередитися тільки на відповідної інформації. Світ настільки сповнений відволіканням, що ваші відвідувачі обов'язково будуть вдячні, якщо ви врятуєте їх від непотрібного пуху.
“Не ускладнювати” це принцип UX, який Lonely Planet, здавалося б, дотримувався на своїй домашній сторінці. The найважливіші теми що інтрига їх користувачів розташовані в охайній сітці привабливих мініатюр підтримується один-два слова довгі заголовки.
Домашня сторінка LonelyPlanet особливо розумна з точки зору користувальницького досвіду, оскільки мініатюри також служать навігацією, поки вони надавати користувачам зрозумілий візуальний ключ.
Сітка відповідає, тому вона працює на кожному вікні. На розмірі мобільного та планшетного ПК ескізи виглядають як значки мобільних програм який є знайомим макетом для всіх мобільних користувачів, і знайомство також є тим, що дає комфорт відвідувачам, тому підвищує їхню участь у сайті.
5. Використовуйте Дієслова Дія
Ви, швидше за все, знайомі з дієсловами дії з сайтів кар'єри. Дієслова дій не тільки залучати вербувальників сканування через резюме, але й відвідувачів веб-сайтів, що переглядають Інтернет.
Популярною соціальною мережею для спільного проживання, AirBnB використовує їх всюди на своєму сайті. Належить де завгодно, Оренда, Список ваш простір, Відкрийте для себе місця, Дослідіть світ, Подивитися де люди подорожують, Частка ваш досвід і т.д..
Дієслова дій неймовірно ефективні, тому що вони переміщати користувачів з пасивного стану до активного. Позитивний досвід завжди вимагає діяльності від імені користувача; Ось чому парки пригод настільки популярні.
Адже що ви більше пам'ятаєте? Щось, що ви зробили самостійно, чи що ви щойно прочитали в книзі? Подивитися? Взаємодія також залучає вас. Тому, якщо ви хочете підвищити рівень користування своїм сайтом, не соромтеся використовувати дієслова дій, де вони є доречними.
6. Оптимізуйте свої форми
Як надто складні форми часто призводять до миттєвого відмови Найпростіше, що ви можете зробити для досвіду користувачів, це оптимізувати форми на своєму сайті, наскільки це можливо. Що я маю на увазі під раціоналізацією?
Ви можете побачити чудовий приклад, якщо ви подивитеся на форму універсального пошуку Priceline.com на їхній домашній сторінці. Форми пошуку в Priceline приховані всередині зручної горизонтальної секції навігації з вкладками.
Вкладки містять п'ять різних форм пошуку, пов'язаних з п'ятьма областями (готелі, рейси, автомобілі, пакети відпочинку, круїзи), з якими компанія працює.
Дуже здорово тут полягає в тому, що користувачам не потрібно турбуватися про речі, які вони не цікавлять, вони можуть переходити прямо до потрібної їм форми пошуку. Тому вони є не обтяжені додатковими полями даних, поля форми зберігаються до абсолютного мінімуму, що означає підвищення ефективності, зменшення роздратування та швидкого розуміння - найкращий досвід користувача.
7. Зробити вплив з особистими історіями
Ви можете збільшити взаємодію користувачів з розумним використанням особистих історій, як це ви насправді відчуваєте, на домашній сторінці GoBackpacking.com.
Пригоди справжніх людей завжди цікавіше, ніж надто витончений маркетинг. Ваші відвідувачі не хочуть читати ті самі стомлюючі кліше, які вони можуть прочитати на сайті вашого конкурента - вони навіть можуть самостійно генерувати той самий низький вплив..
Відгуки, рейтинги, спрямовані та модеровані коментарі, статуси, повідомлення в блогах, особисті історії, рекомендації, всі додають особистості на ваш сайт представляючи якісну інформацію, до якої відвідувачі можуть емоційно підключатися.
GoBackpacking заповнює свою домашню сторінку особистими історіями своїх користувачів, що дозволяє відвідувачам негайно занурюватися у вміст сайту, навіть не знаючи про це.
8. Включіть пов'язані продукти
Пов'язані, рекомендовані та популярні віджети продуктів використовуються всіма великими гравцями електронної комерції, тому не дивно, що туристичні сайти також використовують їх.
HotelTravel.Com вирішує це завдання дуже складним і ефективним способом. Його рекомендація двигуна приймає місцезнаходження, яке шукає відвідувач - у нашому випадку це Гонконг - і показує ще дещо варіанти готелів, рекомендовані іншими користувачами. Окремі готелі також рекомендовані, 2-в-1 рішення, яке завжди є гарною ідеєю.
Дизайнери HotelTravel.Com зробили ще один крок далі, і вони розмістили супутніх товарів у зручну гармошку що дозволяє користувачеві групові рекомендації відповідно до чотирьох різних критеріїв (найкраще, найкраще, найкраще стандартне, найкраще місце).
Для того, щоб зробити віджет цікавим для відвідувачів, рейтинг, ціна, мініатюра та коротка цитата з останнього огляду також включені до списку надайте максимальну допомогу відвідувачам вирішити, яке саме помешкання найкраще відповідає їхнім потребам.
9. Поговоріть про переваги
Показані відвідувачам переваги, які вони можуть отримати на вашому сайті, завжди зручніше, ніж привласнювати їх сухими фактами, що змушує їх засипати.
На домашній сторінці Booking.com ми бачимо розумне використання цього принципу дизайну UX. У правій частині екрана можна побачити “Навіщо використовувати Booking.com?” розділ, який включає шість пільг все це відповідає цінностям середнього мандрівника (низька ціна, вибір дошки, простота використання інтерфейсу, заповнена система перегляду, якісне обслуговування клієнтів та доступність 24/7).
Звичайно, ці цінності розробляються в більш захоплюючий спосіб і прийдіть з посиланнями де потенційні клієнти можуть рухатися далі. The “Навіщо використовувати Booking.com” фактично віджет розширену версію звичайного “Особливості” розділ середнього веб-сайту для малого бізнесу, але він містить багато допоміжних елементів.
The барвисті іконки, виділені посилання та конкретні дані (як от “701118 об'єктів нерухомості по всьому світу”) всі змушують користувачів вважати, що вони знаходяться на професійному веб-сайті, якому вони можуть довіряти. The Вітрина популярних місць від Сіднея до Дубліна з лівого боку та невеликого віджету стороннього ReviewCentre - все це підтримує досвід і створює довіру.
10. Забезпечити соціальне підтвердження
Коли люди говорять про соціальні докази, вони зазвичай означають віджети соціальних медіа, такі як Facebook Likebox, який також є елементом добре продуманого UX, але домашня сторінка TripAdvisor надає чудовий приклад. як інші форми соціального доказової роботи.
Концепція соціального доказу ґрунтується на психологічному принципі, який говорить, що люди частіше щось роблять якщо вони бачать оточуючих робити те ж саме. Зовнішня перевірка - велика мотивація для більшості з нас, тому мудрі дизайнери створюють соціальні докази на своїх сайтах таким чином, щоб заохочувати відвідувачів повторювати поведінку своїх користувачів.
На сайті за участю TripAdvisor соціальний вміст вбудований у зручну навігацію за вкладками з трьома розділами: відгуки про готелі, фотографії, зроблені користувачами та форумами. Заголовок віджета “Про що говорять мандрівники” який менш напористі, ніж середні субтитри на комерційних сайтах; тому він відразу ж ловить очі відвідувача.
Розділ Відгуки про готелі розроблений розумним чином робить вміст легко перетравлюваним: невелика фотографія профілю та рейтинг користувача-рецензента, назва рецензованого готелю, коротка цитата з самого огляду та значок рейтингу, який добре відповідає загальному дизайну сайту.
