Доброго времени суток. Где можно посмотреть UI Elements Naming Convention (соглашение как называть тот или иной контрол графического интерфейса), используемый в Яндексе?
Форум /
Доброго времени суток. Где можно посмотреть UI Elements Naming Convention (соглашение как называть тот или иной контрол графического интерфейса), используемый в Яндексе?
Если я правильно понял вопрос, предлагаю посмотреть на названия блоков в bem-components. Там пока не представлены
modal(всплывающее окно, которое блокирует станицу, пока пользователь не отреагирует),slider(контрол с бегунком, не карусель), tabs и tumbler (переключатель вкл/выкл), остальные, вроде, все присутствуют.Спасибо, Владимир.
Есть ли что-то, что мешает его включить?
@Hypnosphi на текущий момент мешает мнение дизайнеров, что он не очень-то удобен.
Tumbler по смыслу ничем от checkbox не отличается. По внешнему виду — можно расценивать как тема для чекбокса, мб с дополнительным лейблом (?). По управлению — возможно, клавиши влево-вправо должны включать-выключать его, но тоже не обязательно. Так что не такая уж большая потеря.
Tumbler это метафора механического включения-выключения. Мой юскейс это список агентов на CI сервере. Администратор может включать и выключать агенты, простой пользователь может видеть само состояние (включён или выключен). Если поставить там чекбоксы, будет казаться, что мы выбираем элементы, к которым потом применим какое-то общее действие (как в почте, например)
Мой поинт в том, что можно навесить небольшое кол-во css на checkbox и дешево получить тумблер. С семантикой включения-выключения согласен)
Ок, я просто помню, что у Яндекса есть решение для disabled тумблера, хотел показать людям, а не могу =( Может, в каком-то из сервисов можно найти использование?
Какой-то такой?
Ну либо такой :-):
Спасибо! А как выглядит второй (сине-серый) вариант в выключенном состоянии?
Примерно так:
колесо просто катается влево-вправо, можно сделать через transition.
Отключенное состояние, в целом, недружелюбно и среди дизайнеров часто бытует мнение, что его не надо использовать. Лучше убирать контрол или при попытке взаимодействия с ним сообщать, что невозможно это сделать по такой-то причине. Часто бывает просто непонятно почему контрол отключен и это мешает взаимодействию с UI и портит UX.
upd: https://axesslab.com/disabled-buttons-suck/ https://medium.com/@DanielKoster/disabled-buttons-dont-have-to-suck-6dcd22b16b6