Имеют ли жизнь такие табы?

Question

[Bongie]

Я пытаюсь придумать навигацию для перемещения между табами в электронной коммерции, и, казалось бы, придумал, но сразу же возникает вопрос: "а зачем скроллить?". Посчитал, что легче сделать пару рывков по колёсику, чем целится в конкретное табло.

Но не знаю. Мне бы хотелось узнать, жизнеспособен этот способ пермещения по табам?

Answer 1

[Rustam Bainazarov]

Табы по клику нужны, чтобы как раз-таки ограничить необходимость прокрутки. У вас уже по сути не табы.

Представим ситуацию. У вас после блока с табами ещё куча информации (слайдеры с доп. товарами, кросс-товарами, ещё там что-то). И вот чтобы достичь эту информацию, нужно прокрутить все-все табы.

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

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

Скорее всего, такая реализация будет путать, но надо тестировать, конечно. Массовый пользователь привык либо к табам, либо к прокрутке.

Comments

[Bongie]

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

Вот в том и дело, что под общий дизайн страницы это бы вписалось. После этого блока нет информации, эта страница в 100vh.

В любом случае, спасибо

[Rustam Bainazarov]

Bongie, не могу посмотреть на ПК, только на телефоне, адаптивности нет, поэтому выглядит странно.

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

[Bongie]

SmthTo, спасибо!

[Rustam Bainazarov]

Bongie, да, ещё момент, учитывайте возможный большой контент табов и большой контент в правой колонке (где цвета и кнопка покупки).

Так же, учтите вопрос адаптивности. Если адаптировать, просто переделав горизонтальное направление в вертикальное, то до кнопки покупки и выбора цвета пользователь будет добираться через все табы.

[Rustam Bainazarov]

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

Answer 2

[Матвей Правосудов]

Мне бы хотелось узнать, жизнеспособен этот способ пермещения по табам?

Конечно! Очень часто такой UI-паттерн применяется в одностраничниках для доставки еды, где в табах сидят категории блюд, а при прокрутке меняется активный таб.

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

Comments

[Bongie]

Общий дизайн выглядит таким образом:



После табов нет блока с информацией, и имеется возможность для перемещения по клику. Спасибо, буду пытаться улучшить, но уже понял, что отказываться не стоит.

[Матвей Правосудов]

Bongie, не не, я про контекст у реального сайта. Как я понял, вы же разрабатываете шаблон?