Однією з ключових характеристик якісного веб-ресурсу є зручність у використанні. Це один із вирішальних моментів у просуванні.
Головний секрет ефективного та затребуваного сайту – його простота.
Кожна сторінка сайту повинна бути максимально простою і зрозумілою. Людина, яка випадково опиниться на веб-сторінці, повинна за 3 секунди повідомити, чому присвячений цей ресурс. У нього не повинно виникати в голові таких питань, як «де я?», «На що треба клікнути?», «Як потрапити на головну сторінку?» і т.д.
У цій статті ми розповімо про суттєві помилки, які необхідно уникнути при створенні зручного для використання сайту.
Сайт дуже повільно вантажиться — одна з ключових помилок юзабіліті.
Якщо швидкість завантаження вашого сайту 6 — 7 секунд і більше, то висока ймовірність, що більшість користувачів (можливо навіть 50%) не чекатимуть і перейдуть на сайт конкурентів. Швидкість завантаження – один із найважливіших факторів ранжирування для пошукових систем.
Ваш веб-сайт не розповідає користувачеві, що робить ваша компанія і чому вони повинні вибрати саме вас
Як тільки ваша сторінка завантажується, користувачі формують свою думку. У середньому їм вистачає 0,05 секунди, щоб зрозуміти, чи подобається їм даний ресурс, чи доступна викладена інформація. Приблизно 46% покупців негайно залишать сайт, якщо неясно, чим займається компанія. Принаймні ви повинні чітко представляти свої послуги / продукти, а також елементи довіри, такі як відгуки, нагороди та галузевих партнерів.
Велика кількість зайвих слів
На багатьох сайтах тексти перенасичені непотрібними словами, які зменшують цінність та корисність вмісту. До таких «непотрібних слів» можна віднести «шумові слова» або, як їх ще називають, стоп-слова: часте використання спілок, союзних слів, займенників, прийменників, частинок, вигуків, вступних слів, вказівних слів і т.д. Вони негативно впливають загальне сприйняття тексту читачем.
Відсутність відповідного H1
Головне завдання заголовка H1 — лаконічно повідомляти відвідувачів про вміст сторінки. Більшість людей переглядають заголовки перед читанням основного тексту, щоб вирішити, чи вони зацікавлені веб-сторінкою.
Коли на вашому ресурсі розташовані лише величезні текстові полотна і немає виділених заголовків, то ваш користувач залишить сайт швидше, ніж ви встигнете сказати йому «повернися». Ще одна причина, чому вам потрібні заголовки та підзаголовки – таким чином пошукові системи можуть знайти вас. Щодня у всьому світі здійснюється понад 6 000 000 000 пошукових запитів. Одним із факторів підвищення рейтингу в пошукових системах є наявність корисної розмітки для ботів, щоб вони читали та розшифровували зміст сторінки. Якщо бот не може визначити, про що ваша сторінка, вона буде захована десь у безлюдній області сторінок результатів пошуку із двозначним числом.
Занадто маленький та нечитабельний шрифт тексту — помилка usability, яка впливає на фактори поведінки.
Одним з найпоширеніших недоліків веб-сайту є надто маленький для читання текст. Розмір основного кегля повинен бути більше 14px, щоб він був більш сумісним та зручним для читання на всіх типах пристроїв та при невеликих дозволах екрану. Якщо вам потрібно мружитися, щоб прочитати текст веб-сайту на мобільному пристрої, саме час поговорити з вашим веб-дизайнером.
Колосальна перевантаженість веб-сторінки
— неймовірна кількість різноманітних компонентів (закликів до дії, барвистих виділень, різних елементів оформлення). Таке достаток викликає у користувача ефект тиску, що негативно вплине на конверсію.
Розташування іконок соціальних мереж на самому початку
Якщо іконки відомих соціальних мереж знаходяться на початку сторінки, то висока ймовірність, що користувачі можуть відразу ж покинути ваш сайт. Як тільки вони переходять в соціальні мережі, вони потрапляють у кролячу нору, що прокручується, і можуть більше ніколи не повернутися на ваш веб-ресурс. Розмістіть їх або збоку, або всередині, або в самому низу. Розташуйте іконки будь-де, тільки не вгорі.
Непомітний заклик до дії – одна з головних базових помилок у юзабіліті, яка безпосередньо впливає на коефіцієнт конверсії
Більшість CTA є непомітними (кнопки занадто маленькі, посилання не виділені). Чим важливіший елемент для сторінки, тим явнішим і помітнішим він має бути. Наприклад, значний CTA «Оформити замовлення» має бути або більшим, або виділятися кольором, можуть застосовуватися цілі комбінації таких способів.
Неоднозначний CTA
— Заклик до дії, який має всіляке тлумачення, не несе в собі конкретної інформації про дію, яку потрібно вчинити. Наприклад, кнопка «Назад» — користувач може пам’ятати, що він читав чи дивився раніше.
Логотип
– не відповідає назві та оформленню сайту, неклікабельний та не веде на головну сторінку. Коли користувач заблукав на сайті або хоче почати пошук заново, то, як правило, використовує лого як спосіб головної навігації, за допомогою якого завжди можна повернутися в «початок п качки».
Відсутність оригінального фавікона
За допомогою унікального фавікона відвідувач може легко знайти вкладку з вашим сайтом серед інших відкритих вкладок.
Використання великої кількості анімації
призводить, по-перше, до зниження продуктивності сайту, по-друге, викликає роздратування користувача, по-третє, може значно відволікати від головного контенту.
Немає різниці між клікабельними та неклікабельними елементами
Наприклад, посилання ніяк не відрізняються від тексту і не виділені.
Підстроювання курсору під неклікабельні елементи
При наведенні на такі елементи курсор у вигляді стрілки повинен змінюватися на символ руки. Такі дії вводять в оману та викликають додаткові питання.
Клікабельні елементи – дуже маленького розміру
Якщо компоненти сторінки, на які можна натиснути недостатньо великі, відвідувачу доведеться докладати зусилля, щоб зробити клік.
Відсутність «хлібних крихт»
Відвідувач не зможе миттєво зрозуміти, де він знаходиться і не зможе повернутися до вищих категорій.
На сайті відсутня доступна основна контактна інформація
Потрапивши на домашню сторінку компанії, понад 60% відвідувачів хочуть бачити контактну інформацію компанії, а 40% відвідувачів підуть, якщо контактної інформації чи номера телефону не буде. Кінцева мета взаємодії з користувачем на вашому веб-сайті повинна полягати у створенні конверсії, коли зв’язується з вами. Якщо вони не можуть знайти номер телефону, адресу, контактну форму, контактну сторінку, адресу електронної пошти або інші форми контакту, вони будуть розчаровані, і ви пропустите таку довгоочікувану можливість.
Недоступність головного меню
Користувачеві буде некомфортно взаємодіяти з сайтом, якщо головне меню не перебуватиме у шапці сайту, а також не дублюється у футері.
Відсутність HTTPS – протоколу
Якщо ви запитуєте будь-яку особисту інформацію – від адреси електронної пошти та телефону до імені та прізвища – ваш сайт має бути захищений. Якщо ні, Google (та інші пошукові системи) просуватимуть ваш сайт вниз у результатах пошуку та обмежуватимуть вашу видимість в Інтернеті.
Насамкінець, ми хочемо поділитися з вами кількома порадами, які направлять вас на правильну боротьбу з помилками юзабіліті сайту:
— Кожна сторінка сайту повинна мати чітку та зрозумілу візуальну ієрархію;
— сайт має бути максимально простим у використанні;
— навігація має бути стандартною та очевидною на всіх сторінках сайту;
— проведення юзабіліті-аудиту – найкращий спосіб виявлення проблем, які тією чи іншою мірою впливають на роботу ресурсу;
— лише комплексна робота щодо покращення юзабіліті сайту та усунення помилок принесе довгоочікуваний ефект.
