ZKTECO TLEB101-R Бесконтактная кнопка выхода
ZKTECO TLEB101-R Бесконтактная кнопка выхода
Особенности и применение
- Не касайтесь кнопки выхода (рассеянное обнаружение).
- Оптическая/инфракрасная технология.
- Пылевлагозащита IPSS/пластина из нержавеющей стали SUS 304.
- Снижение рисков для здоровья и безопасности.
- Расстояние обнаружения: от 10 до 25 см.
- Применение: ворота/дверь/выход/автоматизация.
- Реле с сухими контактами высокой мощности: 3A/AC120V, DC30V.
- Два светодиодных индикатора, отображающие два состояния кнопки – режим ожидания или приближение:
- Кнопка ожидания: горит синий светодиод.
- Посетители приближаются к кнопке выхода с расстояния 10 см: горит красный светодиод.
Что внутри коробки?
Характеристики
- Рейтинг контактов: 3А/AC120В, DC30В
- Входное напряжение: DC 12V
- Рабочая температура: -1 0’C до SS’C
- МКБФ: 100,000
- Основной материал: Прочная пластина из нержавеющей стали
- Размеры (мм): 86*86*25 (ТЛЭБ 101-Р) 115*70*25 (ТЛЭБ 102-РЖ)
- Общий вес: 0.15кг
Внешний вид и размеры
Подключение проводки
Установка
Диапазон измерения
Светодиодные индикаторы
Схема подключения
На следующей схеме показано, как подключить бесконтактную кнопку выхода к устройству контроля доступа.
Документы / Ресурсы
Время на прочтение
6 мин
Количество просмотров 149K
Ник Бабич разработчик, UX/UI специалист написал заметку в блоге UX Planet про UX-дизайн кнопки: советы по созданию, типы и состояния. Наша команда выполнила перевод данной статьи
Кнопки – это самый обычный, «повседневный» элемент дизайна взаимодействия. Именно поэтому на них нужно обратить особое внимание, ведь кнопки являются важнейшим элементом, обеспечивающим беспрепятственное взаимодействие в сети и приложениях. Мы обсудим типы и состояния кнопок — эту информацию нужно знать, чтобы создавать эффективные кнопки и совершенствовать опыт пользователя.
Советы по созданию кнопок
Кнопки должны выглядеть как кнопки
Давайте на минуту представим, как с помощью дизайна донести возможность выбора. Как пользователь поймет, что данный элемент и есть кнопка? Он ориентируется на цвет и форму.
Очень тщательно продумайте размер зоны прикосновения и внутреннего поля. Размер кнопок также помогает пользователю понять, что это за элемент. Каждая платформа дает свои рекомендации в отношении минимального размера зоны прикосновения. Результаты исследования, проведенного MIT Touch Lab, показали, что средний размер для прикосновения подушечками пальцев составляет 10-14 мм, а для кончиков пальцев — от 8 до 10 мм, при этом наиболее оптимальный минимальный размер зоны прикосновения будет 10Х10 мм.
Расположение и порядок
Разместите кнопки там, где пользователи без труда их найдут или там, где они ожидают их увидеть. Посмотрите, как в руководстве по разработке iOS советуют размещать кнопки.
Не забывайте о порядке размещения и положении кнопок. Порядок, в котором идут кнопки, особенно если есть парные кнопки (например, «предыдущий» и «следующий»), очень важен. Убедитесь, что основной акцент в дизайне сделан на основном или самом важном действии пользователя.
В примере ниже мы используем красную кнопку, которая содержит потенциально деструктивное действие. Обратите внимание, что основное действие не только более насыщенное по цвету и контрасту, но располагается в правой части диалогового окна.
Надписи
Надписи на кнопках должны означать действие, которое выполняет кнопка. Четко опишите, что произойдет при ее нажатии.
Точно такие же кнопки, как и вверху, но без соответствующей надписи. Чувствуете разницу?
Призыв к действию (CTA)
Самые важные кнопки (особенно, если они призывают к действию) должны выглядеть как самые важные кнопки.
Форма кнопки
Обычно кнопки стараются сделать прямоугольными с прямыми или округлыми краями, в зависимости от стиля сайта или приложения. Согласно некоторым исследованиям, округленные края усиливают восприятие информации и притягивают взгляд к центру элемента.
Можно проявить творчество и использовать другие формы, например, круг, треугольник и даже какие-то оригинальные и необычные формы. Хотя последний вариант все же рискованный.
Главное, соблюдайте единство стиля во всем интерфейсе, чтобы пользователь смог определить, где в вашем приложении находятся кнопки.
Типы кнопок и поведение
1. Объемная кнопка
Объемная кнопка обычно прямоугольная с подъемом (градация оттенков показывает, что кнопка кликабельна). Объемные кнопки добавляют фактуру в преимущественно плоский макет. Они делают акцент на функциях в самых активных или широких областях.
Применение
На строке в один ряд. Используйте объемные кнопки, чтобы придать значимость действиям на сайте или в приложении с большим количеством разного контента.
Поведение
Объемные кнопки приподнимаются и заполняются цветом при нажатии.
Пример
Объемные кнопки выделяются на фоне плоских. Пример приведен для приложения Android.
2. Плоские кнопки
Плоские кнопки не приподнимаются, но также заполняются цветом. Основное преимущество плоских кнопок в том, что они не отвлекают внимание от контента.
Применение
В диалоговых окнах (чтобы соблюсти единство действия кнопки и контента)
На панели инструментов
Расположение снизу, чтобы пользователь быстрее их нашел
Поведение
Пример
Плоская кнопка в диалоговом окне приложения на Android.
3. Переключатель
Кнопка-переключатель позволяет пользователю переключаться между двумя или (более) состояниями.
Применение
Почти все переключатели применяются в качестве кнопок Вкл\Выкл.
Кнопки-переключатели также можно использовать для группы связанных между собой элементов. Но компоновка макета должна явно указывать, что эти кнопки являются частью всей группы элементов. Есть и другие требования:
· В группе должно быть не менее трех кнопок
· На кнопках должен быть текст, иконка или и то, и другое.
Иконки лучше всего использовать, когда пользователь может сделать выбор и отменить его, других вариантов нет. Например, дать или убрать звезду у товара. Размещают иконки обычно в панели приложения, панели инструментов, на кнопках действия или переключателях.
Очень важно выбрать правильную иконку для кнопки. Я рассказывал об этом в статье «Иконки как фактор удачного пользовательского опыта».
Пример
В Apple iOS переключатели использованы в разделе «Настройки».
4. Контурные кнопки
Контурные кнопки — это прозрачные кнопки простой формы, как правило, прямоугольной. Обычно по контуру кнопки идет очень тонкая линия, а внутренняя часть содержит обычный текст.
Применение
Пожалуй, не стоит использовать контурные кнопки для призыва к действию. Вот, посмотрите на Bootstrap. Контурная кнопка «Скачать» ничем не отличается от главного логотипа, что может запутать пользователей.
Лучше всего использовать такие кнопки для вторичного контента, так как они не будут (по крайней мере, не должны) конкурировать с вашим основным призывом к действию. Хотелось бы, чтобы пользователь сначала увидел основную кнопку CTA, а уже затем (если для него это не актуально) переходил ко второй кнопке.
Кнопка, призывающая к положительному действию, более контрастная и пользователь четко видит действие.
Поведение
Пример
На сайте AirBnB есть контурные кнопки для действия «Стать хозяином».
5. Плавающая кнопка с выпадающим меню
Плавающая кнопка с выпадающим меню — один из элементов материального дизайна Google. Это круглая материальная кнопка, которая приподнимается и дает эффект чернильного пятна при нажатии.
Применение
Плавающие кнопки с выпадающим меню применяются для вызова функциональных клавиш.
Поведение
Их можно сразу заметить по круглой иконке, парящей над UI. Они включают в себя такие типы поведения, как морфинг, запуск и перенос точки привязки.
Выбор типа кнопки.
Выбор стиля кнопки зависит от ее важности, количества контейнеров на экране, и от разметки экрана.
Функция: Достаточно ли важна и уникальна кнопка, чтобы сделать ее плавающей?
Размеры: Выбирайте тип кнопки, в зависимости от контейнера, в котором она будет располагаться и от того, сколько слоев глубины у вас на экране.
Разметка: Используйте преимущественно один тип кнопки на контейнер. Смешивайте типы кнопок только в том случае, если для этого есть основания, например, выделение важной функции.
Состояния кнопок
Здесь пойдет речь не о том, как пользователь видит начальную кнопку, а о тех случаях, когда при наведении указателя на нее ничего не меняется. Пользователь не сразу поймет кнопка это или нет? Теперь придется кликнуть, что бы это выяснить …
Такой объект как кнопка имеет несколько состояний, и предоставление визуального отклика с целью отобразить текущее состояние кнопки должно быть приоритетной задачей.
Нормальное состояние
Главное правило этого состояния – кнопка должна выглядеть как кнопка в нормальном состоянии. Windows 8 это показательный пример неудачного дизайна кнопки. Пользователю сложно понять кликабельны или нет объекты в меню настроек.
Состояние в фокусе
Правильно будет дать пользователю понять, что он наводит указатель на кнопку. Пользователь сразу понимает, что его действие было принято, и хочет визуального подтверждения.
Нажатое состояние
Анимируя различные элементы своего дизайна, вы можете внести свежую ноту, проявить немного творчества и порадовать пользователя.
Неактивное состояние
Есть два варианта – спрятать кнопку, либо отобразить ее в неактивном состоянии.
Преимущества скрытой кнопки:
- · Ясность. Отображается только то, что необходимо для текущей задачи.
- · Сохранение пространства. Это позволит вам менять управление, используя одно пространство для разных целей. Что очень удобно, если присутствует очень много элементов управления. Gmail применяет этот способ.
Преимущества использования неактивного состояния:
- Показать возможность действия. Даже если кнопка не используется, пользователь знает, что действие возможно. Можно даже сделать подсказку и объяснить критерии использования.
Контроль размещения. Пользователь понимает, где в интерфейсе размещено управление и кнопки.
Заключение
Кнопки предназначены для того, чтобы направить пользователя и подтолкнуть его к принятию интересующего вас действия. Плавное переключение способствует плавному взаимодействию; проблемы, такие как невозможность найти нужную кнопку являются в лучшем случае помехами, а в худшем – полным провалом.
UX дизайн кнопок это узнаваемость и ясность. Думайте о сайте или приложении как о беседе, начатой занятым пользователем. Кнопка играет критически важную роль в этой беседе.
Кнопка Ajax Systems
Пуговичка — беспроводная тревожная кнопка с защитой от случайного нажатия и дополнительным режимом управления устройствами автоматики.
Button подключается к системе безопасности и настраивается через приложения Ajax на iOS, Android, macOS и Windows. Пользователи оповещаются обо всех тревогах и событиях с помощью push-уведомлений, SMS и телефонных звонков (если они включены).
Функциональные элементы
- Тревожная кнопка
- Индикаторы
- Отверстие для крепления кнопки
Принцип работы
Кнопка — это беспроводная тревожная кнопка, при нажатии на которую передается сигнал тревоги пользователям, а также на CMS охранной компании. В режиме управления Button позволяет управлять устройствами автоматизации Ajax с помощью короткого или длительного нажатия кнопки.
В режиме паники кнопка может действовать как тревожная кнопка и сигнализировать об угрозе или сообщать о вторжении, а также пожарной, газовой или медицинской тревоге. Вы можете выбрать тип будильника в настройках кнопки. Текст тревожных уведомлений зависит от выбранного типа, а также от кодов событий, передаваемых на центральную станцию наблюдения охранной компании (CMS).
Кнопка оснащена защитой от случайного нажатия и передает сигналы тревоги на расстояние до 1,300 м от хаба. Имейте в виду, что наличие каких-либо препятствий, препятствующих передаче сигнала (например,ample, стены или полы) уменьшит это расстояние.
Пуговицу легко носить с собой. Вы всегда можете носить его на запястье или на шее. Устройство устойчиво к пыли и брызгам.
При подключении Button через, обратите внимание, что Button не переключается автоматически между радиосети расширителя радиосигнала и концентратора. Вы можете назначить Button на другой хаб или ReX вручную в приложении.
Подключение кнопки к системе безопасности Ajax
Перед установкой соединения
- Следуйте инструкциям концентратора, чтобы установить. Создайте учетную запись, добавьте хаб в приложение и создайте хотя бы одну комнату. Приложение Ajax
- Войдите в приложение Ajax.
- Активируйте хаб и проверьте свое интернет-соединение.
- Убедитесь, что хаб не находится в режиме охраны и не обновляется, проверив его статус в приложении.
Чтобы подключить кнопку
- Щелкните Добавить устройство в приложении Ajax.
- Назовите устройство, отсканируйте его QR-код (находится на упаковке) или введите вручную, выберите комнату и группу (если включен групповой режим).
- Нажмите «Добавить», и начнется обратный отсчет.
- Удерживайте кнопку 7 секунд. Когда кнопка добавлена, светодиоды мигнут зеленым один раз.
Для обнаружения и сопряжения Кнопка должна находиться в зоне радиосвязи хаба (на единственном охраняемом объекте).
Подключенная кнопка появится в списке устройств хаба в приложении. Обновление статусов устройства в списке не зависит от значения времени опроса в настройках хаба. Данные обновляются только при нажатии на кнопку.
Кнопка работает только с одним концентратором. При подключении к новому хабу кнопка Button перестает передавать команды старому хабу. Обратите внимание, что после добавления в новый концентратор Button не удаляется автоматически из списка устройств старого концентратора. Это нужно делать вручную через приложение Ajax.
Области
Статусы кнопок могут быть viewed в меню устройства:
| Отключить пожарную тревогу | |
| Яркость светодиодов | Отображает текущий уровень яркости светового индикатора:
Отключено (нет дисплея) Низкий Max |
| Защита от случайного включения | Отображает выбранный тип защиты от случайного срабатывания:
от — защита отключена. Длительное нажатие — для того, чтобы отправить вам тревогу следует удерживать кнопку нажатой более 1.5 секунд. Двойное нажатие — для отправки будильника необходимо дважды нажать на кнопку с паузой не более 0.5 секунды. |
| Проложено через ReX | Отображение статуса использования расширителя диапазона ReX |
| Временная деактивация | Отображает статус устройства: активно или полностью отключено пользователем |
| прошивки | Версия прошивки кнопки |
| ID | Идентификатор устройства |
Конфигурация
Вы можете настроить параметры устройства в разделе настроек:
| Параметр | Значение |
| Первое поле | Название устройства, можно изменить |
| Комната | Выбор виртуальной комнаты, в которой находится устройство |
| назначен на | |
|
Рабочий режим |
Отображает режим работы кнопки. Доступны три режима:
Паника — посылает сигнал тревоги при нажатии Control Отключить пожарную тревогу — при нажатии отключает пожарную тревогу FireProtect / FireProtect Plus детекторы Узнать больше |
|
Тип тревоги (доступно только в режиме паники) |
Выбор типа тревожного сигнала кнопки:
Противопожарная медицинская помощь Тревожная кнопка Газ Текст SMS и уведомлений в применение зависит от выбранного типа сигнализации |
| Яркость светодиодов | Это отображает текущую яркость световых индикаторов:
Отключено (нет дисплея) Низкий Max |
| Защита от случайного нажатия
(доступно только в режиме паники) |
Отображает выбранный тип защиты от случайного срабатывания:
от — защита отключена. Длительное нажатие — для того, чтобы отправить вам тревогу следует удерживать кнопку нажатой более 1.5 секунд. |
| Двойное нажатие — для отправки будильника необходимо дважды нажать на кнопку с паузой не более 0.5 секунды. | |
|
Оповещение сиреной при нажатии тревожной кнопки |
Если активен, сирены добавлен в систему активируются после нажатия тревожной кнопки |
|
Сценарии |
Открывает меню для создания и настройки сценариев. |
| Руководство пользователя | Открывает руководство пользователя Button |
| Временная деактивация | Позволяет пользователю деактивировать устройство, не удаляя его из системы.
Устройство не будет выполнять системные команды и участвовать в сценариях автоматизации. Тревожная кнопка деактивированного устройства отключена Узнать больше о временном устройстве дезактивация |
|
Разорвать пару с устройством |
Отключает Button от хаба и удаляет его настройки |
Индикация работы
Состояние кнопки отображается с помощью красных или зеленых светодиодных индикаторов.
| Категория | индикация | События |
|
Подключение к системе безопасности |
Зеленые светодиоды мигают 6 раз |
Кнопка не зарегистрирована ни в одной охранной системе |
| Горит зеленым на несколько секунд | Добавление кнопки в систему безопасности | |
|
Индикация доставки команды |
Загорается зеленым кратко fl y |
Команда доставлена в систему безопасности |
|
Загорается красным кратко fl y |
Команда не доставляется в охранную систему | |
| Индикация длительного нажатия в режиме управления | Мигает зеленым коротко fl y | Button распознал нажатие как долгое нажатие и отправил |
| соответствующая команда хабу | ||
| Индикация обратной связи
(следует Индикация доставки команды) |
Загорается зеленым примерно на полсекунды после команды индикация доставки |
В системе безопасности есть получил и выполнил команду |
| Кратковременно загорается красным после индикации доставки команды | Система безопасности не выполнила команду | |
|
Состояние батареи (следует Индикация обратной связи) |
После основной индикации горит красным светом и плавно гаснет. | Батарею кнопки необходимо заменить. В то же время,
кнопочные команды доставляются в охранную систему. |
Случаи применения
Панический режим
В качестве кнопки паники кнопка используется для вызова охранной компании или помощи, а также для оповещения о чрезвычайных ситуациях через приложение или сирены. Кнопка поддерживает 5 типов сигналов тревоги: вторжение, пожар, медицинское обслуживание, утечка газа и тревожная кнопка. Вы можете выбрать тип будильника в настройках устройства. Текст оповещения о тревоге зависит от выбранного типа, а также от кодов событий, передаваемых на центральную станцию мониторинга охранной компании (CMS).
Учтите, что в этом режиме нажатие кнопки вызовет тревогу независимо от режима безопасности системы. Пуговицу можно установить на плоской поверхности или носить с собой. Для установки на плоской поверхности (например,ampле, под столом), закрепите пуговицу двусторонним скотчем. Чтобы носить Пуговицу на ремешке: прикрепите ремешок к Пуговице, используя монтажное отверстие в основном корпусе Пуговицы.
Режим управления
В режиме управления кнопка имеет два варианта нажатия: короткое и долгое (кнопка удерживается более 3 секунд). Эти нажатия могут вызвать выполнение действия одним или несколькими устройствами автоматизации: Relay, WallSwitch или Socket.
Чтобы привязать действие устройства автоматизации к долгому или короткому нажатию кнопки:
- Откройте приложение Приложение Ajax и перейдите в Вкладка «Устройства»
- Выберите Пуговичка в списке устройств и перейдите в настройки, нажав на значок шестеренки
- Выберите Control
режим в кнопочном режиме Раздел
- Нажмите Пуговичка для сохранения изменений.
- Перейдите в Сценарии меню и нажмите Создать сценарий если вы создаете сценарий впервые, или Добавить сценарий если в системе безопасности уже созданы сценарии.
- Выберите опцию нажатия для запуска сценария: Короткое нажатие or Длительное нажатие.
- Выберите устройство автоматизации, чтобы выполнить действие.
- Введите имя сценария и укажите действие устройства, которое будет выполнено, нажав кнопку.
- Включить
- Выключить
- Переключить состояние
- Щелкните Сохранить. Сценарий появится в списке сценариев устройства.
Отключить пожарную тревогу
Нажав на кнопку, можно отключить сигнал пожара (если выбран соответствующий режим работы). Реакция системы на нажатие кнопки зависит от настроек и состояния системы:
- Связанные между собой аварийные сигналы FireProtect отключены — нажатие кнопки отключает сирены сработавших извещателей FireProtect / FireProtect Plus.
- Связанные тревоги FireProtect уже распространились — при первом нажатии кнопки отключаются все сирены пожарных извещателей, кроме тех, которые зарегистрировали тревогу. Повторное нажатие кнопки отключает звук остальных детекторов.
- Время задержки взаимосвязанных сигналов тревоги длится — сирена сработавшего извещателя FireProtect / FireProtect Plus отключается нажатием.
Узнать больше о взаимосвязанных сигналах пожарных извещателей
размещение
Пуговицу можно закрепить на поверхности или носить с собой.
Как исправить кнопку
Чтобы закрепить Button на поверхности (например, под столом), используйте держатель.
Чтобы установить пуговицу в держатель:
- Выберите место для установки держателя.
- Нажмите кнопку, чтобы проверить, могут ли команды достичь хаба. Если нет, выберите другое место или используйте Расширитель радиосигнала ReX.
- Закрепите держатель на поверхности с помощью комплектных шурупов или двустороннего скотча.
- Вставьте пуговицу в держатель.
Как носить с собой кнопку
Кнопку удобно носить с собой благодаря специальному отверстию на ее корпусе. Его можно носить на запястье или вокруг шеи, или повесить на брелок для ключей.
Кнопка имеет степень защиты IP55. Это означает, что корпус устройства защищен от пыли и брызг. Плотные кнопки утоплены в корпус, а программная защита помогает избежать случайного нажатия.
Обслуживание
При чистке корпуса брелока используйте чистящие средства, пригодные для технического обслуживания.
Никогда не используйте для очистки Button вещества, содержащие спирт, ацетон, бензин и другие активные растворители. Предустановленный аккумулятор обеспечивает до 5 лет работы брелока при нормальном использовании (одно нажатие в день). Более частое использование может сократить срок службы батареи. Вы можете в любой момент проверить уровень заряда батареи в приложении Ajax.
Предустановленная батарея чувствительна к низким температурам, и если брелок значительно охладится, индикатор уровня заряда батареи в приложении может показывать неверные значения, пока брелок не станет теплее.
Значение уровня заряда батареи не обновляется регулярно, а обновляется только после нажатия кнопки.
Когда батарея разрядится, пользователь получит уведомление в приложении Ajax, а светодиод будет постоянно светиться красным и гаснуть при каждом нажатии кнопки.
Как долго устройства Ajax работают от батарей и что влияет на замену батарей
Технические спецификации
| Количество кнопок | 1 |
| Светодиодная подсветка, указывающая на доставку команды | Доступно |
| Защита от случайного включения | Доступен, в режиме паники |
|
Полоса частот |
868.0 — 868.6 МГц или 868.7 — 869.2 МГц,
в зависимости от региона продаж |
|
Совместимость |
Работает со всеми Ajax концентраторы ассортимент
удлинители с участием О.С. Малевича 2.7.102 и позже |
| Максимальная мощность радиосигнала | До 20 мВт |
| Модуляция радиосигнала | GFSK |
| Диапазон радиосигнала | До 1,300 м (без препятствий) |
| Источник питания | 1 батарейка CR2032, 3 В |
| Срок службы батареи | До 5 лет (в зависимости от частоты использования) |
| Класс защиты | IP55 |
| Диапазон рабочих температур | От -10 ° С до + 40 ° С |
| Влажность при эксплуатации | До 75% |
| Размеры | 47 × × 35 13 мм |
| Вес | 16 г |
Полный комплект
- Пуговичка
- Предустановленная батарея CR2032
- Двусторонний скотч
- Руководство по быстрому старту
Гарантия
Гарантия на продукцию, произведенную компанией с ограниченной ответственностью AJAX SYSTEMS MANUFACTURING, действует в течение 2 лет после покупки и не распространяется на комплектный аккумулятор.
Если устройство не работает должным образом, рекомендуем сначала обратиться в службу поддержки, поскольку в половине случаев технические проблемы можно решить удаленно!
Техническая поддержка: support@ajax.systems
Документы / Ресурсы
Рекомендации
Инструкция по пользованию тревожной кнопкой
1. Кнопка тревожной сигнализации (КТС) предназначена для экстренного вызова группы быстрого реагирования (ГБР).
2. ГБР прибывает в период времени указанного в договоре, после получения сигнала о приведении в действие (нажатия) кнопки тревожной сигнализации.
3. Повторно нажимать тревожную кнопку можно через две минуты после первого нажатия, при этом удерживать палец на кнопке необходимо не менее пяти секунд.
4. Кнопкой тревожной сигнализации необходимо пользоваться в следующих случаях:
o при непосредственном нападении на объект;
o при нанесении материального ущерба объекту;
o при возникновении пожара (до прибытия пожарной команды);
o при обнаружении подозрительных предметов на прилегающей к объекту территории;
o при попытке совершить кражу материальных ценностей на объекте;
o при наступлении критических ситуаций.
5. Периодически (не реже одного раза в неделю), производить проверку работы тревожной кнопки совместно с сотрудниками охранного предприятия, заблаговременно предупредив оператора о проведении регламентной проверки.
6. Запрещается пользоваться без надобности кнопкой тревожной сигнализации.
Советы
Стиль кнопок, цвет, состояние и их расположение на странице
Мы перевели статью UX-специалиста компании Windmill Тараса Бакусевича. Он раскрывает основные принципы дизайна кнопок и показывает на примерах, как с их помощью построить эффективную коммуникацию с пользователями.
Можно ли представить нашу жизнь без кнопок? Скорее всего, нет. Мы используем их как в реальной жизни — открываем двери, фотографируем, разогреваем еду, так и в digital-пространстве — оплачиваем покупки в интернете, оставляем данные на сайтах, ставим лайки и реакции в социальных сетях.
Кнопки восхитительны. Касание пальца запускает приложение, машину или приводит систему в движение. При этом пользователь может не догадываться о механизмах или алгоритмах, которые за этим стоят. «Вы нажимаете кнопку — мы делаем остальное», — благодаря этому привлекательному слогану потенциальные покупатели заинтересовались камерами Kodak.
Кнопки окружают нас повсюду — и в реальной жизни, и в digital-пространстве
Кнопки и ссылки. В чём разница
Кнопки сообщают о действиях, которые можно сделать на странице. Обычно они расположены в чатах, формах, панелях инструментов.
Ссылки используются, когда пользователю предлагают перейти на другую страницу (или её часть). Например, в личный профиль человека или в каталог товаров. Кнопки же просят совершить действие: «Отправить», «Создать новый документ», «Загрузить».
Вид кнопки. О чем он говорит пользователю
От внешнего вида кнопки зависит, насколько ей удобно пользоваться. Каждое состояние кнопки должно иметь особенности, которые отличают его от других состояний и окружающего макета. При этом кардинально изменять вид и создавать дополнительный визуальный шум нежелательно.
Всего существует 6 состояний кнопки:
- Нормальное состояние — этот компонент интерфейса интерактивен и готов к использованию.
- В фокусе — «ответ» элемента на действие: пользователь выделил кнопку с помощью клавиатуры или другого инструмента ввода.
- Наведение мыши — состояние интерактивного элемента, когда пользователь наводит на него курсор.
- Активное состояние (или нажатая кнопка) — состояние, когда пользователь нажимает на кнопку.
- Загрузка — Состояние, которое сообщает, что этот элемент завершает какое-либо действие (например, сохраняет данные в личном кабинете).
- Неактивное состояние — этот компонент интерфейса не интерактивен сейчас, но может быть включён в будущем.
Возможные формы, размеры и цвета кнопок
Самый популярный вид кнопок — прямоугольные с закруглёнными углами. Их легко идентифицировать и они хорошо смотрятся рядом с полем ввода. Выбор стиля кнопки будет зависеть от цели, платформы и брендбука.
Это 9 самых популярных видов кнопок
Покажите важность действия с помощью стиля кнопки
Стили используют, чтобы отличать более важные действия от не таких важных. Если визуально выстроить иерархию, то пользователь не будет чувствовать себя потерянным в большом количестве вариантов. Обычно, может быть одна заметная кнопка (этот стиль называется «основной»), а также несколько «второстепенных» и побочных, «третичных» действий.
Отправить сообщение — основной стиль. Сохранить черновик — вторичный. Удалить — третичный. Такая иерархия направляет пользователя и не дает ему потеряться
«Правильную» кнопку не всегда нужно выделять
Иногда хочется сделать «правильную» кнопку действием по умолчанию (используя «основной» стиль) и дополнительно выделить её. Большую часть пользователей это ведёт в нужном направлении и помогает им завершать свои дела быстрее.
Исключение: если варианты выбора равны, или действие может быть потенциально опасным (например, согласие о передаче личных данных). В таких случаях лучше давать пользователям возможность выбирать осознанно, а не случайно.
Делайте кнопки похожими на кнопки
«Не заставляйте меня думать» — название книги юзабилити-инженера Стива Круга. Среди многих пунктов, которые он затрагивает — насколько важно создавать очевидный для пользователя интерфейс без головоломок. Долгое пользование различными устройствами сформировали в наших головах то, как кнопки должны выглядеть и функционировать. Сильное отклонение от этого «стандарта» вызовет замешательство у пользователей.
Лучше не использовать один и тот же цвет для интерактивных и неинтерактивных элементов интерфейса — в противном случае люди не поймут, куда нужно нажимать.
Придерживайтесь единого стиля
Единство стиля улучшает скорость и точность взаимодействия, помогает избежать ошибок. Лучше создавать предсказуемые элементы. Это поможет пользователям почувствовать, что они контролируют ситуацию и могут получить желаемый результат. Продумывая основные, вторичные и третичные элементы, постарайтесь найти для них что-то общее — например, цвет, форму или что-то ещё.
Задумывайтесь о размерах кнопок
Если пользователь не может нажать на кнопку или случайно попадает при этом на другой элемент, это вызывает раздражение и негативный опыт.
Для интерактивных элементов на большинстве платформ подойдут размеры от 48×48 dp. Dp (Density-independent Pixels) — абстрактная единица измерения размера, которая позволяет элементам выглядеть одинаково в различных разрешениях. Обычные пиксели (px) на разных экранах могут отображаться по разному.
Подробнее о разнице между dp и px
Для кнопок с иконками лучше убедиться, что интерактивная часть будет больше, чем сама иконка (кнопка Edit на примере выше). Это применимо не только для смартфонов или планшетов, но и для web-страниц, где указатель — компьютерная мышь.
Делайте дизайн доступным
Этот совет нужно применять к каждому компоненту интерфейса. Размер интерактивной области элемента — один из факторов, который влияет на доступность. Среди других — размер шрифта, цвет и контраст. Существует большое количество инструментов, которые оценят, насколько легко взаимодействовать с элементами дизайна.
Когда для кнопок в HTML-коде используются теги <div> (т. н. контейнер) или <img> (изображение), браузер не понимает, что это кнопка, потому что на уровне кода это не кнопка. Атрибут role=’кнопка’ – сигнал, что в этом месте точно кнопка. WCAG — рекомендации по доступности веб-контента
Дизайнерам лучше тесно взаимодействовать с командой разработчиков, чтобы убедиться, что кнопки работают с экранным считывающим устройством. Это встроенное в ОС приложение, которое помогает людям с нарушениями зрения считывать информацию с экранов. Роль «кнопка» должна использоваться для всех интерактивных элементов, которые отвечают на действия пользователя. Атрибут role=”button” превратит элемент в кнопку для любого экранного считывающего устройства.
Рассмотрите не только касания, но и жестовое взаимодействие пользователя с интерфейсом
Жесты позволяют пользователям взаимодействовать с приложением касаниями. Это экономит время и дает чувство тактильного контроля. Некоторые виды касаний входят в нашу жизнь всё больше. Например, свайп (смахивание) для работы с контентом или двойное касание экрана, чтобы поставить лайк.
Возможно, вместо кнопки лучше добавить интерактивный жест?
Хорошее название для кнопки поможет пользователю совершить нужное действие
То, какой посыл несут кнопки, также важно, как и то, как они выглядят. Пользователи могут не понять, чего от них хотят, потерять время и даже совершить ошибку, если на кнопке отображено непонятное действие.
Хорошее название кнопки предлагает пользователю совершить какое-либо действие. Лучше использовать глаголы и отображать на кнопке то, что она делает. Как будто кнопка спрашивает пользователя — «Хотите (Добавить в корзину)?» или «Хотите (Подтвердить заказ)?»
Лучше избегать слов «Да», «Нет» или общих слов — например, «Подтвердить/Отправить».
OК/Отмена or Отмена/OК? Любой вариант подходит
Дизайнеры могут часами спорить о том, как правильно располагать кнопки, но на самом деле разницы никакой нет.
- Действие «OK» в начале соответствует привычному порядку прочтения для большой части людей – слева направо. У Windows кнопка OK идёт сначала.
- «OK» в конце улучшает концентрацию и восприятие – пользователи лучше оценивают все варианты перед тем, как принять решение. Также такой порядок помогает избежать ошибок. У продуктов Apple кнопка OK стоит второй.
Каждый вариант хорош по-своему и использование любого из них не вызовет юзабилити-катастрофы
Избегайте неактивных кнопок
Каждый из нас был в этой ситуации. Застревал на странице с неактивной кнопкой, пытаясь понять, почему она не работает и что нужно сделать, чтобы вернуть её к жизни. Неактивное состояние используется, чтобы показать, что этот элемент не активен, но может заработать в будущем. Так поступают, потому что временное исчезновение кнопки может запутать пользователя.
Лучше при возможности избегать неактивных кнопок – пусть они всегда будут активны. Если пользователи не ввели нужную информацию, просто подсветите пустые строки или покажите предупреждение.
12 советов о дизайне кнопок в интерфейсе
1. Различайте кнопки и ссылки. У них разное предназначение. Их схожесть в интерфейсе будет путать пользователя.
2. Продумайте варианты состояния кнопок. Активна ли она, будет ли подсвечиваться при наведении? Поймёт ли пользователь, что кнопка сработала? – это те вопросы, на которые стоит ответить заранее.
3. Подберите стиль своим кнопкам. Популярных вариантов не так мало сейчас, есть из чего выбрать. Продумайте, как кнопки будут сочетаться с другими элементами.
4. Соблюдайте иерархию кнопок. Кнопки делятся на основные, вторичные и третичные и поэтому оформляются по-разному.
5. Решите, точно ли нужно пользователям действие «по умолчанию». Иногда такой вариант может привести к ошибкам пользователей и, как следствие, негативу в сторону продукта.
6. Применяйте стандарты при проектировании элементов. Таким образом пользователю не нужно сильно задумываться над взаимодействием и терять время (и нервы).
7. Проработайте единый стиль для элементов. Это увеличит скорость работы с платформой и будет приятнее для пользователей.
8. Сделайте достаточно большие кнопки. Лучший вариант – от 48х48 dp, что обеспечит в реальных параметрах оптимальный размер – 9 мм.
9. Позаботьтесь о доступности дизайна. Чем более понятный к восприятию будет ваш продукт, тем легче будет пользователям с ним взаимодействовать. К тому же, существуют платформы, которые помогают понять, хорошо устроена страница или нет.
10. Придумайте понятное название для кнопки. В таком случае пользователи будут исполнять указанное там действие.
11. Не беспокойтесь о порядке размещения кнопок «Оk» и «Отмена». В любом случае они будут работать одинаково.
12. Избегайте неактивных кнопок. Лучше скажите пользователю, что что-то идёт не так с помощью уведомлений.
ЭКСКЛЮЗИВЫ ⚡️
Читайте только в блоге
Unisender
Поделиться
СВЕЖИЕ СТАТЬИ
Другие материалы из этой рубрики
Не пропускайте новые статьи
Подписывайтесь на соцсети
Делимся новостями и свежими статьями, рассказываем о новинках сервиса
«Честно» — авторская рассылка от редакции Unisender
Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.
Общая документация
Руководство Администратора. Базовый функционал
Основное руководство. Полное описание установки, настройки и базового функционала Красной Кнопки для решений в сфере бизнеса, маркетинга, а также ITSM . Для установки и настройки дополнительных компонентов воспользуйтесь соответствующим Дополнительным руководством.
Скачать (PDF)
Документация к решению Монитор Эмоций CXM
Документация к решению Электронный Тайный Покупатель
Документация к решению Дисплей Лояльности
Документация к решениям Кнопка Лояльности и Сенсор Анкетёр
Технология Экспертного Мониторинга
Экспертный Мониторинг — важное преимущество Кнопки Лояльности и Сенсора Анкетёр. Используйте Экспертный Мониторинг, чтобы эффективно контролировать достоверность событий, происходящих в точке продаж (оценка качества обслуживания клиентами, форс-мажорные обстоятельства и др.).
Скачать (PDF)
Настройка оборудования
API
Документация к решению Кнопка Помощи ITSM
Документация к решению Пятый Уровень
Документация к программе SelfTrace
Button — беспроводная тревожная кнопка с защитой от случайных нажатий и дополнительным режимом управления устройствами автоматизации.
Button подключается к системе безопасности и настраивается через приложения Ajax на iOS, Android, macOS и Windows. Обо всех тревогах и событиях пользователя уведомляют пуш-уведомления, смс и звонки (если включены).
Функциональные элементы
- Кнопка включения тревоги
- Световые индикаторы
- Отверстие для крепления кнопки
Принцип работы
Button — беспроводная тревожная кнопка, при нажатии передающая сигнал тревоги пользователям, а также на пульт охранной организации. В режиме управления Button позволяет управлять устройствами автоматизации Ajax коротким и длинным нажатием кнопки.
В режиме тревоги Button может работать как тревожная кнопка и сигнализировать об угрозе, или же оповещать о необходимости медицинской помощи, вторжении, пожаре, газовой тревоге или затоплении. Тип тревоги выбирается в настройках кнопки. От выбранного типа зависит текст уведомлений о тревогах, а также коды событий, передаваемые на пульт централизованного наблюдения охранной компании (ПЦН).
Назначить действие устройства автоматизации (Relay, WallSwitch или Socket) по нажатию кнопки можно в настройках Button — меню Сценарии.
Button имеет защиту от ложных срабатываний и передает тревоги на расстоянии до 1300 метров от хаба. Учитывайте, что любые преграды, препятствующие прохождению сигнала (например, стены или межэтажные перекрытия) сокращают это расстояние.
Кнопку удобно носить при себе. Ее можно повесить на запястье или на шею. Корпус устройства защищен от пыли и брызг.
При подключении Button через ретранслятор радиосигнала учитывайте, что кнопка не переключается автоматически между радиосетями ретранслятора и хаба. Назначить Button хабу или другому ретранслятору можно вручную в приложении.
Подключение кнопки к охранной системе Ajax
Прежде чем начать подключение
- Следуя рекомендациям инструкции хаба, установите приложение Ajax. Создайте учетную запись, добавьте в приложение хаб и создайте хотя бы одну комнату.
- Зайдите в приложение Ajax.
- Включите хаб и проверьте подключение к интернету.
- Убедитесь, что хаб не в режиме охраны и не обновляется, посмотрев его состояние в приложении.
Добавить устройство к хабу может только пользователь с правами администратора
Чтобы подключить Button
- Нажмите Добавить устройство в приложении Ajax.
- Назовите устройство, отсканируйте или же впишите вручную QR–код (размещен на упаковке), выберите комнату и группу (если режим групп включен).
- И нажмите Добавить — начнется обратный отсчет.
- Зажмите кнопку на 7 секунд. Когда Button будет добавлен, светодиоды один раз мигнут зеленым.
Чтобы произошло обнаружение и сопряжение, Button должен находиться в зоне действия радиосвязи хаба (на одном охраняемом объекте).
Подключенная кнопка появится в списке устройств хаба в приложении. Обновление статусов устройства в списке не зависит от установленного в настройках хаба времени опроса. Данные обновляются только при нажатии на Button.
Button работает только с одним хабом. При подключении к новому хабу, кнопка Button перестает передавать команды на старый хаб. Учитывайте, что после добавления на новый хаб Button не удаляется автоматически из списка устройств старого хаба. Это необходимо сделать вручную через приложение Ajax.
Состояния
Состояния Button можно посмотреть в меню устройства:
- Приложение Ajax → Устройства
→ Button
→ Button| Параметр | Значение |
| Заряд батареи | Уровень заряда батареи устройства. Есть два состояния:
Как отображается заряд батареи в приложениях Ajax |
| Режим работы | Отображает режим работы кнопки. Есть три режима:
|
| Яркость LED | Отображает текущую яркость светового индикатора:
|
|
Защита от случайного нажатия (отображается только для режимов работы Тревога и Глушить синхронную пожарную тревогу) |
Отображает выбранный способ защиты от случайных нажатий:
|
| ReX | Отображает статус использования ретранслятора радиосигнала |
| Временное отключение | Показывает статус работы устройства: активно или полностью отключено пользователем |
| Прошивка | Версия прошивки Button |
| Идентификатор |
Идентификатор устройства. Используется для подключения к хабу. Доступен на плате устройства и упаковке. |
| Устройство № | Номер шлейфа (зоны) устройства. |
Настройка
Регулировать параметры устройства можно в его настройках:
| Параметр | Значение |
| Имя | Имя устройства, можно изменить |
| Комната | Выбор виртуальной комнаты, к которой приписано устройство |
| Режим работы | Показывает режим работы кнопки. Есть три режима:
Узнать больше |
|
Тип события (отображается, если выбран режим работы Тревога) |
Выбор типа события Button:
От выбранного типа события зависит текст смс и уведомления в приложении, а также код события, передаваемого на ПЦН |
| Яркость LED | Отображает текущую яркость световых индикаторов:
|
| Защита от случайного нажатия (отображается только для режимов работы Тревога и Глушить синхронную пожарную тревогу) |
Отображает выбранный способ защиты от случайных нажатий:
|
| Активировать сирену, если нажата тревожная кнопка | Когда включено, подключенные к системе сирены активируются при нажатии в режиме тревожной кнопки |
| Сценарии | Открывает меню создания и настройки сценариев |
| Руководство пользователя | Открывает руководство пользователя Button |
| Временное отключение |
Позволяет пользователю отключить устройство, не удаляя его из системы. Устройство не будет выполнять команды системы и запускать сценарии автоматизации. Тревожная кнопка отключенного устройства неактивна Подробнее о временном отключении устройств |
| Удалить устройство | Отключает Button от хаба и удаляет его настройки |
Индикация работы
Button оповещает о своем состоянии красным или зеленым цветом световых индикаторов.
| Категория | Индикация | Событие |
| Привязка к системе безопасности | Зеленые светодиоды мигают 6 раз | Кнопка не зарегистрирована ни в одной системе безопасности |
| Загорается зеленым на несколько секунд | Добавление кнопки к системе безопасности | |
| Индикация доставки команды | Кратковременно загорается зеленым | Команда доставлена системе безопасности |
| Кратковременно загорается красным | Команда не доставлена системе безопасности | |
| Индикация длинного нажатия в режиме Управление |
Кратковременно мигает зеленым | Button распознал зажимание как длинное нажатие и отправил на хаб соответствующую команду |
|
Индикация обратной связи (следует за Индикацией доставки команды) |
Загорается зеленым примерно на полсекунды после индикации доставки команды | Система безопасности приняла и выполнила команду |
| Кратковременно загорается красным после индикации доставки команды | Система безопасности не выполнила команду | |
|
Состояние батареи (следует за Индикацией обратной связи) |
После основной индикации загорается красным и плавно гаснет |
Батарея Button требует замены. При этом команды кнопки доставляются системе безопасности Замена батареи |
Варианты использования
Режим Тревога
В режиме тревожной кнопки Button может вызвать охрану или помощь, а также оповестить об экстренной ситуации — активировать сирены и прислать другим пользователям уведомление в приложении. В настройках Button можно выбрать один тип тревоги из восьми:
- Вторжение
- Пожар
- Медпомощь
- Тревожная кнопка
- Газ
- Неисправность
- Затопление
- Информационный (не отправляется на пульт мониторинга охранной компании)
От выбранного типа зависят тексты уведомлений в приложении и коды событий, которые передаются на пульт централизованного наблюдения охранной компании (ПЦН).
Учитывайте, что в режиме Тревога нажатие Button активирует тревогу независимо от режима охраны системы безопасности.
Button можно закрепить на ровной поверхности или носить с собой. Чтобы установить кнопку на ровной поверхности (например, под столом), используйте двусторонний скотч. Чтобы носить на ремешке, используйте отверстие для крепления на корпусе Button.
Режим Управление
Button можно использовать как кнопку управления устройствами автоматизации. В режиме Управление Button имеет две опции нажатия: короткое и длинное (кнопка зажата более чем на 3 секунды). Эти нажатия запускают действие одного или нескольких устройств автоматизации: Relay, WallSwitch или Socket.
Чтобы привязать действие устройства автоматизации к длинному или короткому нажатию Button:
- Откройте приложение Ajax и перейдите во вкладку Устройства .
- Выберите Button в списке устройств и перейдите в настройки, нажав на иконку с шестеренкой .
- Выберите режим Управление в разделе Режим работы кнопки. Нажмите на физическую кнопку Button, чтобы изменения сохранились
- Перейдите в меню Сценарии. Нажмите Создать сценарий, если создаете сценарий впервые, или Добавить сценарий, если в системе безопасности уже есть созданные сценарии.
- Выберите опцию нажатия для запуска сценария: Короткое или Длинное.
- Выберите устройство автоматизации, которое будет выполнять действие.
- Введите Имя сценария и задайте Действие устройства, которое будет выполняться по нажатию Button.
- Включается
- Выключается
- Меняет состояние
При настройке сценария для устройств автоматизации, которые работают в импульсном режиме, настройка Действие устройства недоступна. При выполнении сценария такие устройства будут замыкать/размыкать контакты в течение установленного времени. Режим работы и длительность импульса устанавливается в настройках устройства автоматизации.
- Нажмите Далее — сценарий отобразится в списке сценариев устройства.
.
Глушение синхронной тревоги пожарных датчиков
По нажатию кнопки Button можно заглушать синхронную пожарную тревогу (если выбран соответствующий режим работы кнопки). Реакция системы на нажатие кнопки зависит от состояния системы:
- Синхронная тревога пожарных датчиков включена и уже распространилась — по первому нажатию кнопки Button заглушаются все сирены пожарных датчиков, кроме тех, которые зарегистрировали тревогу. Повторное нажатие кнопки заглушает оставшиеся датчики.
- Идёт время задержки распространения синхронной тревоги — по нажатию заглушается сирена сработавшего пожарного датчика Ajax.
Узнать больше о синхронной тревоге пожарных датчиков
С обновлением OS Malevich 2.12 пользователи могут глушить тревоги пожарных датчиков в своих группах устройств, не влияя на работу датчиков в тех группах, к которым у них нет доступа.
Узнать больше
Применение
Button можно закрепить на поверхности или носить с собой.
Как закрепить Button
Для крепления на поверхности (например, под столом) используйте Holder.
Чтобы установить кнопку в крепление:
- Выберите место для установки крепления.
- Протестируйте, доходят ли команды от Button на хаб, нажав на кнопку. Если нет — выберите другое место размещения кнопки или используйте ретранслятор радиосигнала.
При подключении Button через ретранслятор радиосигнала учитывайте, что кнопка не переключается автоматически между ретранслятором и хабом. Назначить кнопку хабу или другому ретранслятору можно в приложении Ajax.
- Закрепите Holder на поверхности при помощи комплектных шурупов или двустороннего скотча.
- Вставьте кнопку в крепление.
Учитывайте, что крепление Holder не идёт в комплекте с устройством.
Как носить Button c собой
Кнопку удобно носить при себе благодаря специальному отверстию на корпусе. Её можно повесить на запястье или на шею, а также повесить на кольцо от связки ключей.
Button имеет степень защиты IP55. Это значит, что корпус устройства защищен от пыли и брызг. А утопленные в корпус тугие кнопки и программная защита исключают случайные нажатия.
Обслуживание
Очищайте корпус кнопки от пыли, паутины и других загрязнений по мере их появления. Используйте мягкую сухую салфетку, пригодную для ухода за техникой. Не используйте для очистки Button вещества, содержащие спирт, ацетон, бензин и другие активные растворители.
Предустановленная батарея обеспечивает до 5 лет работы Button при обычной частоте использования — одно нажатие в день. При более частом использовании срок работы от батареи может уменьшиться. Проверить уровень заряда батареи можно в приложении Ajax в состояниях Button.
Предустановленная батарея чувствительна к низким температурам и при значительном охлаждении индикатор заряда батареи в приложении может показать некорректные значения, пока кнопка не нагреется.
Значение уровня заряда обновляется при каждом нажатии на кнопку.
При разряде батареи пользователь получит уведомление в приложении Ajax, а светодиод будет плавно загораться и гаснуть красным при нажатии.
Изделия должны храниться в упаковке при температуре воздуха от 0 градусов Цельсия до плюс 40 градусов Цельсия и относительной влажности воздуха не более 75 процентов. В помещениях для хранения не должно быть агрессивных примесей (паров кислот, щелочей), вызывающих коррозию.
Технические характеристики
| Количество кнопок | 1 |
| Светодиодная подсветка, сообщающая о доставке команды | Есть |
| Защита от случайных нажатий | Есть, в режиме тревоги |
| Протокол радиосвязи |
Jeweller Узнать больше |
| Диапазон радиочастот | 866,0 – 866,5 МГц 868,0 – 868,6 МГц 868,7 – 869,2 МГц 905,0 – 926,5 МГц 915,85 – 926,5 МГц 921,0 – 922,0 МГц Зависит от региона продажи. |
| Совместимость | Работает только с хабами Ajax и ретрансляторами радиосигнала на OS Malevich 2.7.102 и выше |
| Максимальная мощность радиосигнала | До 20 мВт |
| Модуляция радиосигнала | GFSK |
| Дальность радиосигнала | До 1300 м (при отсутствии преград) |
| Питание | 1 батарея CR2032 |
| Срок работы от элемента питания | До 5 лет (зависит от частоты использования) |
| Класс защиты | IP55 |
| Диапазон рабочих температур | От -10°С до +40°С |
| Допустимая влажность | До 75% |
| Размеры | 47 × 35 × 13 мм |
| Вес | 16 г |
| Срок службы | 10 лет |
Соответствие стандартам
Комплектация
- Button
- Элемент питания CR2032 (предустановлен)
- Двухсторонняя клейкая лента
- Краткая инструкция
Гарантия
Гарантия на продукцию общества с ограниченной ответственностью «Аджакс Системс Манюфекчуринг» действует 2 года после покупки и не распространяется на комплектную батарею.
Если устройство работает некорректно, рекомендуем сначала обратиться в службу поддержки: в большинстве случаев технические вопросы могут быть решены удалённо.
Связаться с технической поддержкой:
- Telegram
- Номер телефона: 0 (800) 331 911
-
Contents
-
Table of Contents
-
Bookmarks
Quick Links
CybTouch
Series
User Manual
J
ANUARY
2020
for Shears
V4.0
Related Manuals for CYBELEC CybTouch Series
Summary of Contents for CYBELEC CybTouch Series
-
Page 1
CybTouch Series User Manual ANUARY 2020 for Shears V4.0… -
Page 2
© 2020 Cybelec S.A. All Rights Reserved Copying, reproduction, modification, distribution, display or transmission of any of the contents of this manual for any purpose without the prior consent of Cybelec S.A. is strictly prohibited. 1/39 2020 User Manual – CybTouch series… -
Page 3: Table Of Contents
CybTouch series – User Manual Table of Contents Safety …………………………….5 General Safety …………………………5 Signs and Icons appearing in this Manual ………………….6 General warning ……………………….6 Information …………………………6 Settings ……………………………6 Navigation …………………………6 Getting started with CybTouch……………………..7 General navigation ……………………….8 Menu Button …………………………8 Status Page Zone ……………………….8…
-
Page 4
CybTouch Series – User Manual Available functions on the Program page ………………..18 Extra Cutting Features ……………………..19 Optional features ……………………….21 Basic Parameters Page ……………………..23 Available parameters on the Basic page ………………..23 Creating a Part Program ………………………. 25 Basic Parameters ………………………. -
Page 5
CybTouch series – User Manual 4/39 2020 User Manual – CybTouch series V5.0… -
Page 6: Safety
CybTouch Series – User Manual AFETY ENERAL AFETY The users must have Read and Understood, but most of all must Respect the directives described in this manual. All people coming into contact with the machine on which the numerical control is installed,…
-
Page 7: Signs And Icons Appearing In This Manual
CybTouch series – User Manual IGNS AND CONS APPEARING IN THIS ANUAL While using this manual, you will come across the signs and icons represented here below: they are directly related to the safety and security of persons. Carefully follow this advice and inform others about it.
-
Page 8: Getting Started With Cybtouch
CybTouch Series – User Manual ETTING STARTED WITH OUCH Depending on software evolutions and the press brake controlled by the CybTouch (configuration/capabilities), the present manual may not fully correspond to the CybTouch that you currently have. However, differences are only minor.
-
Page 9: General Navigation
CybTouch series – User Manual ENERAL NAVIGATION Screen Cleaning button Add step or next step Status Pages Zone Menu button Menu Button The Menu button allows you to directly select (jump to) the desired screen. The content of the menu changes contextually.
-
Page 10: Status Page
CybTouch Series – User Manual TATUS PAGE The Status page shows the status of all inputs and outputs and axes positions of the NC. This feature is very useful during setup or during phone service with a machine installed in the field.
-
Page 11: Language
CybTouch series – User Manual To browse through the available languages, simply touch Language on the screen. Language Available languages are: • • • English. Français. Русский. • • • 中文. Italiano. Türkçe. • • • 台灣. Český. Nederlands. •…
-
Page 12: Materials
CybTouch Series – User Manual Touching Materials opens the Materials page, where the default characteristics for each Materials material can be changed, or a new material can be configured. This page may not be available, depending on the machine parameters’…
-
Page 13: Rflink
When activated, this function allows communication between the CybTouch and a laptop RFLink computer, onto which Cybelec’s RFLink dongle is plugged in. This function’s default status is off, and it is automatically reset to every time the NC is turned on.
-
Page 14: Touchscreen Calibration
CybTouch Series – User Manual As a tall operator will tend to touch higher than a smaller one on the screen, this function Touchscreen allows the calibration of the touch screen, and also makes sure that it is operating Calibration correctly.
-
Page 15: Manual Axes Movement
CybTouch series – User Manual ANUAL OVEMENT In the course of setting up a machine, it is sometimes necessary to be able to move the axes manually, for example when changing the tooling. This can be done on this page.
-
Page 16: Service Page
CybTouch Series – User Manual ERVICE (Menu Button) → Other menus → Service → Service Allows the operator to manually adjust the position of the back gauge (axis X). Set Axis This function must be used with utter care and only by experienced personnel. Wrong settings may mechanically damage the machine.
-
Page 17: Information
CybTouch series – User Manual Defrag The defragmentation function is made automatically and rearranges the memory space of the CybTouch. Upon request from a technician, it is however possible to do it manually from here. Simply follow the instructions given in the yellow pop-up window.
-
Page 18: Configuration Options
CybTouch Series – User Manual Touching this menu opens the following page, where one can find the computer’s Configuration identification and manage the machine’s options. options (Menu Button) → Other menus → Service → Service → Configuration options Serial number This is the serial number of the CybTouch.
-
Page 19: Basic
CybTouch series – User Manual ASIC ESCRIPTION ROGRAM Repeat sequence button (inactive here) Program number Material Material thickness Pump button (if configured) Back gauge button Add step or next step Back gauge position Current step (sequence) number Extra Cutting Features…
-
Page 20: Extra Cutting Features
CybTouch Series – User Manual Back-gauge button The back gauge can be activated/deactivates suing this icon. When activated, the Back-gauge position is displayed, allowing the operator to program it according to his needs. Pressing two seconds will enable the relative positioning. A first absolute sequence must be programmed before.
-
Page 21
CybTouch series – User Manual Cutting offset This parameter allows the operator to enter an offset for the cut. When activated, it is used in conjunction with the cutting length to determine the This function is only available on adjustable angle shears. -
Page 22: Optional Features
CybTouch Series – User Manual The bottom of the Program Page can be populated by a number of different icons, depending Optional features on the configuration and type of the machine. Hereafter is a list of the available optional features.
-
Page 23
CybTouch series – User Manual Anti-twist The anti-twist function can be activated/deactivated using this button. This is a sequence function that can be individually used or adjusted for each step of the program. When activating the function, the button turns to green and a numerical pad is display, where the operator must enter the required anti-twist pressure (as a percentage of the maximum pressure allowed). -
Page 24: Basic Parameters Page
CybTouch Series – User Manual ASIC ARAMETERS Program Page → Go to Program Page Material thickness Material Blade gap Back gauge retractation The Basic Parameters page is the first page displayed when creating a new program (see Creating a Part…
-
Page 25
CybTouch series – User Manual Material thickness The default thickness, defined in Materials, is automatically displayed when changing material. It is however possible to change it simply by touching this icon. If on the other hand, the parameter Predefined thickn. -
Page 26: Creating A Part Program
CybTouch Series – User Manual REATING A ROGRAM A program is a succession sequences (cuts) that should be executed one after the other in order to obtain a complete part. A program can contain up to 24 sequences and can be stored in the memory for later use.
-
Page 27: Next-Part Function
CybTouch series – User Manual If necessary, program any of the desired Extra Cutting Features available. Add the next cut to the program by touching Proceed in the same manner to create the other sequence of the program. 10. Go to the desired step touching the Current step (sequence) number or using this or this button.
-
Page 28: Cycles And Quantities
CybTouch Series – User Manual ETTING NSTRUCTIONS To activate the Next-Part function, touch the Program number (e.g. P1) and keep it pressed until the following numerical pad is displayed. Enter the number of the program that must be executed at the end of the current one.
-
Page 29: Managing Programs
CybTouch series – User Manual ANAGING ROGRAMS AVING A ROGRAM After creating a program, an operator can save the program in order to use it again: Touch the Program number (e.g. P0). Touch Save program. Enter the number you wish to give to the program (e.g.
-
Page 30: Easycut Page
CybTouch Series – User Manual (Menu Button) → EasyCut The EasyCut page is used for individual cuts, for example when an external worker needs to interrupt production just to make a single cut. The program currently being used for production is only temporarily interrupted…
-
Page 31: Error And Warning Messages
CybTouch series – User Manual RROR AND ARNING ESSAGES Following is a list of warning and error messages which may be displayed on the interactive message line of the CybTouch. There are two types of messages: • Warning Messages, which are displayed on a green background.
-
Page 32
CybTouch Series – User Manual ESSAGE ESCRIPTION Eco mode This message appears when the Eco mode starts, after the timer defined in the machine parameters is over. Press footswitch to move down Empty field Operator did not enter a value. -
Page 33
CybTouch series – User Manual ESSAGE ESCRIPTION Enter new password These messages are displayed when changing passwords. Confirm new password Enter password for backup This message is displayed when trying to create a backup. Enter password for restore This message is displayed when trying to restore a backup. -
Page 34: Error Messages
This file is corrupt and cannot be saved. Try to restart the NC. If the problem persists, format the memory. Write to file problem A file is missing, and the code indicates which one. Call Cybelec with this code to know which file is missing. X smaller than minimum limit This file is corrupt and cannot be saved.
-
Page 35
CybTouch series – User Manual ESSAGE ESCRIPTION Cycle repeat = 0 Cannot start cycle because repeat cycle function is set to “0”. No material defined (define one No materials programmed in the Material pages (in User or more in MP) preferences). -
Page 36
CybTouch Series – User Manual ESSAGE ESCRIPTION Configuration error Input/output incorrectly configured in machine parameters; the error input/output page is displayed. Check for unauthorized doubled output or inputs. This message can also be displayed if the chosen configuration requires more icons on the first page than their room available. -
Page 37
CybTouch series – User Manual ESSAGE ESCRIPTION X axis is not configured RTS is configured in machine parameters, while X axis is not configured. X axis must be configured for the RTS function to be available. Fw Axes Error 33 [Maximum Same message as E58. -
Page 38
CybTouch Series – User Manual ESSAGE ESCRIPTION This message appears when the corresponding inputs for the sheet Sheet support digital inputs support have not been configured. (C1,C2,C3) This message appears when the corresponding outputs for the sheet Sheet support digital outputs support have not been configured. -
Page 39: Resources
CybTouch series – User Manual ESOURCES UTORIALS IDEOS Please subscribe to our YouTube channel to have our latest videos and tutorials. https://www.youtube.com/channel/UCLBu-RxCGGf_epuHtMwoAcQ Don’t forget to click on the ring bell button to stay in touch! Your feedback is very important for us in order to improve our equipment.
-
Page 40
CybTouch Series – User Manual 39/39 2020 User Manual – CybTouch series V5.0…
- Кнопки должны выглядеть как кнопки
- Размещайте кнопки там, где пользователи ожидают их найти
- Текст на кнопке должен отражать её основную функцию
- Уделите особое внимание размеру кнопок
- Уделите внимание расположению кнопок
- Не злоупотребляйте количеством кнопок
- Сделайте визуальный или аудиофидбек после взаимодействия
Кнопки должны выглядеть как кнопки
Любому человеку должно быть сразу понятно, что кликабельно, а что нет. Пользователь тратит время, чтобы расшифровать значение каждого элемента интерфейса. Как правило, чем больше времени на это уходит, тем реже он будет пользоваться вашим интерфейсом.
Как пользователи понимают, какой из элементов является интерактивным, а какой нет? Они используют предыдущий опыт и визуальные подсказки. Вот почему так важно делать кнопки правильного размера, формы и цвета. У пользователя не должно возникать сомнения, что данный элемент обозначает кнопку. Визуальные подсказки содержат важнейший смысл — они помогают сделать интерфейс доступным для понимания.
К сожалению, во многих интерфейсах такие подсказки не совсем понятны и требуют определенных усилий по распознаванию.
Если взаимодействие с интерфейсом вызывает у пользователей сложности, они не понимают, что кликабельно, а что нет, то не важно, насколько классный у вас дизайн. Интерфейс будет раздражать и в конечном итоге оттолкнет от себя пользователей.
Другая серьезная проблема — неэффективные визуальные подсказки в мобильных интерфейсах. На компьютере пользователь может навести курсор на любой элемент интерфейса, чтобы понять, интерактивный он или нет. На мобильных устройствах такой возможности нет, поэтому, чтобы понять, является ли элемент интерактивным, пользователям нужно кликнуть на него.
Не думайте, что в вашем интерфейсе все очевидно
В некоторых случаях дизайнеры заведомо никак не обозначают кнопки как интерактивные элементы, предполагая, что пользователи сами об этом догадаются. Работая над интерфейсом, всегда держите в голове следующее правило:
Ваша способность распозновать кликабельные элементы интерфейса не такая же, как у ваших пользователей. Вы знаете, для чего нужен каждый элемент вашего дизайна, а они — нет.
Используйте легко узнаваемый дизайн для кнопок
Ниже приведены примеры кнопок, знакомые большинству пользователей.
- Кнопка с фоновой заливкой с острыми углами
- Кнопка с фоновой заливкой с закругленными углами
- Кнопка с фоновой заливкой с тенью
- Контурная, прозрачная кнопка
Не забывайте о пространстве
Важен не только внешний вид кнопки. Пространство вокруг кнопки может упростить или усложнить взаимодействие. Посмотрите на пример ниже: некоторые пользователи могут перепутать прозрачную кнопку с информационной рамкой.
Размещайте кнопки там, где пользователи ожидают их найти
Кнопки должны быть там, где их легко найти или где их ожидает увидеть пользователь. Не заставляйте ваших пользователей искать кнопки, иначе никто так и не узнает про их существование.
Как можно чаще используйте привычные для пользователей лейауты и UI-паттерны
Привычное размещение кнопок упрощает пользовательский путь. Используйте стандартные лейауты, чтобы пользователи понимали назначение каждого элемента интерфейса даже без специальных подсказок. Сочетание стандартных лейаутов, чистого визуального дизайна и достаточного пространства в интерфейсе делает интерфейс более понятным.
Не играйте с пользователями в игру «найди кнопку».
Совет: Протестируйте ваш дизайн. Пользователям, которые заходят на вашу страницу, должно быть с первого раза понятно, где находится нужная им кнопка.
Текст на кнопке должен отражать её основную функцию
Кнопки с обобщенным или некорректным названием могут запутать ваших пользователей. Пишите на кнопках только то, что они действительно делают. В идеале название должно полностью отображать функцию кнопки.
Пользователи должны понимать, что произойдет, если они кликнут на ту или иную кнопку. Простой пример: представьте, что вы случайно активировали функцию удаления и на экране появилось сообщение, как на картинке ниже.
Непонятно, что обозначают кнопки «OK» и «ОТМЕНИТЬ». Большинство пользователей задумаются: «Что же все таки произойдет, если я нажму на кнопку «ОТМЕНИТЬ»»?
Не делайте так, чтобы модальное окно состояло только из двух опций: «OK» или «ОТМЕНИТЬ».
Вместо кнопки «OK» лучше использовать кнопку «УДАЛИТЬ». Так пользователям будет понятно, что делает кнопка. Если удаление является потенциально опасным действием, кнопку можно сделать красной, чтобы предупредить пользователей.
Уделите особое внимание размеру кнопок
Размер кнопок должен отображать важность элементов, размещенных на экране. Чем больше кнопка, тем важнее должно быть действие, которое она выполняет.
Определите, какие кнопки важные, а какие нет
Сделайте так, чтобы самая важная кнопка выглядела самой важной. Она должна выделяться. Увеличьте её размер (чем больше кнопка, тем важнее она выглядит) и используйте контрастный цвет, чтобы привлечь внимание пользователей.
Создавайте кнопки удобные для касания
Во многих мобильный приложениях кнопки недостаточно большие. Это приводит к тому, что пользователи не могут ими воспользоваться.
В MIT Touch Lab (Массачусетский технологический институт) провели исследование, которое показало, что площадь подушечки пальца среднестатистического человека составляет 10-14 мм, а площадь кончика пальца составляет 8-10 мм. То есть, оптимальный размер кнопки — 10х10 мм.
Уделите внимание расположению кнопок
Расположение кнопок должно отображать диалог между пользователем и интерфейсом. Подумайте, в какой последовательности пользователи будут взаимодействовать с интерфейсом, и расположите кнопки соответственно.
Не делайте так, чтобы модальное окно состояло только Интерфейс — это диалог с вашими пользователями.
Например, как разместить кнопки «Назад» и «Вперед»? Логично было бы предположить, что кнопка «Вперед» должна располагаться справа, а кнопка «Назад» — слева.
Не злоупотребляйте количеством кнопок
Данная проблема является типичной для многих приложений и сайтов. Когда вы предоставляете слишком много вариантов, пользователи не выбирают ни один из них. При дизайне продумайте, на какие действия вы хотите сподвигнуть пользователей.
Сделайте визуальный или аудиофидбек после взаимодействия
Кликая или нажимая на кнопку, пользователи ожидают получить обратную связь. В зависимости от типа операции, это может быть визуальный или аудиофидбэк. Когда его нет, пользователи могут решить, что система не получила запрос, и будут снова и снова нажимать на кнопку. Это затруднит пользовательский опыт.
Почему это происходит? Для людей свойственно получать обратную связь после взаимодействия с каким-то объектом. Она может быть визуальной, аудио или тактильной. Нам важно получать подтверждение нашим действиям.
Для некоторых операции, например, для загрузки, стоит не только подтвердить действие пользователя, но и предоставить ему возможность отслеживать результат этого действия.
Несмотря на то, что кнопки являются базовым элементом дизайна, к их разработке стоит подойти с особым вниманием. Кнопки всегда должны быть понятными и наглядными.