8 основных советов по дизайну меню ресторана
Логотипы, веб-сайты и многое другое…
Логотипы, веб-сайты, обложки книг и многое другое…
Получить дизайн
Великолепный дизайн меню ресторана может улучшить впечатления от обеда, помочь клиентам сделать правильный выбор и стимулировать аппетит. Однако меню — это больше, чем просто список блюд, которые есть в ресторане; это мощная часть брендинга, способная передать индивидуальность ресторана и увеличить прибыль, если она хорошо разработана.
Для тех, кто сомневается в силе хорошего брендинга, обратите внимание на то, что говорят другие представители индустрии гостеприимства. Согласно недавнему опросу, проведенному компанией 99designs by Vista, большинство лидеров малого бизнеса в сфере гостеприимства (83%) говорят, что брендинг оказывает значительное влияние на их доход, при этом 87% и 93% сообщают, что он помогает привлекать новых клиентов и укреплять доверие. соответственно 1 .
Здесь мы обсудим несколько визуальных стратегий в дизайне меню, которые могут помочь увеличить размер прибыли для клиентов вашего ресторана.
1. Следите за шаблонами сканирования глаз
В течение многих лет рестораны разрабатывали свои меню, исходя из предположения, что глаза клиентов естественным образом притягиваются к «наилучшему месту» в верхнем правом углу и размещают там наиболее прибыльные продукты. . Однако новое исследование показывает, что клиенты, как правило, читают меню как книгу, начиная с верхнего левого угла.
2. Разделите меню на логические разделы
Упростите для клиентов поиск блюд, расположив их последовательно и в логические группы, начиная с закусок.
3. Используйте фотографии с осторожностью
Фотографии еды чаще всего ассоциируются с рекламными листовками и крупными сетевыми ресторанами, такими как Denny’s; не дорогие рестораны. Если вы используете фотографии, они должны быть очень высокого профессионального качества, что может быть дорогостоящим. В общем, качество еды лучше оставить на волю фантазии заказчика, потому что не всякая фуд-фотография понравится всем.
4. Рассмотрите возможность использования иллюстраций
Вместо фотографий попробуйте использовать иллюстрации — они, скорее всего, будут универсальными и помогут передать индивидуальность ресторана.
5. Не подчеркивайте знаки валюты
Не заставляйте клиентов чрезмерно осознавать, сколько они тратят. Исследования показали, что клиенты с большей вероятностью потратят больше, если знак валюты не указан.
6. Рассмотрите возможность использования коробок
Коробки привлекают внимание к группе пунктов меню и часто используются ресторанами для продвижения блюд с наибольшей прибылью, таких как макароны и другие продукты, содержащие углеводы.
7. Типографика
Эффективная типографика сообщит о бренде ресторана и сделает меню разборчивым. Выбор шрифта может зависеть от ряда практических факторов, таких как объем текста, необходимый для комфортного размещения на странице. Использование нескольких шрифтов — например, для различения названий и описаний пунктов меню — может помочь покупателям ориентироваться в меню.
8. Выберите подходящие цвета
Выберите цвета в зависимости от вашей целевой аудитории и тематики ресторана. Разные цвета оказывают разное психологическое воздействие на зрителя, поэтому ваша цветовая схема поможет создать настроение ресторана, а также привлечет внимание к определенным продуктам питания. Дизайн меню ресторана Maudie’s Tex Mex представляет собой свежий взгляд на теплую цветовую гамму, которая обычно ассоциируется с мексиканской кухней. в индустрии гостеприимства в Северной Америке, Великобритании, Австралии и Новой Зеландии.↩
Нужно меню, разработанное для вашего ресторана, кафе или бара?
Это могут сделать наши дизайнеры
Перекусить этим
Эта статья была первоначально опубликована в 2014 году. Она была дополнена новыми примерами и информацией.
15 рекомендаций по пользовательскому интерфейсу в помощь пользователям
Резюме: Как в приложениях, так и на веб-сайтах пользователи используют меню для поиска контента и использования функций.
Используйте этот контрольный список, чтобы убедиться, что ваши меню работают.
Автор: Кэтрин Уайттон
- Кэтрин Уайттон
на 2015-11-29 29 ноября 2015 г.
Темы:
меню, навигация, веб-юзабилити
- Навигация Навигация,
- Веб-юзабилити
Поделиться этой статьей:
Помощь пользователям в навигации должна быть приоритетной задачей практически для каждого веб-сайта и приложения. В конце концов, даже самая крутая функция или самый привлекательный контент бесполезны, если люди не могут их найти.
Определение : Меню навигации представляют собой списки категорий или функций контента, обычно представленные в виде набора ссылок или значков, сгруппированных вместе с визуальным стилем, отличным от остального дизайна.
Меню навигации включают в себя, помимо прочего, панели навигации и гамбургер-меню.
Меню настолько важны, что вы найдете их практически на каждом веб-сайте или в программе, с которой вы сталкиваетесь, но не все меню созданы одинаково. Слишком часто мы наблюдаем, как пользователи борются с меню, которое сбивает с толку, с которым трудно манипулировать или которое просто трудно найти.
Избегайте распространенных ошибок, следуя этим рекомендациям по использованию меню навигации:
Сделать видимым
- Не используйте крошечные меню (или значки меню) на больших экранах .
- Разместите меню в знакомых местах. Пользователи ожидают найти элементы пользовательского интерфейса там, где они видели их раньше на других сайтах или в приложениях (например, слева, в верхней части экрана). Заставьте эти ожидания работать на вас, разместив меню там, где люди ожидают их найти.
- Сделать ссылки меню интерактивными . Пользователи могут даже не понять, что это меню, если параметры не выглядят кликабельными (или нажимаемыми). Меню может показаться просто декоративными картинками или заголовками, если вы включаете слишком много графики или слишком строго придерживаетесь принципов плоского дизайна.
- Убедитесь, что ваши меню имеют достаточную визуальную значимость. Во многих случаях меню, расположенные в знакомых местах, не требуют большого окружающего белого пространства или насыщенности цвета, чтобы быть заметными.
Но если дизайн загроможден, меню без визуального акцента может легко потеряться в море графики, рекламных акций и заголовков, которые конкурируют за внимание зрителя. - Используйте цвета текста ссылки, которые контрастируют с цветом фона . Удивительно, как много дизайнеров игнорируют рекомендации по контрасту
Даже дизайнеры, знакомые со всеми этими рекомендациями, могут в конечном итоге создавать меню, которые пользователи упускают из виду, потому что очень сложно объективно оценить свою работу, особенно по субъективным критериям, например, видно ли что-то. Если вы знаете, где он находится (потому что вы его туда положили), то, конечно же, вы можете его увидеть! Вот почему так важно тестировать свои меню с пользователями.
Сообщить текущее местоположение
- Сообщите пользователям, «где» находится отображаемый в данный момент экран в параметрах меню
«Где я?» — один из основных вопросов, на который пользователи должны ответить, чтобы успешно ориентироваться. Пользователи полагаются на визуальные подсказки из меню (и других элементов навигации, таких как хлебные крошки), чтобы ответить на этот важный вопрос. Отсутствие указания текущего местоположения, вероятно, является самой распространенной ошибкой, которую мы видим в меню веб-сайтов. По иронии судьбы, эти меню больше всего нужны для ориентации пользователей, поскольку посетители часто не входят с главной страницы.
Меню координат с пользовательскими задачами
- Используйте понятные ярлыки ссылок . Выясните, что ищут пользователи, и используйте знакомые и актуальные ярлыки категорий. Меню , а не место, где можно стать милым с выдуманными словами и внутренним жаргоном. Придерживайтесь терминологии, которая четко описывает ваш контент и функции.
- Сделайте метки ссылок удобными для сканирования.
Вы можете сократить количество времени, которое пользователи должны тратить на чтение меню, выровняв вертикальные меню по левому краю и загрузив ключевые термины вперед. - Для крупных веб-сайтов используйте меню, чтобы пользователи могли предварительно просмотреть контент более низкого уровня . Если типичный путь пользователя включает в себя переход через несколько уровней, мегаменю (или традиционные выпадающие списки) могут сэкономить время пользователей, позволяя им пропустить уровень (или два).
- Предоставлять локальные навигационные меню для тесно связанного контента . Если люди часто хотят сравнить похожие продукты или выполнить несколько задач в одном разделе, сделайте эти соседние страницы видимыми с помощью локального меню навигации, а не заставляйте людей «прыгать» вверх и вниз по вашей иерархии.
- Использование визуальной коммуникации . Изображения, графика или цвета, которые помогают пользователям понять пункты меню, могут способствовать пониманию.
Но убедитесь, что изображения поддерживают пользовательские задачи (или, по крайней мере, не усложняют задачи).
Упростите управление
- Сделайте ссылки меню достаточно большими, чтобы их можно было легко нажать или щелкнуть . Ссылки, которые слишком малы или расположены слишком близко друг к другу, являются огромным источником разочарования для мобильных пользователей, а также делают дизайны для больших экранов неоправданно сложными в использовании.
- Убедитесь, что раскрывающиеся списки не слишком малы и не слишком велики . Слишком короткие раскрывающиеся списки, активируемые наведением, быстро вызывают разочарование, потому что они, как правило, исчезают, когда вы пытаетесь навести на них указатель мыши, чтобы щелкнуть ссылку. С другой стороны, слишком длинные вертикальные раскрывающиеся списки затрудняют доступ к ссылкам в нижней части списка, поскольку они могут быть обрезаны ниже края экрана и требуют прокрутки.
Наконец, слишком широкие раскрывающиеся списки, активируемые наведением, легко принять за новые страницы, создавая у пользователей путаницу в отношении того, почему страница, по-видимому, изменилась, даже если они ничего не нажимали. - Рассмотрите вариант «липких» меню для длинных страниц. Пользователи, достигшие нижней части длинной страницы, могут столкнуться с утомительной прокруткой, прежде чем они смогут вернуться к меню вверху. Меню, которые остаются видимыми в верхней части области просмотра даже после прокрутки, могут решить эту проблему и особенно приветствуются на небольших экранах.
- Оптимизация для простого физического доступа к часто используемым командам . Для раскрывающихся меню это означает размещение наиболее распространенных элементов рядом с целью ссылки, которая запускает раскрывающийся список (чтобы мышь или палец пользователя не приходилось перемещаться так далеко. В последнее время некоторые мобильные приложения даже начали возрождать круговую меню, которые удерживают все пункты меню рядом, располагая их по кругу (или полукругу).
