Двунаправленная прокрутка - что с ней не так?

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

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

Этот паттерн доступен, легко адаптируется под различные экраны и легко реализуем. Достаточно плюсов для решения с некоторыми критичными недостатками.

Далее я объясню свою точку зрения.

Горизонтальная прокрутка по категориям

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

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

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

  • Увеличивается вероятность того, что пользователи его не увидят
  • Это решение основывается на том, что пользователи продвинуты в диджитал сфере (привет, мам)
  • Обычно более трудозатратно для конечного пользователя

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

Как следует делать

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

Загружается меньшее количество элементов и добавляется ссылка на категорию

Чего удается достичь таким образом:

  • Контент не скрывается
  • Упрощается переход к категории
  • Данные не тратятся зря
  • Избегаются трудозатратные действия

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

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

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

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

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

Но ведь это больше кликов

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

Но вообще-то количество кликов - плохой показатель меры удобства пользования.

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

По итогу

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

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

Выглядит скучно, но пользоваться действительно удобно.

Надеюсь, вам понравилась эта статья. Если у вас появились идеи или возражения – напишите комментарий! И обязательно подписывайтесь ✌️

Источник