Як поліпшити радіобаттон в інфтерфейсе

- радіобаттон, переключалка або радіокнопка. Кнопка, що дозволяє вибрати один параметр з групи. Служить для уточнення параметрів і відповідає на питання «що саме?», «Який саме?». На відміну від чекбоксів в групі радіобаттон можна вибрати тільки один параметр, тому вони досить часто використовуються для опитувань.

Правила при використанні радіобаттон

Багато правила у використанні радіобаттон схожі з використанням чекбоксів. Однак є істотні відмінності і правила властиві тільки радіокнопку.

1. Не розміщуйте радіобаттон по горизонталі.

Верхній приклад відчутно краще. Радиокнопки повинні йти в стовпчик бо їх не можна відривати один від одного. Теж саме стосується і чекбоксів. Винятком може бути хіба що група кнопок, ведуча себе як радіобаттон. Але про це далі.

2. радіобаттон повинні бути групою.

З попереднього прикладу стає зрозуміло, що радіобаттон повинні йти групою і їх не можна відривати один від одного. Група радіобаттон - це один цілісний елемент. Саме тому перемикання радіокнопок відбувається всередині всієї групи.

3. Збільшуйте робочу область

Ця проблема ріднить радіобаттон з чекбоксами. У них обох дуже маленька область для кліка. Можна використовувати ті ж прийоми що і для чекбоксів. перетворити радіобаттон в кнопку, додати псевдоссилку.

У бінарному стані, коли вибір складається з двох пунктів (наприклад, вибір між пунктами «Самовивезення» і «Доставка кур'єром» в інтернет-магазині) радіобаттон можна перетворити в перемикач.

4. Вибирайте за замовчуванням найпопулярніший варіант

Радіобаттон не може існувати в невизначеному стані. Завжди повинен бути обраний якийсь варіант. В цьому випадку розумно вибирати найпопулярніший варіант як варіант «за замовчуванням».

Якщо вибір не очевидний, як наприклад, у виборі статі, то варто додавати пункт «вибору без вибору». Так я називаю радіобаттон, який служить для того, щоб показати що вибір поки що не зроблено. Але тим не менше завжди потрібно пам'ятати про те для кого ми робимо інтерфейс: на сайті для майбутніх мам можна встановлювати жіноча стать підлогою «за замовчуванням». Тоді як на новинному сайті такий вибір буде тхнути дискримінацією.

Серія статей про поліпшення інтерфейсу:

  • Випадають списки. Чому їх не варто використовувати. А якщо використовувати, то як?
  • Чекбокси. Як змусити користувача натискати маленьку галочку.
  • Поля введення. Як повинні працювати поля введення з різними типами даних.

Чекайте наступну статтю вже в новому році! Підписуйтесь на блог, щоб не пропустити. Всім кльових свят!

Також по темі:

Як на мене радіобаттон на звичайному сайті потрібно використовувати тільки при створенні опитувань, продумуючи кожен пункт. Щоб їх назви не перетиналися за змістом і людина могла з легкою душею вибрати один пункт. Перш, ніж використовувати їх на сайті - необхідно продумати назви

Їх використання на сторінках опису товарів в інтернет-магазинах дуже корисно (сподобався варіант перетворення в перемикач), так як дозволяє максимум інфо зосередити на маленькому площі екрану. Перед використанням радіобаттон, потрібно все ретельно обміркувати.

Дякую за огляд. Буду рекомендувати своїм знайомим)

Хотілося б додати, що якщо у вас залишилося питання, використовувати при фільтрації певного параметра радіобаттон або чекбокси, вам слід задати собі питання «чи правда вашому користувачеві потрібно отримувати його результати будуть відповідати декільком значенням одночасно?». Якщо ви отвір собі так, то швидше за все вам потрібні чекбокси.

Винятком є ​​тільки ситуація коли користувача може цікавити варіант, в якому перетинаються всі значення (як в прикладі з підлогою і значенням «не має значення»).

Тобто якщо вам, наприклад, потрібно 3 з 18 значень, то однозначно чекбокси.

І ще один хак, який я використовую - якщо є 2 значення, але одне з них важливо користувачеві, а друге нго просити заперечує, я заміняю радіобаттон на чекбокси. Наприклад, замість радіобаттанов «зі знижкою, без знижки, неважливо» я залишаю чееюокс «показувати тільки товари зі знижками».

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

Схожі статті