Содержание
Радиокнопки используются в ситуациях, когда пользователю нужно выбрать один из исключающих друг друга ответов. Иногда их путают с чекбоксами, но при их использовании допускается множественный выбор.
Традиции
В традиционном подходе к дизайну приложений считается, что первая радиокнопка с вариантом ответа в списке должна быть выбрана по умолчанию. Однако множество современных сайтов отказываются от этой практики, предоставляя пользователям самостоятельно решить, в какую радиокнопку они хотят ткнуть мышкой. В том случае, если ни одна из радиокнопок не была выбрана по умолчанию, то после того, как пользователь определится с решеним, вернуться к первоначальному состоянию ему не удастся — останется лишь возможность выбора другого варианта ответа. Такое поведение интерфейса может смутить человека.
Выбор варианта по умолчанию
Выбор радиокнопки заранее — это хорошо с точки зрения юзабилити и элегантности дизайна. Плюсы такого решения не в его традиционности, а в том, что оно позволяет дать пользователям больше контроля над своими действиями, ускорить решение задачи и облегчает выбор.
Контроль и соответствие ожиданиям
Одна из 10 эвристических аксиом UI-дизайна гласит, что у пользователя должна быть возможность отменить (и произвести заново) совершенное действие. Это значит, что интерфейс после изменения должен уметь «откатываться» к первоначальному состоянию. Большинство элементов управления среди своих состояний имеют и опцию «отменить выбор» (un-choose), но на радиокнопку нельзя ткнуть, чтобы отменить её выбор. Такая модель поведения непривычна и путает людей, они начинают злиться, обновлять страницу, по много раз кликать на радиокнопку без всякого эффекта. Если делать выбор по-умолчанию, то подобных ситуаций можно легко избежать — пользователь просто переставит селектор на нужную радиокнопку.
Ускорение решения задачи
Если известно, что один из предлагаемых вариантов ответа является самым популярным, то логично выбрать эту радиокнопку по умолчанию. С помощью данного шага можно снизить время, которое пользователь потратит на взаимодействие с интерфейсом, он сможет решить задачу за меньшее число кликов. В качестве примера Пернис приводит собственный опыт. Однажды она зарегистрировалась на сайте Care.com, с помощью которого можно найти человека для ухода за домашним питомцем, например, на время отъезда его хозяина в отпуск. После того, как такой помощник был найден, руководитель Nielsen Norman Group решила отменить свое членство на сервисе.
Страница отписки на сайте содержала две радиокнопки для подтверждения или отмены действия. Текст первой звучал как «Да, переключить мой аккаунт на другой тариф и сэкономить до 83%» и «Нет, продолжить отмену подписки». Если бы второй вариант — который и был правильным для отмены — не был выбран по умолчанию, то непонятный текст первой кнопки (особенно путает тот факт, что она начинается с утверждения) мог бы заставить многих пользователей вместо отписки просто сменить тарифный план. При этом, изначальный выбор нужной кнопки помогает людям один раз кликнуть на кнопку «Continue» и решить задачу.
Противоположный пример — на сайте Департамента транспорта штата Массачусетс есть два варианта оплаты: электронные деньги или кредитная карта, но по умолчанию ни один из вариантов не выбран:
Изучение статистики сайта могло бы легко дать ответ на вопрос о том, какой метод оплаты является наиболее популярным, и тогда осталось бы просто выбрать эту радиокнопку по умолчанию, сэкономив пользователям время.
Облегчение выбора
Интерфейс с заранее выбранным ответом в радиокнопке облегчают пользователям процесс выбора, который может быть довольно мучительным. Подсказка в виде выбранного ответа может натолкнуть человека на правильный выбор, придав ему уверенности. Кроме того, это хороший способ направить пользователя в нужном направлении.
Помощь
Дефолтные подсказки полезны в ситуации, когда пользователю предлагается сделать выбор из незнакомых ему опций. Например, если надписи на кнопках сделаны на иностранном языке, заранее выбранный ответ может помочь человеку продвинуться дальше. Хорошей иллюстрацией является диалог с выбором типа установки Dropbox — обычная установка выбрана в качестве ответа по умолчанию, что наверняка устраивает абсолютное большинство пользователей.
Направление пользователя
Нет никакого секрета в том, что владельцы сайтов хотят, чтобы их посетители совершали определенные, выгодные для бизнеса действия. Выбор радиокнопки по умолчанию может этому способствовать. В качестве примера Кара Пернис приводит сайты, собирающие пожертвования. Отдать кому-то деньги — это довольно чувствительный момент. При этом, по мнению эксперта, в зависимости от работы с радиокнопками, в подобное ситуации события могут развиваться по двум сценариям:
Сценарий №1: Человек планирует пожертвовать $30
Увидев радиокнопки он:
- Решает, что $30 — это меньше, чем организация хотела бы получить, поэтому он вообще не жертвует денег. Очевидно, это негативный исход как для компании, так и для пользователя;
- Наоборот, жертвует целых $50, то есть превосходит свои первоначальные планы по затратам. Для организации это позитивная ситуация, чего не скажешь о пользователе, ведь он потратил больше, чем собирался.
Сценарий №2: Человек планирует пожертвовать $10000
Увидев радиокнопки он:
- Решает, что отдавать такую кучу денег — это сумасшествие, и жертвует куда меньшую сумму. Это негативное развитие событий для организации;
- Следуя подсказке (выбранной радиокнопке) жертвует $50, а остальные $9950 направляет на другие цели. Снова налицо негативное развитие событий для организации.
Предположения пользователя могут быть неправильными или не соответствовать целям организации. Кроме того, если пользователь намеревался поступить определенным образом, а заранее выбранная радиокнопка предполагает кардинально отличающееся действие, то он может почувствовать себя оскорбленным. В примере выше, если сумма в подсказке будет слишком большой, то человек может расценить это как наглость и не дать денег вовсе (или пожертвовать мало). Поэтому необходимо увязывать выбор радиокнопки с изучением поведения пользователей и задумываться о его соответствии целям организации.
Если же собрать информацию, которой можно было бы доверять, невозможно, то эксперт Nielsen Norman Group советует предусмотреть в интерфейсе дополнительные элементы управления, помимо радиокнопок. Пример — сайта Фонда защиты дикой природы, где помимо радиокнопок присутствует и поле для ввода нужной суммы вручную:
Другой фонд защитников природы пошел по иному пути и реализовал на своем сайте несколько радиокнопок с конкретными суммами пожертвований от $25 до $5000, явно намекая пользователям, что организация рассчитывает получить от них, как минимум $25.
По умолчанию выбран вариант пожертвования в размере $50 — по всей видимости, это наиболее «популярная» сумма у жертвователей. При этом, такой подход позволяет пользвователям понять, что есть люди, которые жертвуют по несколько тысяч долларов. Сайт как бы говорит таким пользователям: «Мы хотели бы получить от вас $5000, но, если что, нам хватит и $50» — это культурное и скромное поведение располагает людей, кто-то после такого можно повысить сумму пожертвования с $100, до, к примеру, $500.
Аргументы против выбора по умолчанию
Противники выбора радиокнопок по умолчанию приводят в пример ситуацию, когда такое поведение сайта будет восприниматься некорректно: заранее указать пол и семейное положение человека (Mr., Mrs., Ms., или Miss) невозможно, поэтому все радиокнопки оставляют «пустыми».
Кара Пернис же считает подобный подход неверным — по её мнению куда более эффективным выходом стало бы изучение аудитории конкретного сайта. Это позволило бы выяснить демографические характеристики основной массы пользователей и соответственным образом выбрать радиокнопку для облегчения использования интерфейса. Кроме того, эксперт считает, что подобная информация вообще нужна в очень ограниченном количестве случаев, а чаще всего от нее вообще можно отказаться.
В некоторых случаях выбрать радиокнопку по умолчанию нельзя из-за различных юридических требований. Бывает, что согласно законам и правилам, пользователь должен обязательно самостоятельно совершить выбор. В подобных ситуациях кнопку подтверждения отправки формы делают неактивной, пока не будет выбрана одна из радиокнопок. Пернис уверена, что это излишняя перестраховка, которая к тому же еще и вызывает раздражение пользователей — мало кому понравится нажимать на неактивную кнопку «Отправить».
По мнению эксперта лучше позаботиться о том, чтобы страница была легко читаемой, и пользователь, попавший на нее, мог самостоятельно решить, подтверждать ли выбор по умолчанию или нет. Кроме того, можно добавить дополнительное диалоговое окно для подтверждения. Если все сделать правильно, то выбор, сделанный за пользователя, только поможет ему.
