0Ви дізнались тільки
% інформації

Usability сайту: ТОП 10 помилок мобільної версії

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Мене звати Андрій Чорний і сьогодні я продовжую розповідати Вам коротку інформацію про можливі банальні помилки на мобільній версії сайту, які можуть вбивати вашу конверсію.

Оскільки, ера мобільних телефонів все більше набирає обертів, вже у більшості ніш мобільний трафік переважає трафік з планшетів та ПК, Google в першу чергу індексує мобільну версію сайту (Mobile First Index) – не звертати увагу на мобільну версію сайту просто не можливо. Згідно зі статистикою, мобільних трафік в деяких нішах може сягати від 70-90%.

ТОП 10 помилок Usability помилок мобільної версії сайту:

  1. Текст на фото
  2. Текст не видно
  3. Немає адаптиви
  4. Довга сторінка
  5. Немає СТА
  6. Перший товар
  7. Текст криво
  8. Меню
  9. Використання місця
  10. Слайдер

А тепер трохи детальніше про кожний тип помилок.

Текст на фото

У разі присутності горизонтального банера на сторінці (ПК версії сайту), слід звернути увагу на текст і картинку, оскільки все має вміщатись і виглядати зручно та доступно для користувача з мобільного.

Текст не видно

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

Немає адаптиви

Якщо немає адаптиви (мобільної версії сайту), то всі попередні та наступні помилки не грають ролі. Сайт повинен бути в обов’язковому порядку адаптивним під всі можливі пристрої.

Довга сторінка

Якщо дивитись на основі карти кліків і скролу Plerdy, то з’являється одразу інформація про довжину цієї сторінки. Якщо подивитись ПК версію сторінки категорії, то на ній ви можете розмістити 12 або 24 штуки товарів. Навіть при такій кількості сторінка не буде надто велика. Якщо ж така кількість буде на мобільній версії сторінка автоматично стане надзвичайно довга. Велика кількість товару на одній сторінці в мобільній версії супроводжується відсутністю відвідин кінця цієї сторінки. Тому слід зменшувати кількість інформації на одній сторінці.

Немає СТА

Варто врахувати відсутність ховера на мобільній версії. Наведення курсору мишки та поява певного ефекту збільшує шанси продажу. Якщо немає кнопки, то люди не бачать куди клікати, що робити. Бажано додати кнопку call to action.

Перший товар

При певних типах телефонів карточка товару іноді зсувається в бік. Або це може бути помилка у не правильності програмування сайту. Тобто по висоті вони можуть бути різні, фотографія може мати різну висоту, ширину і в такому випадку ці блоки будуть стрибати на різних типах пристроїв один біля одного.

Текст криво

Не правильно зверстаний текст є не читабельним. Він кривий, його не можна в бік посунути. Навіть якщо це популярна стаття, яка приносить великий трафік кількість відмов від її читання буде достатньо великою у зв’язку з цією проблемою.

Меню

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

Використання місця

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

Слайдер

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

Задати запитання

Залишіть запитання чи коментар до статті:

Your email address will not be published. Required fields are marked *