Аналіз теплових карт на мобільному телефоні

Andrew Chornyy - 001
Andrew Chornyy

CEO Plerdy — експерт із SEO&CRO з більш ніж 14-річним досвідом.

Посібник користування Юзабіліті сайту (UX)

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

heatmap mobile

Кроки для Windows/Linux користувачів:

  1. Відкрийте звіт і переконайтеся, що на екрані з’явилася панель меню Plerdy.
  2. Натисніть F12, щоб відкрити інструменти розробника (наприклад, у браузері Chrome).
  3. Активуйте режим адаптивного дизайну, натиснувши Ctrl + Shift + M.
  4. У вікні емуляції виберіть модель пристрою, щоб переглянути, як ваш сайт виглядає на різних мобільних пристроях.
  5. Виберіть масштаб 100%.
  6. Оновіть сторінку, натиснувши F5, і дочекайтеся її повного завантаження.
  7. Оберіть відповідний період і активуйте світч теплової карти.
  8. Можете згорнути панель меню, щоб аналізувати кліки.
  9. Кліки відображаються динамічно на елементах сайту, тому оберіть потрібний елемент і зачекайте 1-2 секунди.

Кроки для MacBook користувачів:

  1. Відкрийте звіт і переконайтеся, що на екрані з’явилася панель меню Plerdy.
  2. Відкрийте інструменти розробника за допомогою Command + Option + I (наприклад, у браузері Chrome).
  3. Увімкніть режим адаптивного дизайну, натиснувши Command + Shift + M.
  4. Виберіть потрібну модель пристрою у вікні емуляції.
  5. Виберіть масштаб 100%.
  6. Перезавантажте сторінку за допомогою Command + R і дочекайтеся її завантаження.
  7. Оберіть відповідний період і активуйте світч теплової карти.
  8. Можете згорнути панель меню, щоб аналізувати кліки.
  9. Кліки відображаються динамічно на елементах сайту, тому оберіть потрібний елемент і зачекайте 1-2 секунди.