Отзывчивость интерфейса: движение, подсказки, меню и цели нажатия

Что это

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

Как пользоваться

Боковая панель открывается и закрывается одним плавным движением; пока она сужается, названия и пункты в ней сжимаются вместе с ней и обрезаются многоточием, полное название — в подсказке.
Окна таблицы (подтверждения, формат чисел, импорт, доступ, печать, сочетания клавиш и другие) проявляются и так же плавно уходят — после Escape, щелчка по затемнению или кнопки закрытия.
На телефоне окно таблицы — шторка снизу. Потяните её за полоску сверху: шторка идёт за пальцем, затемнение светлеет. Отпустите дальше четверти высоты или смахните резко вниз — закроется; иначе вернётся на место.
Подсказки. Задержите курсор на кнопке-значке — через полсекунды появится подпись; уберите курсор — исчезнет сразу. При переходе по кнопкам клавишей Tab подсказка появляется сразу и не гаснет от стоящей рядом мыши — только если навести курсор на другую кнопку. На телефоне и планшете — долгое касание: подсказка появится, а кнопка в этот раз не сработает. Escape, прокрутка или любое нажатие убирают подсказку.
Меню таблицы (правая кнопка мыши) и меню на панели таблицы открываются и закрываются мгновенно. Подменю раскрывается сразу при наведении; открыто всегда одно — наведение на соседний пункт закрывает его. Выбор пункта закрывает меню сразу.
На телефоне и планшете меню таблицы открывается долгим нажатием (полсекунды) на ячейке. В нём есть «Ширина колонок» и «Высота строк» — так проще, чем тянуть узкие границы пальцем.
Списки выбора в окнах и настройках открываются в оформлении приложения и следуют светлой или тёмной теме. В числовых полях нет стрелок — число вводится с клавиатуры. Экранный диктор на списках масштаба и шрифта в книге называет текущее значение и название списка. Флажок нажимается вместе с подписью; на телефоне и под пальцем поле нажатия вокруг него крупное.
Меню «Профиль» сверху показывает вас и пространство одним блоком: имя, под ним — пространство, роль и тариф. Если пространств два и больше, наведите курсор или нажмите на этот блок — сбоку откроется список «Пространства»; выберите нужное, страница перечитается. При одном пространстве списка нет.
Хотите меньше движения — «Настройки» → «Внешний вид» → «Анимации», флажок «Без анимаций». Системная настройка «уменьшить движение» действует так же.

Ограничения

Подсказка появляется через 500 мс, карточка ячейки таблицы — через 700 мс; гаснут сразу.
Полный текст названия (таблицы, чата, пункта меню) показывается подсказкой, только когда название обрезано многоточием.
Шторка за пальцем — только на телефоне (экран до 767 px); на компьютере окно остаётся окном.
Долгое нажатие для меню таблицы — только пальцем; мышью меню открывается правой кнопкой.
Поиск внутри списка выбора появляется, когда вариантов больше 20 (например, колонки при сортировке).

Если что-то пошло не так

Что видно на экране	Почему	Что сделать
Подсказка не появилась	Курсор ушёл раньше полсекунды или название и так видно целиком	Задержите курсор; на телефоне — долгое касание
После долгого касания кнопка не сработала	Долгое касание показало подсказку вместо нажатия	Коснитесь кнопки ещё раз коротко
Шторка вернулась на место	Протянули меньше четверти высоты и медленно	Протяните дальше или смахните резко
«Доступ к этому пространству закрыт» в списке «Пространства»	Вас убрали из пространства или доступ закрыт	Выберите другое пространство; при ошибке — обратитесь к владельцу пространства
«Не удалось переключиться»	Сбой сети или сервера	Повторите выбор позже
Анимаций нет совсем	Включено «Без анимаций» или системное «уменьшить движение»	Снимите флажок в «Внешний вид» → «Анимации»