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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вывод

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

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

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

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

Total
5
Shares
Добавить комментарий
Похожие статьи
Стратегический UX/UI дизайн: как создать продукт, который нужен вашей аудитории
Подробнее

Стратегический UX/UI дизайн: как создать продукт, который нужен вашей аудитории

При создании нового сервиса или продукта каждый грезит успехом. Миллионы контрактов, тысячи скачиваний, толпы клиентов, восторженные отзывы и профит. Вжух, и готово! Сплошные котики и радуга.
Как преодолеть отрицательную реакцию пользователей на изменения в продукте
Подробнее

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

Неприятие изменений (ненависть к обновлениям) – это концепция, хорошо известная дизайнерам и продакт-менеджерам. Будь то функциональные изменения, такие как обновления функций продукта или изменения интерфейса, такие как визуальный редизайн.

Еженедельная рассылка

Одно письмо с лучшими записями за неделю

Total
5
Share