July 15, 2020

Почему вправо-влево, а не вверх-вниз

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

Именно это и образует цену дизайна, а не умение расставлять блоки и текст в Фигме.

Когда я выбирал тип скролла я рассматривал вариант с вверх-вниз и вправо-влево.

Вверх-вниз

+ Привычность многим пользователям.

+ Единообразие.

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

Вправо-влево

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

+ Короткое движение пальцем. При скроле вверх-вниз палец должен проделать именно такой путь, насколько скролится страница. При скроле вправо-влево приложение вправе докручивать до нужного состояния, это ощущается естественно и много где используется. Таким образом, чтобы добраться до последней категории, пользователь потратит меньше усилий.

+ Разнообразие. Нельзя заставлять пользователя делать слишком много однообразных действий или смотреть на одно и то же, иначе пользователь скучает, и к третьему действию ему хочется прекратить. Именно с этой целью иконки на главной жёлтые, в категориях серые, выбор услуги сделан в одну колонку, а не в две, а также это одна из причин, почему само оформление заказа сделано через поп-ап (окошко). Если шаги однообразные, то пользователь теряется и ему кажется, что впереди ещё бесконечность шагов, если они такие, как сейчас, то он понимает, что ещё чуть-чуть и заказ будет завершён. Мы вознаграждаем пользователя разнообразием за совершённые действия.

+ Единообразие. В приложении много движений вправо-влево, что абсолютно нормально для современного приложения, и отличает веб от мобильной разработки. Таким образом мы поддерживаем эту тенденцию ещё и на главном экране.

+ Соответствие ожиданиям. Пользователь лучше понимает, сколько примерно категорий в приложении. Внутри категорий такой скрол недопустим, потому что там кол-во подкатегорий очень разнообразно, а на главном очень уместен.

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

Таким образом я и выбрал тип скрола.

P.S.

То, как экран скролится в Фигме, не соответствует тому, как это будет сделано в реальном приложении, в реальном приложении мы сможем настроить идеальную длину скрола, при котором вкладка будет переключаться.