Почему кружки переключателей?

Я понимаю, что они не должны быть квадратными, чтобы избежать путаницы с флажками и что сегодня они должны быть кругом для согласованности, но почему они изначально были выбраны как круговые? Я никогда не видел радио с поп-кнопками (эти радиокнопки названы в честь) с круглыми кнопками, всегда прямоугольными. Есть ли доступность, которую предлагает круг, который не соответствует другой форме или обозначению?

Мне кажется, что если вы хотите вызвать метафору этого, кнопки должны быть прямоугольными. «Автомобильное

125 голосов | спросил thunderblaster 19 PMpWed, 19 Apr 2017 18:31:17 +030031Wednesday 2017, 18:31:17

11 ответов


120

Квадрат был легким

Самый ранний вид круговых переключателей, которые я могу найти, находится в Apple Macintosh System 4 ( 1987). До этого Mac OS использовала квадраты со скошенными углами , которые, вероятно, были просто проще вычислить и лучше смотря на не-сглаженные экраны с низким разрешением времени. Общая поддержка прямолинейных форм была продиктована примитивной графикой.

Если не квадрат, то ...

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

Прямоугольник может выглядеть слишком сильно, как кнопка команды. Очень важно не ошибочно вводить командную кнопку для переключателя, потому что командная кнопка активирует (возможно, необратимо) что-то немедленно. Вы хотите сообщить пользователям, что они делают определенные обязательства. Радиокнопки обычно не вступают в силу, пока пользователь не нажмет кнопку OK на кнопке диалога.

Итак, если не квадратный или прямоугольный, то что? Треугольные? Шестиугольная? Мотив и IRIX использовали ромбовидные радиокнопки, которые я оцениваю как наиболее очевидную неквадратную форму.

Ваши радиостанции могут отличаться

Вы говорите, что циркуляр несовместим с метафорой радиокнопки, но это не обязательно верно. Были некоторые автомобильные радиоприемники с круглыми кнопками , которые, возможно, были вдохновением. Лично я сомневаюсь. Я считаю, что такие радиоприемники встречаются в основном с 1950-х-1960-х годов, а не в 1980-х годах, когда были разработаны эти графические интерфейсы. Существуют прямоугольные кнопки переключения в графических интерфейсах , которые более точно имитируют обычные автомобильные радиостанции с 1980-х годов, если вы заинтересованы в использовании этой метафоры.

Реальный ответ: пользователи не ожидали увидеть его как радио

На самом деле, метафора радиокнопки - это выродка, а не вещь пользователя. Пользователи не должны были подключаться к автомобильным радиоприемникам. В Руководстве по стилю Apple Publications от 2006 года советует разработчикам технологий: «Использовать радиокнопку только в документации разработчика; используйте кнопку в документации пользователя »(стр. 127). До Windows XP MS ссылалась на переключатели как кнопки «кнопки». Важно только, чтобы они выглядели как кнопки some , которые часто являются круглыми и почти никогда не являются алмазами или треугольной формы.

Метафория бумажной формы?

Несмотря на наличие «кнопок», графические интерфейсы, включая диалоговые окна, большую часть своего визуального дизайна должны быть связаны с метафорой на бумаге и рабочем столе, а не с метафорой панели управления. Они в основном являются виртуальными формами для заполнения. Текстовые поля и флажки, очевидно, поступают из бумажных форм. Возможно, круговые радиокнопки были вдохновлены листами оптического сканирования , где человек заполняет небольшие круги или овалы с помощью карандаш №2. На таких листах (например, используемых для тестов SAT) пользователи должны выбирать только один набор в наборе, так что это метафорическая метка. Это также объясняет, почему переключатели являются маленькими (меньше командных кнопок) и становятся черными (в большинстве пользовательских интерфейсов) при выборе. Это то, что я говорю пользователям как мнемонику в любом случае.

ответил Michael Zuschlag 19 PMpWed, 19 Apr 2017 21:21:05 +030021Wednesday 2017, 21:21:05
68

Это очень интересный вопрос. Радио кнопки были впервые введены с Xerox Star 8010 и I верить , они выглядели как прямоугольные селектора на скриншоте ниже:

Я не могу дать ссылку на это, но я предполагаю, что изначально не было визуального различия между такими компонентами, как переключатели и другие селекторы, такие как вкладки или флажки. Где-то рядом с внедрением переключателей (будь то в Apple Lisa, Apple Macintosh, Atari ST или Commodore Amiga) это визуальное различие, вероятно, было сделано для улучшения UX. Почему они круговые; это был, вероятно, довольно произвольный выбор дизайна, который просто попался.

ответил William Anderson 19 PMpWed, 19 Apr 2017 18:48:50 +030048Wednesday 2017, 18:48:50
31

По-видимому, я единственный, кто думает, что круглые переключатели естественны, потому что тогда они были на радио моего отца ...

Это был популярный дизайн от немецкого производителя Grundig и, возможно, нескольких других. Несколько примеров:

Обратите внимание, что на этих снимках некоторые из этих кнопок являются обычными кнопками включения /выключения, в то время как другие являются фактическими «переключателями» (например, кнопки FM /AM на втором изображении). Не могу найти изображение радио моего папы, но я отчетливо помню, что у него было несколько круглых «радиокнопки».

ответил jcaron 22 AMpSat, 22 Apr 2017 02:00:40 +030000Saturday 2017, 02:00:40
26

Циркулярные переключатели никогда не должны были визуально напоминать физические переключатели.

Название - это ссылка на поведение, а не на внешний вид, и эти кнопки очень похожи на автомобильные радиокнопки, популярные до середины 1990-х годов. (При создании нового выбора предыдущий выбор заметно отменен.)

С точки зрения зрения, они, вероятно, изначально были предназначены для того, чтобы иметь смысл рядом с флажками на карандашно-бумажной форме.

Они могут быть вдохновлены оптическими листами ответов , такими как те, которые используют технологию Scantron, которая были использованы с середины 1970-х годов . В этих формах обычно предполагается, что пользователь заполняет круг карандашом, а несколько ответов в одном наборе запрещены.

ответил Kevin Laity 20 PMpThu, 20 Apr 2017 19:39:42 +030039Thursday 2017, 19:39:42
11

В детстве у меня был этот (тогда уже старый) радиоприемник. Пять кнопок меньшего размера - это кнопки предустановки. Кнопки - это не просто кнопки, они - кнопки. Каждый из них представляет собой небольшой тюнер для настройки этой предустановки.

 Кнопки предустановок для приемника Philips 702

Когда одна кнопка нажата, другие кнопки снова появляются, поэтому можно одновременно нажать только одну кнопку, так как вы можете слушать только одну станцию ​​за раз.

Я могу представить, что радиокнопки были основаны на этом типе кнопок.

ответил SQB 23 PMpSun, 23 Apr 2017 15:01:14 +030001Sunday 2017, 15:01:14
6

Я не знаю, считается ли это ответом, потому что это только мое мнение.

Я подумал об одном и том же вопросе некоторое время назад, и я понял, что круги, в отличие от ящиков, не могут быть сложены. Таким образом, вы можете выбрать только один. Другими словами, радиокнопки являются нерастяжимыми флажками (если это даже имеет смысл).

ответил Fernando Toigo 20 PMpThu, 20 Apr 2017 22:41:54 +030041Thursday 2017, 22:41:54
5

Насколько я знаю, это конкретное решение восходит к Windows 1.0 (конец 1985 года):

 введите описание изображения здесь>> </a> </p>

<p> Я сомневаюсь, что это визуально предназначалось для того, чтобы быть особенно похожим на любое конкретное радио или что-то в этом роде. </p>

<p> Было просто иметь два разных вида «вещей» для отображения: один, который позволил вам выбрать только один элемент из группы, а другой, который позволил вам выбрать несколько элементов из группы. Они хотели визуального различия между ними. </p>

<p> В экранах с низким разрешением дня было указано, что: </p>

<ol>
<li> они не могли занять много места </li>
<li> разница не может быть тонкой. </li>
<li> достаточно людей использовали монохромные мониторы, которые не могли быть основаны на цвете </li>
</ol>
<p> Это похоже на то, что Microsoft довольно близко к кругу для одного, и квадрат для другого (а Apple <strike> скопировал </strike> после их лидерства несколько лет спустя). Насколько я знаю, выбор , который  использовал бы круг и квадрат был бы довольно произвольным. </p>

<p> Возможно, что какая-то другая оконная система сделала это раньше, но я не смог найти никаких доказательств. </p>

<p> X был первоначально выпущен немного раньше Windows (июнь 1985 г., против ноября для Windows), но в соответствии с философией «механизм, а не политика» я не думаю, что он предоставил фактический контроль, так что это было бы для отдельного разработчика, чтобы сделать что-то подобное. X была основана на более ранней системе с именем W, но она, очевидно, следовала примерно тем же идеям, что и X (по сравнению с UX - реализация была совсем другой). </p>

<p> DR GEM также предшествует Windows, но все ранние примеры, которые я смог найти из этого, похоже, следуют (примерно) с соглашением Xerox о том, что было похоже на обычную кнопку, но оставалось затененным, чтобы указать, что он был выбран . </p></body></html>

ответил Jerry Coffin 25 PMpTue, 25 Apr 2017 20:03:31 +030003Tuesday 2017, 20:03:31
3

Мое мнение:

  1. Mac популяризировал круговые радиокнопки.
  2. Флажки должны быть явно.
  3. Другой формой, которую QuickDraw мог рисовать, были круги, поэтому другой тип управления (переключатели) стал круговым.
ответил Dithermaster 23 PMpSun, 23 Apr 2017 19:37:00 +030037Sunday 2017, 19:37:00
2

Если щелчок элемента управления не будет иметь никакого эффекта, кроме как добавить или удалить галочку (или X) из самого элемента управления , тогда имеет смысл описать элемент управления как «поле» [флажок ]. В отличие от этого, если элемент управления может влиять на состояние других элементов формы (как и при управлении исключительным выбором), имеет смысл ссылаться на него как на «кнопку». Хотя оба стиля управления, возможно, первоначально были квадратными, имея их разные формы, предлагал полезное визуальное различие. Хотя «ящики» обычно имеют прямоугольную форму (то есть прямоугольную), «кнопки» часто круглые. Таким образом, если один тип управления должен был изменить свою форму, сделать круглые кнопки выбора более разумными, чем сделать «флажки» чем-то иным, чем коробчатым.

ответил supercat 20 PMpThu, 20 Apr 2017 22:17:42 +030017Thursday 2017, 22:17:42
2

В WinForms элементы управления кнопками можно по-прежнему стилизовать как прямоугольники и содержать текст внутри, а не рядом с крошечным кругом. И они по существу выглядят как обычная кнопка. Как вы можете видеть, они очень похожи:

Это просто демонстрация, но вы можете себе представить сценарии, в которых использование кнопок, не содержащих кнопки, может вызвать путаницу, особенно для пользователей, которые не очень опытные с компьютерами (потому что «кнопки всегда меняют окно» или какую-то другую неправильную идею которые пользователи могут придумать сами).

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

По крайней мере, так я понимаю причины этого дизайна.

ответил user1306322 22 AMpSat, 22 Apr 2017 00:10:29 +030010Saturday 2017, 00:10:29
-6

Радио-кнопка означает, что мы должны выбрать что-то из множества опций. Поэтому, если это круг, то мы можем легко выбрать его с помощью клавиши вверх или вниз. Основной мотив - удалить конфликты между радио и флажком, которые они сделали круг.

ответил sajita 20 AMpThu, 20 Apr 2017 09:20:24 +030020Thursday 2017, 09:20:24

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

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

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