Горизонтальный скролл: что с ним не так?

На таких сайтах, как Netflix, программы упорядочиваются в ряды по категориям, которые можно горизонтально прокручивать.

Это дает пользователям обзор каждой категории без необходимости пролистывать все программы.

Этот паттерн доступен, адаптивен и согласован для всех размеров экрана. И его довольно легко реализовать.

Он имеет много плюсов, несмотря на то, что имеет ряд критических недостатков.

В этой статье я объясню их и посоветую, чем его заменить.

Горизонтальный скролл: что с ним не так?
Горизонтальный скролл программ по категориям

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

Зигзагообразный скролл по сайту может быть утомительным, особенно для людей с нарушениями моторики.

Скрытие контента всегда должно быть крайней мерой, потому что:

  • увеличивает вероятность того, что пользователи его не увидят
  • больше полагается на цифровую грамотность пользователей
  • обычно более трудоемко для пользователей

Что касается производительности, контент, который пользователи не видят и который в конечном итоге могут так и не просмотреть, загружается медленно и тратит лишние данные.

Чем заменить этот паттерн

Вместо этого мы могли бы просто загрузить 4 самых популярных элемента в каждой категории.

Горизонтальный скролл: что с ним не так?
Загрузка меньшего количества элементов и ссылка на страницу каждой категории

Таким образом, контент не скрывается. Легко перейти к категории; данные не тратятся зря; и вы избегаете нетрадиционных, трудоемких паттернов.

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

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

В конце концов, пролистывание категорий не требует больших усилий и может быть выполнено действительно быстро.

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

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

«Но это потребует больше кликов»

Не стоит переживать, что разделение контента по страницам увеличит количество кликов.

Запомните, что количество кликов – плохой показатель юзабилити.

Ведь для горизонтального скролла контента на компьютере требуется куда больше кликов по сравнению с переходом на специальную страницу для просмотра нужного контента.

Вывод

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

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

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

Спасибо Amy за редактуру статьи.

0 Комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
Новый UX для Google AdWords
Подробнее

Новый UX для Google AdWords

Во время моей работы над AdWords UX, я обращал особое внимание на UX для рекламодателей. Моей целью было помочь им в понимании данных и принятии более правильных решений для бизнеса.

Лучшие статьи, раз в неделю, с доставкой на почту

Total
8
Share