Diyargroup.ru

Ремонт Строй
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

UX-дизайн: флажки и переключатели в формах

UX-дизайн: флажки и переключатели в формах

image

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

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

Флажки

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

image
Флажки снабжаются надписями

Переключатели

Переключатель – это элемент управления, который что-то включает и выключает.

image

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

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

image
Освещение является наиболее распространенной областью применения переключателей

Практические рекомендации по использованию флажков и переключателей

Используйте стандартный внешний вид

Флажок – это просто маленький квадратик с галочкой или крестиком.

image
Два положения флажка: отмечено или не отмечено

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

image
Два положения переключателя: включено или выключено

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

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

image
Сложно понять, какую радиокнопку следует нажать, чтобы выбрать четвертый вариант

Текущее положение переключателя

При проектировании переключателей следует избегать неопределенности, связанной с текущим состоянием. В качестве примера возьмем переключатель из iOS 6 и посмотрим на него во включенном состоянии – окраска синим цветом и отображается слово ON (включено).

Читайте так же:
Автоматические выключатели с регулировками

image
Не ясно, включено – это текущее состояние, или предлагаемое действие

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

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

image
Цвет шрифта обозначает текущее положение

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

image

Флажки должны иметь надписи с позитивными командами, а не с негативными «Не…»

Сделайте надпись флажка целевой областью

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

image
Позвольте пользователю делать выбор нажатием не только флажка, но и лейбла

Используйте флажки только для изменения параметров, но не в качестве управляющих кнопок

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

В примере ниже положение переключателя позволяет сказать однозначно: беспроводная связь включена. В случае с флажком пользователю приходится гадать – WiFi включен, или для его включения необходимо поставить галочку.

Читайте так же:
Автоматические выключатели с мониторингом

image
Для включения/выключения сервисов и компонентов аппаратного обеспечения, таких как WiFi, используйте переключатели

Взаимодействие флажка отличается от взаимодействия переключателя

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

Хорошей практикой пользовательского взаимодействия является мгновенная смена управляемого параметра с помощью переключателя – не после нажатия кнопки «Сохранить» или перехода к предыдущей странице. Именно этого мы ожидаем от этого элемента управления в реальной жизни – мы щелкаем переключателем, и свет включается.

image
Включение Wi-Fi в iOS
Используйте флажки, когда для ввода изменения в силу от пользователя ожидаются дополнительные действия

image

Используйте флажки, когда пользователь должен кликнуть кнопку «Отправить» или «Следующий», чтобы сохранить изменения.

Обозначения выключателей и переключателей на электрических схемах

Условные графические обозначения коммутационных изделий — выключателей, тумблеров, электрических реле построены на базе знаков контактов: замыкающих (рис. 1, б), размыкающих (в, г) и переключающих (г, е). Контакты, сразу замыкающие либо размыкающие две цепи, обозначают, как показано на рис. 1, (ж, и и).

За начальное положение замыкающих контактов на электронных схемах принято разомкнутое состояние коммутируемой электронной цепи, размыкающих — замкнутое, переключающих — положение, в каком одна из цепей замкнута, другая разомкнута (исключение составляет контакт с нейтральным положением). УГО всех контактов допускается изображать исключительно в зеркальном либо повернутом на 90° положениях.

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

Так, если нужно показать, что контакт замыкается либо размыкается ранее других, знак его подвижной части дополняют маленьким штрихом, направленным в сторону срабатывания (рис. 2, а, б), а если позднее, — штрихом, направленным в оборотную сторону (рис. 2, в, г).

Читайте так же:
Автоматический выключатель legrand тх3 с10а 3p 6000

Отсутствие фиксации в замкнутом либо разомкнутом положениях (самовозврат) обозначают маленьким треугольником, верхушка которого ориентирована в сторону начального положения подвижкой части контакта (рис. 2, д, е), а фиксацию — кружком на знаке его недвижной части (рис. 2, ж, и).

Последние два УГО на электронных схемах употребляют в тех случаях, если нужно показать разновидность коммутационного изделия, контакты которого этими качествами обычно не владеют.

Условное графическое обозначение выключателей на электронных схемах (рис. 3) строят на базе знаков замыкающих и размыкающих контактов. При всем этом имеется в виду, что контакты фиксируются в обоих положениях, т. е. не имеют самовозврата.

Буквенный код изделий этой группы определяется коммутируемой цепью и конструктивным исполнением выключателя. Если последний помещен в цепь управления, сигнализации, измерения, его обозначают латинской буковкой S, а если в цепь питания — буковкой Q. Метод управления находит отражение во 2-ой буковке кода: кнопочные выключатели и тумблеры обозначают буковкой В (SB), автоматические — буковкой F (SF), все другие — буковкой А (SA).

Если в выключателе несколько контактов, знаки их подвижных частей на электронных схемах располагают параллельно и соединяют линией механической связи. В качестве примера на рис. 3 показано условное графическое обозначение выключателя SA2, содержащего один размыкающий и два замыкающих контакта, и SA3, состоящего из 2-ух замыкающих контактов, причём один из которых (на рисунке — правый) замыкается позднее другого.

Выключатели Q1 и Q2 служат для коммутации цепей питания. Контакты Q2 механически связаны с любым органом управления, о чем свидетельствует отрезок штриховой полосы. При изображении контактов в различных участках схемы принадлежность их одному коммутационному изделию обычно отражают в буквенно-цифровом позиционном обозначении (S А 4. 1, SA4.2, SA4.3).

Аналогично, на базе знака переключающего контакта, строят на электричсеких схемах условные графические обозначения двухпозиционных тумблеров (рис. 4, SA1, SA4). Если же тумблер фиксируется не только лишь в последних, да и в среднем (нейтральном) положении, знак подвижной части контакта помешают меж знаками недвижных частей, возможность поворота его в обе стороны демонстрируют точкой (SA2 на рис. 4). Так же поступают и в этом случае, если нужно показать на схеме тумблер, закрепляемый исключительно в среднем положении (см. рис. 4, SA3).

Читайте так же:
Автомат выключатель 100 ампер

Отличительный признак УГО кнопочных выключателей и тумблеров — знак кнопки, соединенный с обозначением подвижной части контакта линией механической связи (рис. 5). При всем этом если условное графическое обозначение выстроено на базе основного знака контакта (см. рис. 1), то это значит, что выключатель (тумблер) не фиксируется в нажатом положении (при отпускании кнопки ворачивается в начальное положение).

Если же нужно показать фиксацию, употребляют специально созданные для этой цели знаки контактов с фиксацией (рис. 6). Возврат в начальное положение при нажатии другой кнопки тумблера демонстрируют в данном случае знаком фиксирующего механизма, присоединяя его к символу подвижной части контакта со стороны, обратной символу кнопки (см. рис. 6, SB1.1, SB 1.2). Если же возврат происходит при повторном нажатии кнопки, символ фиксирующего механизма изображают взамен полосы механической связи (SB2).

Многопозиционные тумблеры (к примеру, галетные) обозначают, как показано на рис. 7. Тут SA1 (на 6 положений и 1 направление) и SA2 (на 4 положения и 2 направления) — тумблеры с выводами от подвижных контактов, SA3 (на 3 положения и 3 направления) — без выводов от их. Условное графическое обозначение отдельных контактных групп изображают на схемах в схожем положении, принадлежность к одному тумблеру обычно демонстрируют в позиционном обозначении (см. рис. 7, SA1.1, SA1.2).

Для изображения многопозиционных тумблеров со сложной коммутацией ГОСТ предугадывает несколько методов. Два из их показаны на рис. 8. Тумблер SA1 — на 5 положений (они обозначены цифрами; буковкы а—д введены только для пояснения). В положении 1 соединяются одна с другой цепи а и б, г и д, в положениях 2, 3, 4 — соответственно цепи б и г, а и в, а и д, в положении 5 — цепи а и б, в и г.

Читайте так же:
Автоматические выключатели производство болгария

Тумблер SA2 — на 4 положения. В первом из их замыкаются цепи а и б (об этом молвят расположенные под ними точки), во 2-м — цепи в и г, в 3-ем — в и г, в четвертом — б и г.

Школа для электрика

Электронные чертежи и схемы

Похожее по теме:

Комментарии

Обозначения выключателей и переключателей на электрических схемах — 1 комментарий

Какое это великое счастье — ЖИТЬ,
Существовать в Мире, дышать, видеть небо, воду, солнце! (И. Бунин)

Вот проблема: «Некому будет судить». ВАШЕ мнение и как быть?

Риск собою — дело личное. Риск термоядерного ИСПЕПЕЛЕНИЯ Землян — ПРЕСТУПЛЕНИЕ.
«Некому будет судить», — это чудовищный ЦИНИЗМ отца атомной бомбы Оппенгеймера,
признание им ГИБЕЛИ всех ЛЮДЕЙ от атомного маразма, под стать и его ПАЛАЧЕСКИЙ
морализм: «Я — СМЕРТЬ, великий разрушитель МИРОВ, несущий ГИБЕЛЬ всему ЖИВОМУ».
Игнорируя оппонентов и УГРОЗЫ 96% ТЕМНОЙ энергии и материи от всего Мироздания
(всех звезд и Земли осталось

Действительно, не во всех случаях стоит трогать электрический щиток. Есть несколько случаев.

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

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

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector