Выставление флажков в формах

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

Если я выровняю ярлык справа и сам элемент управления слева, то мои флажки не находятся в том же столбце, что и все мои другие элементы управления

mockup

скачать источник bmml - Каркасы, созданные с помощью Макеты Balsamiq

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

mockup

скачать источник bmml

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

mockup

скачать источник bmml

Чтобы решить эту проблему, я играю вокруг, предоставляя как общий ярлык, так и определенный для элемента управления, но в большинстве случаев он выглядит очень неестественным и принудительным. Вместо того, чтобы говорить, например, «Включить временную метку», я вынужден делать такие вещи, как «Timestamp: Include», что звучит ужасно.

mockup

скачать источник bmml

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

14 голосов | спросил Vitaly Mijiritsky 16 J0000006Europe/Moscow 2012, 21:01:31

2 ответа


19

Я попытался бы сгруппировать как можно больше флажков под одной меткой:

mockup

скачать источник bmml - Каркасы, созданные с помощью Макеты Balsamiq

ответил fdmsaraiva 17 J0000006Europe/Moscow 2012, 01:40:41
9

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

mockup

скачать источник bmml - Каркасы, созданные с помощью Макеты Balsamiq


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

mockup

скачать источник bmml


Еще один положительный побочный эффект заключается в том, что вы можете обеспечить лучшие значения по умолчанию.

mockup

скачать источник bmml

ответил Jørn E. Angeltveit 18 J0000006Europe/Moscow 2012, 18:31:04

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132