12 секретів юзабіліті

Web Design
351

У перекладі з англійської означає"зручність використання". Її завдання затримати відвідувача на сайті, щоб він знайшов корисну для себе інформацію. Якщо веб-ресурс містить все, що очікував на ньому побачити гість, то вхідний трафік конвертується в заявки і дзвінки. Принципи закладаються в процесі розробки сайту. Для цього створюється певний набір функцій і елементів управління. Відвідуваність інтернет-ресурсу перевіряється за допомогою спеціальних програм (наприклад, pr-cy.ru, seogadget.ru, 2ip.ru і т. Д.). Якщо показники популярності порталу не дуже високі, завжди можна на них вплинути. Для цього потрібно проаналізувати навігацію сайту і переглянути методи.

Чим зрозуміліше навігація ресурсу, тим частіше буду приходити відвідувачі, і тим вище стане відсоток продажів (замовлень). Іншими словами, зручний для користування сайт підвищує його конверсію і перетворює відвідувачів в клієнтів.

Які параметри покращують зручність сайту?

1. Швидкість завантаження сторінок.

Вона ооооох (!!!) як впливає на рішення потенційного клієнта відвідати ваш сайт. Дуже важливо, щоб швидкість завантаження сторінки була до 3 секунд

Типова проблема: сторінка занадто довго вантажиться, в результаті чого відвідувач йде на іншу.

Вихід: збільште швидкість завантаження сторінки. Ідеальний варіант - секунда, але до 3-ох теж терпимо. Чим довше, тим вище ризик втратити клієнта. Зверніть увагу на верстку і контент. Можливо, варто зменшити розмір сторінок веб-ресурсу або зображень на ньому, оптимізувати коди JavaScript і CSS або скоротити кількість редиректів і т. Д.

image_2020-10-13_14-04-14

2. Головна сторінка.

Пам'ятаєте? Зустрічають по одягу. Ви ж не прийдете на премію вручення «Оскар» в халаті, банних тапочках і з рушником на голові? Так само і оформлення сайту - воно робиться відповідно до тематики. Що більше зацікавить цільову аудиторію власника автосалону: фото іномарки або милого котика з бантом на шиї? Відповідь очевидна.

Дизайн головної сторінки сайту повинен відповідати головної мети.

Типова проблема: Головна сторінка «захаращена» інформацією не по темі, і користувач не бачить, де йому знайти те, чого він потребує.

Вихід: Розставте все «по поличках», залишайте тільки інформацію, що має пряме відношення до тематики сайту і потреб клієнта.

3. Візуальні ефекти.

Вони по-різному впливають на час перебування відвідувача на сайті: можуть сприяти як підвищенню, так і зниження.

Перевантажувати сайт ефектами може призвести до втрати аудиторії

Типова проблема: шкідливі ефекти. Що робили особисто ви, коли не могли прочитати Вас текст через вискакує вікна з пропозицією підписатися на розсилку? Швидше за все, поверталися до результатів пошуку і переходили на інший ресурс. Ваші потенційні клієнти роблять так само.

Не знаєш, який курс вибрати?
Запишись на безкоштовну консультацію і ми допоможемо у виборі правильного напряму
4. Правила говорять: зручна навігація -> зручність переміщення по сайту -> зручність покупки -> успішність ресурсу.

Прихована навігація: з'являється при наведенні

Типова проблема: відсутність кнопок навігації, які спрощують користування ресурсом.

Вихід: додайте на основній сторінці значок зворотного зв'язку ( «подзвонити», «оформити замовлення», «помістити в кошик» і т. Д.). Бажано розмістити на всіх сторінках кнопку повернення або «хлібні крихти» (можливість повернутися в попередній підрозділ або вийти на головну).

5. Спонукання до дії. Це може бути заклик до дії - дзвінку, покупці, письму, відкликанню і т. Д.

Контент і дизайн повинні містити ненав'язливий заклик до дії

Типова проблема: продаєте товар і не робите впевненого пропозиції його придбати. Якщо ви не впевнені в тому, що його слід купити, то переконати в цьому потенційного покупця складно.

Вихід: підштовхніть відвідувача до дії. Хоча б оклику в кінці зазивають фрази або слова. А краще використовуйте заклик, виражений владним нахилом ( «напиши», «подзвони», «купи» і т. Д.).

Screenshot_9

6. Максимум користі. Клієнтові потрібно дати відчути, що саме ваш ресурс допоможе йому завершити пошуки.

Дайте зрозуміти відвідувачу, що більше шукати не треба - треба брати у вас!

Типова проблема: Неактуальна і невідповідна кон'юнктурі ринку інформація.

7. Міра у всьому. Занадто багато інформації може заплутати інтернет-гостя і змусити його покинути сайт.

Структурована інформація, якщо можна замінити картинкою - замініть

Типова проблема: творці ресурсу не надто розбираються, що насправді необхідно цільової аудиторії.

8. Розміщення інформація за принципом «F-патерн».

Дослідження підтверджують: перший рядок тексту відвідувач читає повністю, наступну - приблизно наполовину, у всіх інших звертає увагу тільки на початок.

Приклад F-патерну

Типова проблема: творці веб-ресурсу не враховують психології відвідувачів і розміщують інформацію в тому порядку, який за своїми особистими критеріями вважають найкращим.

9. Текстовий контент і його оформлення.

Розміщені на веб-ресурсі статті просто ЗОБОВ'ЯЗАНІ бути корисним для цільової аудиторії, і, що не менш важливо, грамотними.

Цікава інформація без води

Типові проблеми:

1) Помилки.Неправильно написані слова і пропущені розділові знаки псують репутацію порталу. Є небезпека, що у потенційного замовника виникне думка на кшталт «неписьменні тексти - неписьменні власники ресурсу, неякісний товар (послуги)». Слідкуйте за написаним, адже розчарований відвідувач не горобець: вилетить з сайту - не впіймаєш;

2) заманюють заголовок.Мета розміщення - привернути увагу відвідувача. Він просто повинен клікнути на текст. Бажано, звичайно, щоб написане виправдало його очікування;

3) «Вода».Текст повинен допомогти відвідувачу визначитися з вибором, підштовхнути до покупки (замовлення). В зайвих словах потенційний клієнт просто потоне;

4) Довжина і стиль статей.Ніхто не стане читати суцільні тексти. Їх слід розбивати на абзаци з підзаголовками. Епоха наслідування стилю Достоєвського минула. Довгі пропозиції з масою дієприкметникових і причетних оборотів лякають і заплутують читача. Інформацію бажано викладати короткими фразами в стилі Довлатова. Сергій Донатович нині в тренді;

5) Шрифт.Занадто дрібний стомлює і викликає нудоту, надто великий розсіює увагу і дратує. Оптимальний варіант - 14 або 16 кегль;

6) Колір.Для тексту краще застосовуйте чорний. У разі використання посилань, фарбуйте їх в синій або блакитний, т. К. Це звичний для більшості інтернет-користувачів колірний сигнал про необхідність переходу на вказану статтю;

7) Картинки і фотографії.Чи не перенасичувати ними текст. Зображення всього лише повинні доповнювати написане.

10. Відеоконтент.

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

Відео в описі товару або в новинних матеріалах збільшує інтерес і привабливість для користувача

{{Типичные проблемы:}}

1) Відсутність відеоконтенту на веб-ресурсі;

2) Відеоконтент не відповідає тематиці;

3) Нудний і нецікавий відеоконтент.

11. Реклама.

У наш час без неї ніяк. Вона є основним двигуном багатьох проектів.

Окремий блок для реклами, яка не буде нав'язуватися

Типова проблема: перевантаження основної сторінки сайту рекламними оголошеннями або нетематичними афішами. З цієї причини ви ризикуєте втратити клієнта. Він просто втече, як наречена з-під вінця, і знайде нового нареченого, т. Е. Інший ресурс.

image_2020-10-13_14-08-26

12. Адаптація веб-ресурсу під мобільні пристрої.

Пам'ятайте про неї завжди! Це сучасний MUST HAVE для кожного власника інтернет-ресурсу, оскільки більшість людей заходить на сайти через мобільні пристрої.

Верстка сайту для всіх гаджетів: мобільних телефонів, планшетів

Не знаєш, який курс вибрати?
Запишись на безкоштовну консультацію і ми допоможемо у виборі правильного напряму

Типова проблема:часто творці веб ресурсу забувають про те, що сайт повинен виглядати повноцінно і привабливо з будь-якого гаджета. Найбільш поширеним недоліком є Safari - пошуковик системи IOS. Як не дивно, дуже часто недоробки виявляються у версіях саме для ноутбуків, планшетів і телефонів Apple.