Топ 5 вкусных элементов в UX/UI дизайне

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

Бургер-меню — это иконка, состоящая из трех параллельных горизонтальных линий, напоминающих булочку, котлету и еще одну булочку гамбургера. Именно это сходство и дало название элементу, который сегодня можно встретить на миллионах сайтов и в приложениях.

Иконка-бургер была придумана дизайнером Нормом Коксом еще в 1981 году для системы Xerox Star. По словам Кокса, он стремился создать простое, четкое и функционально запоминающееся изображение, которое было бы похоже на список.

Второе рождение элемент получил в конце 2000-х годов, когда начал активно использоваться в интерфейсах мобильных приложений. Особенную популярность он приобрел после интеграции в приложение Facebook для iPhone в 2010 году.

В дизайнерском сообществе не утихают дебаты о целесообразности использования бургер-меню:

Кебаб-меню (вертикальное меню-троеточие) представляет собой три вертикальные точки, напоминающие шашлык на шпажке. Этот элемент интерфейса содержит действия с объектом и используется для экономии пространства.

Митболы (meatballs) — это три горизонтально расположенных кружка равного размера, напоминающие фрикадельки. В отличие от кебаб-меню, митболы обычно используются для отображения нескольких опций, схожих по важности или функции.

Bento — тренд в дизайне интерфейсов, вдохновленный японскими бенто-коробочками с их гармоничным и упорядоченным расположением пищи. Подобно тому, как в бенто-коробке каждая секция отделяет блюда, сохраняя их уникальные качества, в дизайне этот подход позволяет организовать контент в визуально упорядоченные блоки.

Традиция бенто-коробочек зародилась в Японии еще в XIII веке, а сам термин «бэнто» происходит от слова «бэнтури», означающего «удобный» или «нечто, что легко носить с собой».

В современном дизайне импульсом для популяризации стиля стало его использование компанией Apple в 2021 году при демонстрации новых устройств своей экосистемы. Некоторые дизайнеры также связывают истоки стиля с компанией Microsoft, которая в 2012 году представила Windows 8 с плиточной системой, известной как Metro-дизайн.

Хлебные крошки (breadcrumbs) — это элемент навигации, который отображает маршрут от стартового элемента до места пребывания пользователя и позволяет легко вернуться к предыдущим разделам. Свое название они получили из сказки братьев Гримм «Гензель и Гретель», где герои использовали хлебные крошки, чтобы не забыть дорогу домой.

Хотите, чтобы ваш сайт стал настоящим цифровым рестораном с мишленовской звездой? Наша веб-студия специализируется на создании интерфейсов, которые не только красивы, но и функциональны. Мы приготовим для вашего бизнеса такой дизайн, от которого ваши клиенты не смогут отказаться!