Кнопки, переключатели, разъемы, реле
В нашем интернет-магазине представлен полный ассортимент кнопок, переключателей, разъемов, реле, клемм и кабельных наконечников как отечественных, так и зарубежных производителей. Подобрать нужные переключатели и разъемы Вы можете в нашем каталоге, используя полнотекстовый поиск или поиск по необходимым параметрам. Оформите заказ, выбрав удобный способ доставки и оплаты.
Если у Вас возникают сомнения перед покупкой автозапчастей, вы можете обратиться за помощью к нашим консультантам.
Посмотреть и купить товар вы можете в наших магазинах в городах: Москва, Санкт-Петербург, Архангельск, Астрахань, Барнаул, Белгород, Брянск, Владимир, Волгоград, Вологда, Воронеж, Екатеринбург, Иваново, Ижевск, Иркутск, Йошкар‑Ола, Казань, Калуга, Кемерово, Киров, Кострома, Краснодар, Красноярск, Курган, Курск, Липецк, Набережные Челны, Нижний Новгород, Новосибирск, Омск, Орёл, Оренбург, Пенза, Пермь, Псков, Ростов-на-Дону, Рязань, Самара, Саранск, Саратов, Смоленск, Ставрополь, Сургут, Тамбов, Тверь, Томск, Тула, Тюмень, Ульяновск, Уфа, Хабаровск, Чебоксары, Челябинск, Ярославль.
Доставка в пункты выдачи заказов Яндекс Доставка, СДЭК, Л-Пост, Boxberry, 5Post, транспортными компаниями DPD и «Деловые Линии», а также Почтой России в Тольятти, Владивосток, Махачкала, Новокузнецк, Калининград, Улан-Удэ, Сочи, Нижний Тагил, Чита, Владикавказ, Грозный, Мурманск, Петрозаводск, Нижневартовск, Новороссийск и еще в более чем 1000 городов и населенных пунктов по всей России.
Товары из группы «Кнопки, переключатели, разъемы, реле» вы можете купить оптом и в розницу.
Руководство по тумблерам-переключателям (Toggle switches)
Тумблеры (Toggle switches) – это цифровые переключатели вкл. / выкл. Они предлагают пользователям выбирать между двумя взаимоисключающими параметрами и всегда имеют значение по умолчанию. Переключатели должны обеспечивать немедленные результаты, предоставляя пользователям возможность контролировать свои предпочтения по мере необходимости. Каждое утро я просыпаюсь, наливаю воду в чайник и поворачиваю выключатель. Как только вода закипит, я выключу чайник и налью кипяток в чашку. Переключатель на моем чайнике – пример тумблера. Если вы посмотрите внимательнее, вы заметите, что тумблеры-переключатели повсюду вокруг нас. Потому что у многих вещей есть два простых состояния: они либо включены, либо выключены. От переключателей света, до включения мобильной точки доступа на странице настроек нашего любимого мобильного приложения, мы каждый день взаимодействуем с тумблерами.
Тумблер – это цифровой переключатель включения / выключения.
Тумблеры лучше всего использовать для изменения состояния системных функций и предпочтений. Тумблер может заменить две радиокнопки (radio buttons) или один флажок (checkbox), чтобы позволить пользователям выбирать между двумя противоположными состояниями. Иногда бывает трудно решить, какой элемент интерфейса использовать – radio buttons, флажки или тумблеры. Когда вы решаете какой вариант будет соответствовать вашему случаю использования, рассмотрите количество и тип параметров, и определите есть ли какое-либо значение по умолчанию. В приведенной ниже таблице приведены вопросы и ответы по этим часто используемым элементам интерфейса. Радиокнопки Флажки Отдельный флажок Тумблер-переключатели Сколько параметров доступно? Несколько Несколько 1 1 Сколько вариантов может выбрать пользователь? 1 0 – все 2 (вкл./выкл.) 2 (вкл./выкл.) Это вариант по умолчанию? Да Нет Да Да Как бы вы описали варианты? Взаимо -исключающие Независимые друг от друга Взаимо -исключающие Взаимо -исключающие Когда выбор будет иметь эффект? После того, как пользователь нажмет на кнопку подтверждения изменений После того, как пользователь нажмет на кнопку подтверждения изменений После того, как пользователь нажмет на кнопку подтверждения изменений Немедленно Когда дизайнеры используют соответствующий элемент пользовательского интерфейса для определенного сценария, это помогает пользователям предсказать, что элемент интерфейса будет делать и как им управлять. Чтобы избежать неудовлетворенности пользователя и обеспечить понимание, следуйте рекомендациям по тумблерам приведённым ниже.
Предоставьте пользователю немедленный результат
Тумблеры-переключатели должны оказывать немедленный эффект и не должны требовать от пользователя нажатия кнопки «Сохранить» или «Подтвердить», чтобы применить новое состояние. Как всегда, мы должны стремиться сопоставлять систему с реальным миром. Подумайте о моем чайнике: мне не нужно поворачивать выключатель и отсоединять шнур, чтобы ощутить изменение состояния. Следовательно, пользователи ожидают такой же немедленный результат от цифрового тумблера, как и от его реального аналога (например, выключатель освещения). Немедленные результаты – это аспект тумблеров, которые предоставляют пользователям свободу и контроль обновления своих предпочтений по мере необходимости. Если немедленные результаты не достижимы или кажутся некорректными, вместо этого следует использовать альтернативу (например, радиокнопки или один флажок — см. таблицу выше). Если вы рассматриваете возможность включения тумблеров в длинные формы, где присутствуют другие виды полей формы, и пользователям необходимо нажать кнопку «Отправить», чтобы другие изменения вступили в силу, не делайте этого. Этот сценарий смущает пользователей, потому что они не уверены, сработает ли переключение тумблера немедленно. Избегайте путаницы любой ценой. Отделите элементы управления, которые дают мгновенные результаты от тех, которые требуют нажатия кнопки подтверждения. Не рекомендуется:
В приложении United Airlines для iOS ничего не происходит, когда пользователи переключают тумблер. Как пользователь узнает, работает ли переключатель или нет? Результаты не были предоставлены. В этом случае лучше было использовать один флажок.
Рекомендуется:
При включении режима полета в iOS Apple дает немедленные результаты, изменяя иконку состояния мобильной сети в верхнем левом углу на значок самолета.
Делайте сжатые подписи
Делайте подписи к тумблерам короткими и понятными. Рассмотрим один из принципов дизайна взаимодействия Tog, который гласит: «Подписи меню и кнопок должны иметь ключевое слово(а), образуя уникальные ярлыки». Например, при разработке страницы настроек, где пользователь может обновлять настройки уведомлений: пишите Email уведомления или Текстовые уведомления, но не пишите «Хотите ли вы получать от нас уведомления по электронной почте?» Мы знаем, что пользователи читают ровно столько, сколько считают нужным, поэтому используйте для подписей ключевые слова и удалите лишние фразы. Избегайте задавать вопросы и пишите понятно. Подписи тумблера должны описывать, что элемент управления будет делать при включении. Они не должны быть нейтральными или двусмысленными. Если вы сомневаетесь, произнесите ярлык вслух и добавьте «вкл / выкл» в конце. Если это не имеет смысла, перепишите подпись. Не рекомендуется:
Подпись Include non-maternity items? Для тумблера на сайте Le Tote нейтральная и заставляет гадать добавляет она или убирает товары указанной категории.
Рекомендуется:
Подписи тумблеров-переключателей, используемые в приложении Google Календарь, являются прямыми и однозначными; они описывают состояние системы, когда переключатель включен и имеет смысл добавление слов «вкл / выкл».
Следуйте стандартам визуального дизайна
Убедитесь, что тумблеры выглядят как ползунки и используют визуальные сигналы (т. е. движение и цвет), чтобы избежать путаницы. Прежде всего, когда пользователь изменяет состояние тумблера, переключатель должен менять позицию – как это было бы в реальном мире. Цвет – важное визуальное обозначение для переключателей, и есть две вещи, которые нужно иметь в виду: контраст и культурные различия. Когда дизайнеры используют низкоконтрастные цвета, пользователям становится трудно узнать, включен или выключен переключатель. Поэтому всегда используйте высококонтрастный цвет, чтобы сигнализировать об изменении состояния. Кроме того, не забудьте оценить общественные и культурные последствия для вашей аудитории. Например, красный цвет для положения «включено» алогичен, поскольку люди связывают его со знаками остановки или стоп-сигналами. Кроме того, дескрипторы состояния – слова On и Off рядом с переключателем могут обеспечить четкую наглядность состояния системы.
Включен или выключен этот переключатель? В Windows 10 дескриптор состояния (слово Off) используется для определения текущего состояния тумблера (выкл.). К сожалению, этот дескриптор неоднозначен: поскольку слово «Выкл» появляется справа от переключателя, а точка переключения слева, пользователи также могут интерпретировать состояние переключателя как включенное (то есть вдали от метки «Выкл.»).
При добавлении дескрипторов состояний придерживайтесь слов вкл/выкл (on/off ), чтобы соответствовать правилам реального мира, и разместите оба слова off и on слева и справа, соответственно, чтобы избежать путаницы. Если только один дескриптор присутствует рядом с переключателем, его можно использовать в качестве подписи тумблера. Если вы не знаете, как найти баланс между цветом и дескриптором состояния, проверьте, какая комбинация лучше всего подходит для ваших пользователей. Рекомендуется:
Android-приложение Daylio использует контрастный цвет (фиолетовый) и дескрипторы состояния, чтобы четко указывать состояние переключателя (выключен на скриншоте слева и включен справа).
Соблюдайте последовательность
Следуйте правилам платформы и убедитесь, что тумблеры последовательно применяются в вашем приложении. Непоследовательность заставляет пользователей замедляться и тратить больше времени на размышления о том, как взаимодействовать с компонентами. Не заставляйте пользователей задаваться вопросом, работает ли форма с двумя переключателями так же, как тумблер. Не рекомендуется:
Приложение iOS Chase Bank использует тумблеры и радиокнопки непоследовательно. За исключением типа элемента и количества контента эти три страницы почти идентичны. Когда я взаимодействовал с этими страницами, я ожидал, что они будут работать одинаково. Вместо этого я потратил время на то, чтобы выяснить, почему применённые мной маркетинговые настройки не сработали.
Вывод
Тумблеры помогают пользователям обновлять настройки и другие типы информации. При использовании переключателей, давайте понятные подписи, используйте стандартный визуальный дизайн и предоставляйте немедленные результаты. Имейте в виду, что тумблеры должны использоваться только тогда, когда пользователю необходимо выбрать между двумя противоположными состояниями. Когда вы рассматриваете использование переключателей на своем сайте или в приложении, оцените контекст и убедитесь, что они реализованы последовательно. Помните, что этот простой компонент пользовательского интерфейса может существенно повлиять на опыт пользователя. Перевод статьи Alita Joyce
UI-элементы и жесты в мобильных приложениях
Хабр, привет! Вы часто задумывались, обнаружив баг в мобильном приложении и заводя его в баг-трекер, как правильно назвать ту или иную часть интерфейса или действие, которые привели к ошибке? Или читаешь описание задачи и задумываешься, как должен выглядеть какой-то экран и что должно появиться при тапе на кнопку. А может, вы описываете продуктовые задачи и не всегда чувствуете себя на одной волне с дизайнерами и разработчиками, которые иногда начинают говорить на эльфийском? Чтобы исключить недопонимание, неясности и вопросы, мы решили создать перечень наиболее распространенных элементов и жестов и показать их на примере Юлы.
А вы знали, как называется «та самая выезжающая снизу экрана шторка» или несколько (три и более) тапов подряд? Ответы на эти вопросы и названия многих других элементов читайте в нашей статье.
Splashscreen — изображение, «заставка», которую пользователь видит во время загрузки приложения.
Заглушка — название говорит само за себя: это элемент, сигнализирующий о какой-то проблеме(отсутствует интернет-соединение, сервер временно недоступен, ведутся технические работы, по вашему запросу ничего не найдено и т.п.). Обычно заглушка отображается там, где должен быть контент, но по каким-то причинам он не был получен.
Webview — компонент, который позволяет отобразить страницы веб-сайта в приложении. Например, webview «Как получить бонусы»:
Popup — всплывающее окно, которое появляется внезапно, без запроса пользователя, и отображается поверх экрана, на котором находился пользователь. Не стоит путать с диалоговым окном, которое появляется при совершении пользователем какого-либо действия.
Action menu — кнопка, которая представляет собой три точки, и при нажатии (тапе) на которую открывается меню с несколькими action’ами.
Tab — вкладка; обычно переключение между табами осуществляется нажатием (тапом) на нужный таб или смахивание (свайпом) вправо/влево.
Toast — всплывающее уведомление, не блокирующее работоспособность приложения и плавно исчезающее спустя несколько секунд. Может сообщать о какой-то ошибке, о совершении какого-то действия (например, публикация каких-то изменений). Обычно тоаст содержит текстовую информацию, но может содержать и картинку.
Progress Bar — индикатор степени выполнения какого-либо действия (например, показывает оставшееся время работы активности «продвижение товара»).
TabBar — панель вкладок в нижней части экрана, позволяющая быстро переключаться между разделами приложения.
AppBar (Android) / NavBar (iOS) — панель инструментов в верхней части экрана, содержащая кнопки управления текущим экраном.
Alert — оповещение, которое передает важную информацию, связанную с состоянием приложения или устройства, и часто запрашивает обратную связь. Алерт состоит из заголовка, необязательного сообщения, одной или нескольких кнопок.
Toggle switches/Тумблер — переключатель между двумя состояниями вкл/выкл.
Bottomsheet — информационная панель, появляющаяся снизу экрана поверх текущего состояния при совершении какого-нибудь действия. Может содержать информацию, а также какие-либо действия.
Bubble — овальный элемент выбора какого-либо параметра, чаще всего используется в фильтрах.
Строка поиска — поле ввода для поискового запроса.
Placeholder — текстовая заглушка в поле ввода, подсказывающая, что можно туда ввести (на скринах — текст «Поиск объявлений»).
Page Controls — элемент управления, который отображает текущее положение экрана в плоском списке страниц (на скринах — точки над кнопкой, отображающие текущее положение через изменение цвета).
Counter — точка или число, обозначающее количество непросмотренных уведомлений (например, количество непрочитанных сообщений).
Overlay — перекрывающий слой, который позволяет затемнить или осветлить элемент, на который он был наложен.
Tooltip — всплывающее сообщение, которое завязано на элемент и обучает использованию той или иной части приложения.
Onboarding — обучающая функциональность в приложении, появляющаяся при первом запуске для ознакомления пользователя с продуктом.
Suggest List — выпадающий список, состоящий из подсказок; появляется при вводе букв, слов или символов в поле ввода. Или список ранее совершенных поисковых запросов. Отдельный пункт из этого списка — Suggest.
Checkbox — элемент интерфейса, позволяющий выбрать любое количество опций (ни одной, одну или несколько).
Status Bar — строка состояния, содержащая общую информацию об устройстве: время, дату, сеть, уровень заряда и т.п.
Slider — горизонтальная шкала с элементом управления, по которой скольжением пальца можно управлять состоянием или значением характеристики (в нашем случае — расстоянием от указанного адреса):
Жесты
Тап — касание, нажатие на сенсорный экран. Чтобы открыть любое приложение на смартфоне — мы тапаем на его иконку.
Double tap — два коротких касания, двойной тап.
Мультитап — три и более тапов подряд по одному элементу.
Лонгтап — нажатие с удержанием на несколько секунд. Позволяет открыть дополнительные опции там, где они есть.
Скролл — вертикальное пролистывание содержимого скольжением пальца по экрану сверху вниз или снизу вверх.
Свайп — смахивание вниз, вверх, вправо или влево. Похоже на скролл, только с «легким», коротким касанием.
Pull to refresh (p2r) — дословный перевод: «потяни для обновления».
Drag&Drop — изменение положения элементов интерфейса с помощью перетягивания: как говорит нам название — «тащи и бросай»!
Pinch — жест, используемый для изменения масштаба картинки (увеличения или уменьшения): для уменьшения два пальца касаются экрана и сводятся вместе, для увеличения — разводятся в стороны.
Вот и весь наш список терминов, описывающих элементы интерфейса и жесты. А чем его дополнили бы вы?
- тестирование мобильных приложений
- тестирование по
- тестирование приложений
- ui testing
- Блог компании Юла
- Разработка мобильных приложений
- Тестирование мобильных приложений
- Дизайн мобильных приложений
Как называется кнопка вкл выкл
Очень часто мы встречаемся с недопониманием Покупателей в отличиях выключателей от переключателей. Так же не совсем понятно, что это за такие проходные, промежуточные и перекрестные переключатели и переключатели на «два направления».
Давайте разберемся, в чем же разница между этими устройствами.
Постараемся писать языком доступным для всех, поэтому заранее просим не придираться к стилистике написания, терминам и т.п.
Выключатель
Выключатель – устройство, обычно имеющее два контакта, которое во включенном состоянии соединяет контакты (включает лампу), а в выключенном состоянии соответственно, разъединяет контакты (выключает лампу). Здесь все очень очевидно и понятно. Как выглядит белый выключатель артикул 774401 серия Valena (Валена) с обратной стороны показано на фото справа.
- У правильно смонтированных выключателей, во включенном состоянии клавиша занимает положение «вверх», а в выключенном положение «вниз». При подключении по схеме , если фазный проводник подключить к «выходу» выключателя, а «нагрузку» к входу, то клавиша выключателя будет всегда «перевернута». То есть во включенном состоянии клавиша будет занимать положение «вниз», а должна занимать положение «вверх», и наоборот.
- При подключении по схеме , фаза будет сначала проходить через лампу, а разрываться на выключателе (т.е. в выключенном состоянии выключателя лампа будет всегда находиться под напряжением). А это неправильно! При правильной схеме подключения, «фаза» в выключенном состоянии разрывается на выключателе и напряжения на лампе не будет (т.е. когда Вы будете менять сгоревшую лампу, то Вас не ударит током).
Еще бывают двух полюсные выключатели, которые разрывают не только фазный провод, а еще и нулевой (нейтральный) проводник, но они, как правило, используются только в специфичных случаях.
Переключатель
выключатель
Переключатель — устройство, имеющее три контакта (или более). Во «Включенном состоянии» замыкает первый и второй контакты, а в «Выключенном состоянии» замыкает первый и третий контакты. По сути, переключатель постоянно находится во включенном состоянии – либо в одном, либо в другом.
Отсюда и название «Переключатель» — переключает с одного контакта на другой. Если у переключателя задействовать только два контакта, он будет работать как выключатель.
переключатель
В своих каталогах Legrand применяет понятие «переключатель на два направления» — так оно и есть, потому что переключатель переключает между двумя контактами. Вообще переключатель может переключать между тремя и более контактами, но в электроустановочных механизмах если и встречается такие, то крайне редко, поэтому никто не уточняет на сколько направлений переключают переключатели. Еще часто переключатели называют «проходными выключателями», но это понятие, по нашему мнению, некорректное и его применять не стоит.
Одно из самых популярных применений переключателя – это управление освещением с двух мест. Для управления освещением потребуется всего два переключателя, а для управления освещением с трех и более мест не обойтись без применения проходных (перекрестных) переключателей.
Переключатели в нашем каталоге:
- Внутреннего монтажа — в сериях: Celiane, Valena, Cariva, Mosaic.
- Настенного монтажа — в сериях: Quteo, Oteo.
- Влагозащищенные — в сериях: Quteo, Plexo.
Проходной переключатель
Промежуточный (он же перекрестный) переключатель – устройство, переключающее две отдельные линии накрест (то есть, если до перекрестного переключателя фаза шла справа, а ноль слева, то при переключении они поменяются местами). Внешний вид промежуточных переключателей ничем не отличается от обычных выключателей. Для наглядности смотрите схемы на рисунках.
Промежуточный переключатель обычно применяют для управления освещением с трех и более мест.
Этот переключатель называют «перекрестным», потому что он при переключении как бы перекрещивает линии, а «Промежуточным» называют за то что он в схеме включения при управлении с трех или более мест находится в промежутке между «переключателями на два направления».
Элеко — Интернет магазин электрики в Иркутске www.eleko.pro
Михаил, 01 сентября 2013 года
При использовании этой статьи ссылка на эту страницу обязательна