Вступ
Якщо виживання і розвиток вашого бізнесу залежить від кількості відвідувачів сайту, користувацький інтерфейс може допомогти вам у цьому. Або ж навпаки – звести до нуля ваші зусилля із залучення клієнтів або ж геть розтратити рекламний бюджет. Якщо дизайн користувацького інтерфейсу вашого сайту має серйозні недоліки, не варто дивуватися низькому коефіцієнту конверсії. Є й хороші новини – трохи старань над дизайном сайту, і він почне працювати на ваші бізнес-цілі.
Леонардо да Вінчі сказав: Простота – це те, що найважче в світі, це крайня межа досвідченості й останнє зусилля генія.
Доповнимо слова величного Леонардо: простота – це також одна з головних вимог до ефективного дизайну користувацького інтерфейсу.
Для того щоб залучити, привернути увагу користувача й утримати його, користувацький інтерфейс (UI) має відповідати трьом основним критеріям, він має бути:
1. захопливим
2. красивим
3. пробуджувати емоційний відгук у користувача.
Те ж саме можна сказати і про практично будь-який витвір мистецтва з тією лише різницею, що мистецтво допускає певну частку складності. Зі свого боку користувацький інтерфейс не терпить складності, заплутаності та загадковості. Будучи найважливішою складовою користувацького досвіду (UX), UI значною мірою впливає на конверсію сайту. Водночас висока конверсія є наслідком успішного користувацького шляху (Customer Journey). Навіть Harvard Business Review зазначає, що на успішну подорож клієнта впливає зменшення кількості зусиль, докладених користувачем у процесі взаємодії з інтерфейсом.
Сьогодні користувачі сайтів і застосунків не мають зайвого часу та терпіння. Це припущення підтверджують такі статистичні дані:
– 38% відвідувачів йдуть із сайту, якщо його зміст або дизайн непривабливі
– 47% користувачів вважають неприйнятним час завантаження веб-сторінки понад дві секунди
– 95% відвідувачів згодні з тим, що належний користувацький досвід є найважливішою складовою користувацької взаємодії з цифровим продуктом
– 94% людей закриють веб-сайт і перестануть довіряти йому, якщо при переході між сторінками сайту вони помітять погіршення дизайну.
Ми зібрали для вас велику сімку порад, як за допомогою прийомів дизайну підняти конверсію сайту і перетворити його на інструмент для зростання вашого бізнесу.
1. Зробіть сайт з адаптивним дизайном.
У наш час, коли кількість інтернет-користувачів із мобільних пристроїв вже стала більшою за тих, хто заходить в інтернет зі стаціонарних комп’ютерів, усе ще можна потрапити на сайт, дизайн якого не адаптується під пристрій користувача. І це лише змушує відвідувачів здійснювати такі небажані для них додаткові зусилля, замість того, щоб скорочувати їх. Це і підштовхує користувачів засумніватися у своєму рішенні про покупку у вас і змушує звернутися в іншу компанію.
Крім цього, в пошуковій видачі Google веб-сайти з респонсів дизайном ранжуються вище за інших.
2. Розвантажте і полегшіть макет
Захаращені сайти дратують і розчаровують користувачів, оскільки змушують їх витрачати дорогоцінний час на вишукування потрібної інформації. Крім того, якщо сторінка перенасичена текстовою та візуальною інформацією, відвідувач може просто не помітити кнопку “купити” або інший заклик до дії (СТА) чи важливу інформацію, наприклад, про акції. У переважній більшості випадків користувачі безповоротно залишають такі веб-сторінки. Щоб не втрачати такі цінні конверсії, рекомендуємо на цільовій сторінці давати одне головне повідомлення, посилюючи його перевагами і підкріплюючи відгуками, не забувши про помітний СТА.
Кожна інша сторінка вебсайту повинна підводити користувачів до однієї єдиної дії і причому таким чином, щоб вони інтуїтивно розуміли, який крок їм необхідно зробити далі і до чого це їх приведе.
3. Зробіть навігацію інтуїтивно зрозумілою
Усього за кілька секунд користувач ухвалює рішення залишитися на вашому сайті або піти шукати інший, тому навігація має бути простою, зрозумілою і передбачуваною. Використання ієрархії в макеті дає змогу подати інформацію структуровано і розставити логічні акценти. Усе це дасть змогу користувачеві швидше здійснити ту саму дію на сторінці, до якої ви хочете його привести.
4. Зробіть заклики до дії такими, що привертають увагу
Вся міць лідогенераційної машини працює на те, щоб користувач клікнув на заповітну кнопку “Зробити замовлення”. Завдяки використанню кольору і правильного тексту можна зробити заклики до дії (СТА) на сайті такими, щоб усе в них говорило: “Натисни швидше тут!”. Дизайн має бути ефективним і водночас простим.
Кнопка CTA має розміщуватися поруч із торговою пропозицією як логічний наступний крок у подорожі користувача. Вона має створювати відчуття терміновості, тому під час складання тексту використовуйте першу особу, активні дієслова і часові слова
5. Примусьте графічні та візуальні елементи працювати на результат
Насамперед позбудьтеся стокових фотографій. Такі фотографії видно неозброєним оком – за рахунок неприродності вони створюють відчуття награності та нещирості. Така атмосфера зовсім не сприяє встановленню довіри користувача до сайту. Тому віддайте перевагу якісним і достовірним фотографіям. Під час підбору візуальних елементів для оформлення сайту надавайте перевагу фотографіям із людьми (за статистикою вони більше привертають увагу), які в ідеалі зображують представників цільової аудиторії. Тоді користувач з одного погляду зможе зрозуміти, що зайшов туди, куди потрібно.
Особливу увагу приділіть анімації тих елементів, на які ви хочете звернути увагу користувачів. Анімація має бути доречною і не громіздкою, щоб не перевантажувати сприйняття відвідувачів і не знижувати швидкість завантаження веб-сторінок.
6. Надайте соціальні докази
Ось трохи цифр, щоб ви краще розуміли високу значимість соціальних доказів (Social Proof):
1. За даними Visual Website Optimizer, конверсія зростає мінімум на 34%, якщо клієнти перед покупкою ознайомлюються з відгуками.
2. У середньому близько 70% онлайн-покупців переглядають відгуки про товар, перш ніж зробити покупку. У випадку із замовленням послуги ця кількість значно вища.
3. Реальні відгуки покупців викликають у 12 разів більше довіри, ніж будь-яка торгова пропозиція, навіть складена за всіма правилами маркетингу і психології.
Особливо важливими соціальні докази є для нових користувачів, тож радимо виділити час і здобути зворотний зв’язок від ваших покупців. На сайт його можна оформити у вигляді:
– Інфографіки із зазначенням кількості користувачів/клієнтів, які зробили покупку раніше
– Текстових відгуків покупців, бажано з використанням їхніх фотографій та імен
– Відгуків у форматі відео роликів.
Також на зрощування довіри користувачів позитивно впливає наявність сертифікатів, ліцензій, акредитацій. Рекомендуємо додати на сайт окремий розділ, де будуть представлені наявні у компанії документи, що підтверджують рівень експертності та якості.
Якщо компанія брала участь у рейтингах або галузевих оглядах, буде корисно представити результати на вашому сайті. Так відвідувачі побачать ваше зовнішнє визнання.
7. Використовуйте переконливі, але лаконічні тексти
Користувачі сайту не читають, вони насамперед дивляться на картинки. І тільки якщо за перші кілька секунд вони не знаходять “за що зачепитися”, починають звертати увагу на текст. Але знову-таки – вони лише сканують його, швиденько пробігаючись поглядом по заголовках. Тому велика кількість тексту може відлякувати користувачів або відволікати від цільової дії. Усі тексти на кожній сторінці сайту мають бути ретельно продумані та перевірені на емоційний вплив.
Тому рекомендуємо:
1. Використовувати текстову ієрархію на веб сторінках – розділяти тексти на змістовні блоки, виділяти головне, використовувати заголовки.
2. Переписати тексти таким чином, щоб донести найважливіше, використовуючи якомога менше слів.
Висновок
Підсумуємо. Проектуючи інтерфейс веб-сайту, завжди варто вивчити цільову аудиторію, скласти портрет користувача і ставити себе на місце відвідувача. Сайт має бути зроблений для тих людей, яких ви хочете залучити, а отже, має допомагати їм найшвидше і найприємніше досягати бажаних цілей. Він має сприяти відвідувачеві прийняти рішення і зробити цільову дію саме зараз і саме на вашому сайті.