Никита!

Я обожаю горячие клавиши на сайтах и в веб‑приложениях: обычным пользователям они не мешают, а продвинутым экономят время. Чтобы от них была польза, горячие клавиши должны быть предсказуемыми, последовательными и на виду.

Во‑первых, горячие клавиши должны быть предсказуемыми и использовать те же модификаторы, что и горячие клавиши в операционной системе. Будет очень странно и неудобно, если на Маке выделенный текст будет превращаться в жирный по нажатию Ctrl + O, а не ⌘ + B.

Во‑вторых, горячие клавиши должны быть последовательными, следовать уже принятым в популярных приложениях клавиатурным сочетаниям:

  • Ctrl (⌘) + C/V/X, чтобы скопировать, вставить или вырезать сущность;

  • Ctrl (⌘) + A, чтобы выбрать все сущности;

  • Ctrl (⌘) + Z, чтобы отменить предыдущее действие;

  • Ctrl (⌘) + B/I/U, чтобы сделать выделенный текст жирным, курсивом или подчёркнутым;

  • ?, чтобы показать список горячих клавиш;

  • /, чтобы перейти в поле с поиском;

  • ↑/↓ и j/k, чтобы передвигаться вверх‑вниз между сущностями;

  • g <X>, чтобы перейти к разделу сайта;

  • Esc, чтобы закрыть попап;

  • Ctrl (⌘) + Enter, чтобы отправить форму.

В‑третьих, пользователю нужно как‑то подсказать горячие клавиши. Обычно это делают отдельным «слоем» по нажатию ?:

Гитхаб
Гугль‑почта
Фейсбук
Твитер
Яндекс.Почта

Или подсказками в интерфейсе:

Фигма
Книги бюро
Гугль‑доки
Бейскемп

Ещё по теме

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

Веб‑разработка
Отправить
Поделиться
Запинить

Рекомендуем другие советы