Найти в Дзене

5 правил необычного скролла

Оглавление
goliath-entertainment.com
goliath-entertainment.com

Многие дизайнеры любят использовать приёмы нестандартной прокрутки (scrolljacking) веб-страниц. Это добавляет вау-эффект, но если применить этот прим неправильно — можно только испортить впечатление и привести к высокому показателю отказов.

Как правильно использовать нестандартную прокрутку на сайте

Постепенно раскрывать ценную информацию

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

www.igaming.studio
www.igaming.studio

Включите на страницу разделы без прокрутки

Пользователи привыкли к скроллу сверху вниз. Любое изменение паттерна ведёт к усложнению восприятия. Сбалансируйте нестандартный способ со знакомым шаблоном — это подарит чувство контроля. При этом можно разбавлять статику встроенными гифками.

eiger-extreme.mammut.com/en
eiger-extreme.mammut.com/en

В блоках с нестандартной прокруткой делайте акцент на сам продукт

Исследования показали: когда небольшие фрагменты текста появляются, а затем исчезают с экрана, пользователям сложно понять общий смысл текста. В таких блоках лучше работать с изображениями.

apple.com
apple.com

Избегайте на мобильных устройствах

Большинство проблем с удобством использования нестандартной прокрутки усугубляется на мобильных устройствах. Поэтому для них стоит разрабатывать упрощённую реализацию.

Не используйте на первом экране

Нестандартная прокрутка с первого экрана выбивает из стандартного паттерна, тем самым смазывает вау-эффект. Лучше использовать этот приём ниже для выделения ключевых преимущества и призывов к действию.

И главное помнить: креатива должно быть в меру.

Подписывайтесь на мой телеграм канал, если интересно развивать вкус:)