Кебаб‑меню (Kebab menu)

Кебаб‑меню — это перечень действий с объектом. Обычно реализуется как кнопка с тремя вертикально расположенными точками, по клику на которую открывается список команд. Название — это метафора, точки напоминают люля-кебаб, отсюда и «кебаб». Чаще всего используется для второстепенных или контекстных действий, не требующих мгновенной видимости.

Нажал на точки — выпал список: «Поделиться», «Редактировать», «Удалить», «Скопировать ссылку» и т. п. Выбрал нужное — список закрылся. Иногда кебаб открывает не просто список, а подменю, но чаще это компактный набор команд.

Где его ставят и почему это удобно

Кебаб любят ставить там, где хочется держать интерфейс чистым, но при этом не убирать полезные действия совсем. Это такой «карманный набор опций» не мелькает перед глазами, но всегда под рукой.

Типичные случаи, когда кебаб реально выручает:

Карточки и списки. В каталоге товаров, ленте статей, таблице задач кебаб вешают прямо на карточку или строку. Так не нужно растягивать строку ради кнопок «Редактировать» и «Удалить» — всё прячется в трёх точках.
Контекстные действия. Когда действие относится именно к этому элементу (не к странице целиком), кебаб показывает, что это «управление этим конкретным пунктом».
Экономия места в таблицах и дашбордах. В узких колонках нет места для кнопок, а три точки занимают минимум пространства и сразу дают доступ ко всем нужным командам.
Мобильные интерфейсы. На маленьком экране кебаб помогает не раздувать интерфейс. Основные действия — на видных местах, второстепенные — в меню.

Плюсы: почему дизайнеры его используют

Тут всё про - аккуратность и фокус:

Экономит место. Три точки занимают гораздо меньше пространства, чем отдельные кнопки.
Не отвлекает. Пользователь видит главное (контент, CTA), а дополнительные действия спрятаны, но доступны.
Понятная группировка. Все «второстепенные» действия собраны в одном месте — не нужно искать их по разным углам.
Масштабируется. Можно добавить ещё пару команд — снаружи ничего не меняется, внутри просто станет на пару пунктов больше.

Минусы: где кебаб может всё испортить

И тут важно не прятать то, что нужно часто:

Скрытые важные действия. Если пользователь регулярно нажимает «Удалить» или «Редактировать», лучше вынести эти кнопки отдельно — иначе каждый раз придётся делать лишний клик.
Не все сразу понимают, что это меню. Для новичков три точки могут быть неочевидны: кто‑то не догадывается нажать, потому что не знает, что там есть опции.
Плохая доступность на мобильных. Если точки слишком мелкие или без отступов, по ним сложно попасть пальцем.

Частые ошибки

Вот что чаще всего делают не так:

Прячут самые частые действия. Если «Поделиться» или «Скачать» нажимают в 80 % случаев, не надо прятать это в кебаб — пусть будет отдельной кнопкой.
Слишком много пунктов внутри. Если в меню больше 5–7 команд, пользователю сложно быстро найти нужное. Лучше разбить на более понятные группы или вынести главное наружу.
Мелкие или плохо контрастные точки. Если их не видно или по ним трудно попасть, люди просто не пользуются меню.
Нет понятных подписей. Иногда пункты в списке звучат абстрактно («Настройки», «Опции») — лучше писать конкретнее: «Редактировать карточку», «Удалить строку», «Скопировать ID».