TGViewer
UX Notes UX Notes @uxnotes · 23.7K subscribers
Post #948 5.14K
Майкл Виллар написал о контекстных меню.

— Они открываются нажатием на правую кнопку мыши (чаще всего) или кнопку контекстного меню;
— Если есть место, левый верхний угол меню располагается под курсором или кнопкой контекстного меню. Если места снизу нет, меню можно отобразить над ними или сместить;
— При отображении меню полезно выделять объект, с которым оно связано. Будет понятно, в отношении чего будет выполнено то или иное действие;
— Добавьте возможность перейти к пункту меню, напечатав начало или часть его названия. Обычно в этом случае выделяется первый подходящий пункт;
— Добавьте навигацию по пунктам с помощью клавиш «Вверх», «Вниз», «Влево» (закрыть подменю), «Вправо» (открыть подменю), «Ввод» (выбрать пункт), Esc (закрыть меню);
— Можно закольцевать переход между пунктами, чтобы нажатие «Вниз» позволяло переходить от последнего пункта к первому;
— Если пользователь выбрал пункт, перед закрытием меню полезно показывать обратную связь о том, что пункт был выбран, а не просто меню закрылось. В macOS выбранный пункт мигает;
— Группируйте похожие или связанные друг с другом пункты;
— Отключайте недоступные пункты. Так меню будут выглядеть одинаково, и пользователи будут знать, что действие возможно в другом контексте;
— Отображайте сочетания клавиш для пунктов;
— Добавляйте «…» к названию пункта, если после его выбора пользователю придётся вводить данные;
— Анимация появления и скрытия контекстного меню и его подменю может снизить скорость работы с ним;
— Используйте «безопасный треугольник», чтобы подменю не скрывалось, пока пользователь ведёт к нему курсор от связанного пункта меню.
UXPUB 🇺🇦 Дизайн-спільнота Подробное руководство по созданию интуитивно понятных контекстных меню Контекстные меню существовали десятилетиями, задолго до появления Интернета. Это широко известная...
  • 👍 20
More from @uxnotes
  1. Oct 2, 2026Сархан Громов написал о проблеме связи брендинга и интерфейса. Фирменные приёмы могут отли…
  2. Oct 1, 2026Post #1813
  3. Sep 30, 2026Александр Краснобаев написал об а/б-тестах на малом трафике. • Нельзя выбирать один из вар…
  4. Sep 27, 2026Елена Плинер написала о юзерфлоу. — User flow — это блок-схема пользовательского пути в ра…
  5. Sep 23, 2026Ночной UX — цифровая вечеринка от Сбера Необычные решения, творчество и ошибки делают нас…
  6. Sep 17, 2026Анастасия Ефанова написала, как сокращение количества пушей в 2,5 раза повысило конверсию…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →