Съедобные названия то и дело проскальзывают в интерфейсах — и мы их даже не замечаем! Сегодня — два блюда из этого меню, которые вы наверняка уже пробовали. Присаживайтесь, будет вкусно. 🍴 ​ 🍔 Бургер: обед в одной кнопке ​ Три параллельные полоски. Верхняя булочка, котлета, нижняя булочка. Иконка, которую сегодня узнает любой, кто хотя бы раз держал в руках смартфон. ​ А появилась она задолго до эры мобильного интернета. Её придумал Норм Кокс в 1981 году. Задача стояла минималистично: нужна была иконка, которая поместится в крошечном разрешении экрана, будет читаться мгновенно и не потребует подписи. Кокс выбрал просто «список» — три линии друг над другом. Но что-то в этих линиях неуловимо напоминало бургер, и пользователи почти сразу прозвали иконку «бургером». ​ 📌 Прозвище прижилось так крепко, что официальное название hamburger menu со временем вытеснило из документации все остальные варианты. ​ Дальше была пауза. Долгая, почти в тридцать лет. Бургер тихо жил в системных меню, в почтовых клиентах, в настройках софта — и не лез на главные роли. А потом случился смартфон. ​ Где-то между 2010 и 2012 годом экраны внезапно стали слишком маленькими для классической горизонтальной навигации. Все ссылки, которые раньше спокойно выстраивались в ряд на десктопе, перестали помещаться в одну строку. Дизайнеры посмотрели на старый список из трёх полосок и облегчённо выдохнули: ну конечно, это же уже придумано. И бургер триумфально вернулся. ​ 💫 Когда бургер только набирал популярность, его критиковали все, кто мог. Проводились исследования с цифрами, писались гневные статьи, появлялись гибридные иконки с подписью «Меню» рядом. Самый громкий аргумент: бургер прячет важное, и пользователи не дотягиваются. ​ А потом случилось нечто более любопытное. Бургер просто выучили. Поколения пользователей, выросших с сенсорными экранами, привыкли к нему. Иконка вошла в визуальный словарь человечества — вместе со стрелкой «назад», лупой поиска и шестерёнкой настроек. ​ 🍞 Хлебные крошки: тропинка, которую не съедают ​ А вот хлебные крошки — это совсем другая история. ​ Гензель и Гретель — дети из сказки, которых родители завели в лес, чтобы не кормить в голодный год. Гензель, почуяв неладное, набил карманы белыми камешками и по дороге бросал их, чтобы по ним вернуться домой. Камешков хватило на первую попытку. На вторую дверь закрыли, карманы оказались пустыми, и мальчик рассыпал хлебные крошки — но их склевали птицы. Тропинка пропала, и дальше началась история про пряничный домик и ведьму. ​ Парадокс в том, что именно неудачный вариант — крошки, которые не сработали, — и дал имя одному из самых удобных паттернов навигации в вебе. ​ Что они делают на сайте? Подсказывают, где вы находитесь. Маленькая цепочка в верхней части страницы: «Главная → Каталог → Диваны → Угловые → Тканевые». Каждое звено кликабельно, кроме последнего — потому что последнее говорит: «вы здесь». Просто, элегантно, почти не занимает места. ​ В этом смысле крошки похожи на хорошие уличные вывески — заметные ровно настолько, чтобы помочь, и незаметные настолько, чтобы не мешать. ​ 🍪 Пара слов о куках ​ Не упомянуть куки в разговоре о съедобном вебе было бы нечестно. Те самые маленькие файлы, которые сайт оставляет в вашем браузере, — это тоже еда. По-английски так и есть: cookie — печенье. Ироничная метафора: маленькое угощение, которое вам дают «на дорожку», чтобы запомнить. О куках мы уже подробно говорили в прошлой статье — так что возвращаться не буду. Пусть побудут на столе, как щепотка соли, которую поставили рядом, но трогать пока не просили. ​ 💘 Что в итоге. Один из наших сегодняшних героев родился в лаборатории в 1981-м. Другой — в детской сказке, где он как раз и не сработал. То есть оба пришли в веб не из веба — но прижились здесь на удивление естественно. ​ И теперь, как ни странно, именно они каждый день помогают миллионам людей находить нужное: один — раскрыть меню и не потеряться в разделах, другой — понять, где ты находишься и как вернуться на шаг назад. Маленькие, незаметные, со своей историей — а без них современный сайт чувствовался бы совсем иначе. ​ ​