Не надо выбирать между плохими вариантами, надо сделать хороший:

Кстати, злоупотреблять такими выпадайками тоже не стоит. Во‑первых, чтобы сделать выбор, в них нужно кликать дважды, а если бы у вас были обычные радиокнопки или горизонтальный переключатель, достаточно было бы одного клика. Это двойная потеря эффективности. Во‑вторых, до первого клика вообще не знаешь, какие там варианты возможны, и иногда приходится его делать просто, чтобы их посмотреть. Это бесконечная потеря эффективности.

Формат: форма
Отправить
Поделиться
Запинить

Комментарии

Такое расположение часто считается не очень хорошим. Получается какой‑то выбор между тремя плохими. Например, тот же Гугль:
https://ai.googleblog.com/…‑making‑your‑web‑forms.html

9 июня 2020

Сергей, эту штуку я комментировал в другом совете:
https://bureau.ru/soviet/20180109/

9 июня 2020

Я правильно понимаю, что Илья сделал одинаковыми подписи и данные?

9 июня 2020

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

9 июня 2020

Вот тут расписали плюсы и минусы текстовых полей:
https://ux.pub/…‑tekstovyh‑poley‑i‑form

Я всё же придерживаюсь подписей сверху.

10 июня 2020

Илья, спасибо за ответ.

Я не уточнил важную деталь — это адаптивная страница. На десктопе именно так и сделано — подписи вынесены в отдельную колонку. Мобильный же вариант как раз трансформируется в присланный мной макет, который смущает меня обилием строк с похожим оптическим весом.

16 июня 2020

Константин, я ещё в этом видео прокомментировал позже (начиная с 1:15):

16 июня 2020

Рекомендуем другие советы