Все прокручивают: как пользователи смотрят длинные страницы

Международное digital-агентство Huge выяснило, как дизайн страницы влияет на то, прокручивают ли её пользователи ниже. ЦП подготовил выжимку из их отчёта под названием «Все прокручивают».

Среди UX-дизайнеров нет единого мнения о том, насколько важно размещать основной контент на первом экране. Chartbeat выяснил, что «66% внимания на нормальной медийной странице приходится на её нижнюю часть». В тоже время Nielsen Norman Group утверждает, что «пользователи проводят 80% времени на первом экране страницы».

Команда Huge провела эксперимент, чтобы узнать, как дизайн страницы и визуальные намёки влияют на то, прокручивают пользователи страницу ниже или нет. Чтобы это выяснить, агентство тестировало 48 пользователей больше трёх дней. Исследование было немодерируемым и удалённым.

Исследователи тестировали четыре версии дизайна:

  • Полноэкранное изображение без визуальных намёков на прокрутку;
  • Стрелку, которая указывает на прокрутку;
  • Короткое изображение, где пользователь должен прокрутить страницу, чтобы увидеть контент полностью;
  • Анимированное изображение с движущимися элементами, которые мотивируют прокручивать ниже.

Результаты теста показали, что почти все участники прокручивали страницу вниз, несмотря ни на что.

Пока сложно дать универсальные рекомендации, отмечают представители Huge. Дизайнеры должны выбирать подходящий вариант, основываясь на контексте, виде бизнеса и общем дизайне. Оптимальное размещение и эффективность подсказок зависят от того, что на странице основное — текст, изображение или видео, для чего предназначен сайт — для интернет-торговли, публицистики или новостей, и того, как визуальные намёки интегрированы с другими элементами дизайна.

Huge собирается продолжить исследование, чтобы выяснить, как на прокручивание влияют другие переменные.

#Интерфейсы #Дизайн #веб_дизайн #исследования #UX #интерфейсы #прокрутка_страницы

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Люда Дзержинская", "author_type": "self", "tags": ["\u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430_\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b","\u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f","\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","\u0432\u0435\u0431_\u0434\u0438\u0437\u0430\u0439\u043d","ux"], "comments": 12, "likes": 13, "favorites": 1, "is_advertisement": false, "subsite_label": "design", "id": 6029, "is_wide": true }
00
дни
00
часы
00
мин
00
сек
(function(){ var banner = document.querySelector('.teaserSberbank'); var isAdsDisabled = document.querySelector('noad'); if (!isAdsDisabled){ var countdownTimer = null; var timerItem = document.querySelectorAll('[data-sber-timer]'); var seconds = parseInt('15395' + '50799') - now(); function now(){ return Math.round(new Date().getTime()/1000.0); } function timer() { var days = Math.floor(seconds / 24 / 60 / 60); var hoursLeft = Math.floor((seconds) - (days * 86400)); var hours = Math.floor(hoursLeft / 3600); var minutesLeft = Math.floor((hoursLeft) - (hours * 3600)); var minutes = Math.floor(minutesLeft / 60); var remainingSeconds = seconds % 60; if (days < 10) days = '0' + days; if (hours < 10) hours = '0' + hours; if (minutes < 10) minutes = '0' + minutes; if (remainingSeconds < 10) remainingSeconds = '0' + remainingSeconds; if (seconds <= 0) { clearInterval(countdownTimer); } else { timerItem[0].textContent = days; timerItem[1].textContent = hours; timerItem[2].textContent = minutes; timerItem[3].textContent = remainingSeconds; seconds -= 1; } } timer(); countdownTimer = setInterval(timer, 1000); } else { banner.style.display = 'none'; } })();
{ "id": 6029, "author_id": 10452, "diff_limit": 1000, "urls": {"diff":"\/comments\/6029\/get","add":"\/comments\/6029\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/6029"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114 }

12 комментариев 12 комм.

Популярные

По порядку

Написать комментарий...
7

99% скролят, остальные 1% просто в этом не признаются.

Ответить
5

48 пользователей — что за стыд?

Ответить
4

Большая выборка респондентов нужна, если вы опрашиваете всех подряд на улице, скорее всего в данном случае, как это обычно происходит при usability-исследованиях, группа респондентов была тщательно отобрана по ряду характеристик (пол, возраст, соц. статус, род деятельности и т.д.), чтобы каждый из них представлял определенную группу пользователей — это позволяет при небольшом количестве иметь довольно высокую точность.

Я предположу, что это одна из причин, почему Huge хочет продолжить исследование — группа респондентов была подобрана исходя из их личных текущих потребностей.

Ответить
1

Есть такое понятие, как репрезентативная выборка.

Ответить
6

48 пользователей скролят страницу - вот как должна называться статья

Ответить
3

Вот так исследование! Почему выборка такая маленькая?

Ответить
3

Соцсети приучили скроллить, всё нормально.

Ответить
2

Ну все логично, сейчас большинство сайто это хидер на пол экрана и небольшое место под контент.

Ответить
1

простите, но все же БЛЯ!

Ясен пень все скроллят!!!
На компе - мышью
На ноуте - тачем
На моб девайсах - пальцем.

Всех уже приучили что скролл - это увидеть "что дальше" - так почему юзеры НЕ должны скроллить?

Такое впечатление что дижиталь-агентство Хьюдж открыто британскими учеными

Ответить
2

К сожалению, достаточно много решений принимается из страха, что люди не скроллят, поэтому все подряд размещают в пределах первого экрана.

Ответить
1

everybody scrolls

Ответить

Комментарий удален

Комментарий удален

Комментарий удален

Комментарий удален

0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Компания отказалась от email
в пользу общения при помощи мемов
Подписаться на push-уведомления