x
 
Никита
10 декабря 2012

Подскажите, пожалуйста, можно ли использовать такие кнопки вместо обычных «радио»? Является ли это улучшением интерфейса?


Никита!

Я считаю это безусловным улучшением интерфейса:

Было

Стало

Общепринятые радиокнопки имеют издевательски маленькие визуальные точки прицеливания, отделённые от смысловых подписей, требуют вертикального расположения элементов. Кликабельные подписи не спасают — пользователи целятся в шарики. Переключалка показывает большие подписанные мишени, явно подсвечивает выбранный элемент, занимает одну строку вместо трёх. И что примечательно, больше похожа на настоящие механические радиокнопки :-)

Надо сказать, этот дизайн вовсе не новый. В первом в истории графическом интерфейсе «Ксерокс Cтар» радиокнопки были именно такими. История делает круг:

Рекомендую изучать историю интерфейсов на сайте-музее.

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

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

Поделиться
Отправить

Комментарии

Артём Фёдоров
10 декабря 2012

Вопрос около темы: стоит ли стилизовать под общий дизайн продукта стандартные радиокнопки и чекбоксы?
Нативные элементы редко когда гармонируют с дизайном, но почему-то ведущие студии РФ только в исключительных случаях меняют внешний вид.

Валентин Будкин
10 декабря 2012

А корректно ли чем-то подобным заменить стандартные чекбоксы в «фасетном» выборе?

Семён Молотков
11 декабря 2012

Такие кнопки использовались в радиоприёмниках, оттуда и название:

Семён Молотков
11 декабря 2012

Переключалки хорошо работают для выбора из трёх и более элементов. Если же варианта всего два, не все люди понимают, какой вариант выбран. Конечно, многое зависит от графической реализации, но мы пробовали несколько разновидностей и со всеми были проблемы на тестировании.

Может быть, кто-нибудь поделится пуленепробиваемой переключалкой, которая работает для выбора из двух вариантов?

Егор Стремоусов
18 декабря 2012

Никита!

Такие кнопки можно и нужно использовать. Но в вашем случае можно обойтись и без них.

Владимир Соловьёв
24 декабря 2012

Кстати, такой переключатель можно сделать стилем: http://jsfiddle.net/aFu7h

Александр Колодько
10 апреля 2013

Семён, а если в варианте с двумя пунктами вместо кнопок использовать слайдер? Всегда понятное активное состояние:


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

5 4 3




Недавно всплыло

7 Практика: формулировка полезного действия 8 Как вы верифицируете оценку сроков от сотрудника? 1 1