EN
asakasinsky
asakasinsky
13 октября 2014

Доброго времени суток.
Где можно посмотреть UI Elements Naming Convention (соглашение как называть тот или иной контрол графического интерфейса), используемый в Яндексе?

tadatuta
#tadatuta
13 октября 2014

Если я правильно понял вопрос, предлагаю посмотреть на названия блоков в bem-components. Там пока не представлены modal (всплывающее окно, которое блокирует станицу, пока пользователь не отреагирует), slider (контрол с бегунком, не карусель), tabs и tumbler (переключатель вкл/выкл), остальные, вроде, все присутствуют.

asakasinsky
#asakasinsky
14 октября 2014

Спасибо, Владимир.

Hypnosphi
#Hypnosphi
13 сентября 2017

и tumbler (переключатель вкл/выкл)

Есть ли что-то, что мешает его включить?

tadatuta
#tadatuta
13 сентября 2017

@Hypnosphi на текущий момент мешает мнение дизайнеров, что он не очень-то удобен.

zxqfox
#zxqfox
16 сентября 2017

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

Hypnosphi
#Hypnosphi
16 сентября 2017

Tumbler это метафора механического включения-выключения. Мой юскейс это список агентов на CI сервере. Администратор может включать и выключать агенты, простой пользователь может видеть само состояние (включён или выключен). Если поставить там чекбоксы, будет казаться, что мы выбираем элементы, к которым потом применим какое-то общее действие (как в почте, например)

zxqfox
#zxqfox
16 сентября 2017

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

Hypnosphi
#Hypnosphi
16 сентября 2017

Ок, я просто помню, что у Яндекса есть решение для disabled тумблера, хотел показать людям, а не могу =( Может, в каком-то из сервисов можно найти использование?

zxqfox
#zxqfox
16 сентября 2017

Какой-то такой?
image image

zxqfox
#zxqfox
16 сентября 2017

Ну либо такой :-):
image image

Hypnosphi
#Hypnosphi
16 сентября 2017

Спасибо! А как выглядит второй (сине-серый) вариант в выключенном состоянии?

zxqfox
#zxqfox
16 сентября 2017

Примерно так:
image
колесо просто катается влево-вправо, можно сделать через transition.

Отключенное состояние, в целом, недружелюбно и среди дизайнеров часто бытует мнение, что его не надо использовать. Лучше убирать контрол или при попытке взаимодействия с ним сообщать, что невозможно это сделать по такой-то причине. Часто бывает просто непонятно почему контрол отключен и это мешает взаимодействию с UI и портит UX.

upd:
https://axesslab.com/disabled-buttons-suck/
https://medium.com/@DanielKoster/disabled-buttons-dont-have-to-suck-6dcd22b16b6