Упрощение сложного дизайна. Меню кафе с таблицами
Вставка
- Опубліковано 15 лют 2023
- Телеграм с эксклюзивными постами - t.me/mutimdigital
Инстаграм с полезными статьями - / mutimdigital
Делимся тем, что проверили на практике. Подписывайтесь, чтобы шарить в дизайне и маркетинге.
Связаться с нами можно в любой соцсети.
Или написать на почту: mutim.digital@yandex.com
Как вам видео?
В Телеграме запустили новый формат постов. Разбираем дизайн всех видов и жанров. Заходите, чтобы прокачать свои дизайнерские скиллы - t.me/mutimdigital/1027
Если б я был хозяином кафе, я не решился бы убрать "завтрак", "обед" и "ужин". Это, на мой взгляд, исключает ненужных споров с официантом. Не каждый, а как мне кажется, подавляющее большинство людей, не смогут разглядеть в задумке дизайнера разделение полосами, как завтрак обед и ужин. Ситуация: бригада рабочих, человек 5-6, ну или семья из такого же количества людей (мама папа дети и дед), пришли на обед поесть. Минут 15 ушло на то чтоб каждый из них изучил меню и выбрал то, что он хочет. Подходит официант и на озвученную ему просьбу принести еду, отвечает: "Нет, то что вы заказали мы подаем на завтраки и ужины, а обед между этими линиями". Если семья корректно смолчит, то бригадой рабочих официант будет послан очень далеко. Ведь в момент выбора еды, мозг уже ждет заказ(мысленно уже ест его=)). Через две-три таких ситуаций официант сам маркером во всех меню напишет Завтр. Об. Уж.! Да, Ваш дизайн читается легче, но легче ли от этого понимается?
Мне было бы не понятно, где тут что входит в завтрак, что в обед, что в ужин. Особенно, с учетом того, что, когда читаешь меню, не обращаешь особого внимания на шапку. Сразу читаешь про блюда. Я бы подумала, что из этих блюд можно скомпоновать на свой вкус блюда
Поэтому предложен второй вариант. Можно протестировать оба внутри заведения и выяснить результаты)
А мне вот какая мысль пришла..
В самом верху, где перечисляется «завтрак, обед и ужин», отметить каждое слово разным цветом подходящим.
А уже в самой таблице можно делать слева аккуратные вертикальные линии этих трех цветов, так и место экономится и выглядит аккуратно и понятно.
Где блюдо на завтрак, там слева вертикальная полоска, например, желтого цвета
Чуть ниже начинаются супы и тд, тут уже слева полоса вдоль всех блюд - другого цвета
Надеюсь понятно объяснил
Может быть, надо тестить 😅, лишь бы не пестрило глазах
Для мужчин с проблемами восприятия цветов это может быть трудным
@@OOO-jt8ugпочему только мужчин😅
Да, выглядело б интересно
@@BatonLiuПо статистике, нарушение цветовосприятия диагностируется только у 3-4 женщин из 1000. А вот у представителей сильного пола эта патология встречается намного чаще - из 1000 дальтониками являются 80 мужчин.
Завораживающе интересно! Согласна, что без подзаголовков "завтрак, обед и ужин" все понятно и лаконично
Классно, стикер как вы говорите, напомнил мне оборванный чек, что очень в тему.
Очень интересно рассказываете, здорово когда практика подкреплена теорией и вы делаете это не просто по наитию, а умеете это объяснить, таких специалистов немного.
В первом варианте действительно может быть сложно понять где завтрак, ужин и обед. (у меня например яркость монитора повышена, и всё слилось в белое но это мои проблемы). Во втором запятые очень сильно нагружают композицию что печально :(
Поэтому и повторяю, что дизайн - это компромиссы :)
Видео класс. Однако, в первом варианте меню ( без "завтрак, обед, ужин") на сильном уменьшении разделители между блоками становятся очень малозаметными. Я бы предложила сделать их ярче. Да, возможно это добавило бы грязи, но хотя бы было понятно что это разные блоки. А так же в первом варианте дни недели слишком похожи визуально на блюда и в уменьшении вообще от самих блюд почти не отличаются.
Как всегда: всё компактно и информативно! Просмотр таких роликов для меня, как релакс
Большое спасибо :)
10 завтраков, обедов и ужинов из 10 за, как всегда, познавательный и интересный видос :)
Реальные профи своего дела - спасибо за контент
Не по уведомлению, а по зову сердца
Ни на что не намекаю, но Василий тоже когда-то писал комменты быстрее Михаила, а теперь не пишет :)
Всё наглядно, понятно и информативно. Спасибо
Первый предложенный вариант выглядит намного лучше. Но проблема в том, что дизайнеры думают иначе, чем сами клиенты. Так сказать глаз наметан.
Если к примеру я постоянный клиент, то я если не с первого раза, но со второго уже сам догадаюсь, что да как. Если клиент в первый раз пришел, то можно и потратить 2 секунды на объяснения. И по идее тут большую роль играют официанты, как они будут продавать это меню.
Отличный видос, спасибо!
Спасибо за поддержку!)
Дни недели можно было бы сделать шуть шуть побольше, или в другой цвет) но в целом понятно!
К сожалению, такого варианта нет. Формат очень ограничен.
Спасибо как раз искал инфу про верстку меню
Спасибо вам! Будет еще несколько материалов на эту тему :)
Второй вариант, конечно, более понятный. Но и он не идеален. Конечно, лучше всего здесь сделать красивую первую картинку со словом Меню на каждый день, а затем дни недели пустить каруселью
Согласен, что НЕ ПОНЯТНО, что черты разделяют завтрак обед и ужин. Там надо ОБЯЗАТЕЛЬНО это обозначить. Как - это вопрос.
Последний вариант - супер. Но в конце запятые лишние.
ВПОЛНЕ может быть. НУЖНО тестировать. ЗАПЯТЫЕ нужны, чтобы было понимание, что после блюда не пустота, а есть что-то ВАЖНОЕ. Особенно, учитывая, что граммы иногда переходят на новую строку.
@@mutimdigital Бро, у тебя ОЧЕНЬ крутой дизайн, я регулярно смотрю и всегда с тобой согласен. Тут людям будет не понятно, что еле заметные черты оказывается разделяют завтрак обед и ужин - это факт. Сбоку написать вертикально? Тоже места маловато. Хз в общем как лучше. Запятые все же лишние, так как мысль закончена. А важное - это другая характеристика, выделена другим цветом - она и так видна, что относится к этому блюду. В таких случаях запятые никогда не ставятся. Если бы тем же шрифтом продолжал это же предложение, тогда другое дело.
В любом случае у тебя круто получилось как всегда!))
@@michaelkamko Большое спасибо за развернутые ответы. Повторюсь уже в трехсотый раз, что дизайн - это компромисс. Я жертвую тремя словами, ради лучшей читаемости всего текста :)
@@mutimdigital вот с этим я точно не согласен. Если еще дольше думать над ним, то несколько проблем могут друг друга превращать в достоинства, и вместо компромисса можно найти супер решение. Но это когда месяцами втыкаешь в монитор круглосуточно в поиске решений, если проект для себя, а не на заказ. Если делать на заказ, то скорее всего там будут компромиссы, иначе заказчики не расплатятся за время.
@@mutimdigital хотя скорее всего всегда компромисс, пожалуй соглашусь. Идеальный дизайн - это чистый лист.
Мне очень понравился ваш кейс про меню! Помимо всего стоит задуматься, что кейс и про скупость заказчика (или его непонимание): вместо того, чтобы адаптировать дизайн меню под две платформы (бумажный носитель и инст), заказчик пожелал и рыбку съесть и в инсту сесть 😅
#Таймкоды
0:00 Вступление.
0:29 Разбор меню.
5:30 Что предлагает Алексей.
11:23 Альтернативный вариант.
15:44 Конец.
Все хотят быть быстрее Михиала, но никто не может переплюнуть его в этом. Спасибо Михаилу, что делает просмотр этого видео проще :)
@@mutimdigital, новое прозвище Михаила -- Михиал :))
10:07 отлично скрыли номер 👍
Не важно как оно сделано, главное что там за 25 рублей можно неделю кушать!
@soyeraccount, ах да, что-то не подумал.
Да
это белорусский рубль
@Mutimdigital а что если бы добавить заголовок завтрака, обеда и ужина серым текстом слева от разделителя, как на первом варианте?
Я всё жду человека, который напишет про то, что в названии видео написано "кафе", в самом меню "столовая", а говорится вовсе про "ресторан". И будет озадачен тем, что же это всё-таки за место такое.
Нет, не придираюсь, просто сам озадачен и повод написать ещё один коммент (:
Писал, исходя из количества символов. Где-то выглядело хорошо одно, а где-то второе :)
@@mutimdigital, не, про количество символов понятно. Просто реально загадка возникла. Даже загуглил и узнал, что это всё таки столовая :))
Меню столовки превратилось в меню ресторана 😂
а еще лучше: сделать каруселью :)
А вот это самое разумное решение. Но к сожалению, решение принимал не я :)
пихать меню в картинку в инстаграм это уже бред. она же шакалит. но это больше вопрос к хозяину заведения
Дизайн - это про работу в ограниченных условиях :)
Притом, что у карусели и просматриваемость лучше
Ты имел ввиду "ячейку" под словом "колонка"
7:30 правильно говорят непонятно эти тоненькие линие разделения обеда и ужина не видать вообще
Значит, да
Не забывайте про все обряды в виде лайков, подписок и чтения комментариев Михаила под видео 👇🏻
100%
И я вас всех люблю :)
Забавно, что ты номер на frame замазал, а в списке обозревателе элементов оставил :)
👍👍👍
Спасибо :)
Автор явно не работал в таких заведениях.
Дизайн - это круто, но пожалейте работников, которые будут от каждого второго получать вопросы по завтраку, обеду и ужину. Это ресторан/кафе/столовая или что там ещё, а значит через их заведение проходит ТОННА людей каждый день! Людей совершенно разных, и очень часто глупых, скандальных, сложных.
Симпатичный дизайн вообще не стоит дополнительной нагрузки на работников кафе (у них куча другой работы), они будут вынуждены целиком объяснять меню, принимать претензии или вообще слушать жалобы и крики, что они обманщики, якобы в меню обещалась куча всего, а тут какие-то завтраки-обеды-ужины и ничо не понять :))
К тому же, нет общего стандарта по таким меню, чтобы человек всё понял интуитивно. Я часто встречала крайне неудачное или вообще неверное разделение, поэтому клиент обязательно перестрахуется и будет звать работников, чтобы всё уточнить.
Многие клиенты будут недовольны вообще надобностью в лишний раз говорить с кем-то и что-то уточнять. Меню обязано исчерпывающе доносить информацию. Так что первый вариант не жизнеспособен от слова совсем.
Автор явно не работал в таких заведениях, верно.
6:03 вот это цены, целую неделю можно питаться за 25 рублей
А что если в 1м варианте написать, например, обед прямо вдоль серой линейки, тем же цветом и с кеглем соразмерным этой линейке. Тогда уже точно будет очевидно принадлежность пунктов.
Если бы было чуть больше места, можно попробовать)
Это столовая, туда приходят голодные люди, у них нет времени "думать" что означают эти три блока. Поэтому зря убрал завтра обед и ужин
Во втором варианте действительно не понятно, где завтрак-обед-ужин.
Если пользователь что-то не понимает в дизайне, то это не проблема пользователя. Это проблема дизайна, плохого дизайна.
Интересно, зачем писать номер телефона текстом, когда на него даже не кликнуть. Человек в инсте увидел пост, там и на пишет. Либо в сам профиль передёт и там контакты кликабельные вроде.
Абсолютно точно. Другой вариант, что меню может дублироваться в печатном формате внутри заведения. Возможно, если бы не добавили номер, многие возмутились, что его нет :)
Чтобы не потерялся. Некоторые делают скрины страниц и хранят их в телефоне
Как по мне сразу видно где завтрак, обед и ужин. А его видно в самом верху, где чёрным по белому написано "завтрак, обед и ужин на неделю"
Так что смысла повторятся и писать везде завтрак,обед,ужин нет
В общем работа как обычно проделана хорошо, с меня лайк))
Спасибо. Как выяснилось в комментах, это не читают, как и всю шапку. Тогда, как должны понять на какую дату меню, если туда не смотрят, я не знаю :)
@@mutimdigitalата в таком случае второстепенна, важно же какой сегодня день недели, который как раз в основной части 😅
6:30
Я вместо «25 р» использовал бы «25 BYN» в ценнике. Как понимаю, валюта белорусская.
Лучше мелом на доске написать меню!
Нууу, можно было бы сделать слова: завтрак обед и ужин разными цветами и тогда само меню еды цветами которые им соответствуют.
Или придумать иконки завтрак к примеру солнце, обед кружок какой - нибудь или тарелка с едой и ужин был бы с полумесяцем. Как то так. С разделителями и вправду не очень понятно, но и повторять одни и те же слова, смысла нет.
Чтобы сделать понятные иконки на три категории блюд, нужно потратить кучу времени и сделать кучу тестов. Иконки без подписи еще более неочевидный прием, чем разделитель. Иконку телефона и профиля вы понимаете и без подписи. А иконка тарелки супа может значить: суп, тарелку, еду и вообще фиг пойми, суп ли там. С цветами еще хуже. В меню куча деталей. Залив все доп. красками вы еще сильнее усложните картину. Когда дизайн лопается от инфы, добавлять ее еще сверху - решение нелогичное.
@@mutimdigital тю, да напишите в шапке завтрак ☀️, обед 🔼 и ужин 🌙.
А потом под меню соответствующий значок (иконка).
Да и с цветами, вернее оттенками цветов тоже проблем не вижу. Завтрак светлее, обед чуть темнее и ужин ещё темнее. Я не дизайнер, ясен пень, но вот как раз поваром являюсь. И мне как профессионалу, который видел тисячи разных меню сложно с ходу было бы разобраться, шо и как. Там девушка выше писала, что из-за разделителя это читается как варианты завтраков,обедов или ужинов. Знаете как в отелях, когда можно себе выбрать, что съест на завтрак один из 3 х вариантов.
З.ы. кстати, раз уж Вы ответили, то и я спрошу какая стоимость разработки логотипа для суши бара ( с меня- понятная идея и примеры эскизы так сказать сделанных нейросетью)? Все равно без дизайна ни как не обойтись. Я то и на канал подписался,т .к искал информацию о лого.
Спасибо)
а разве можно зеркалить логотип??? В первый раз такое вижу.
Тоже непонятно.
1. Я вижу 31-4 и понимаю что информация актуальна.
2. Дале смотрю что есть покушать по дням.
3. Что за розделители мне не понятно.
4. Я просто вибераю что мне нравится.
Короче не работает менюшка.
Ненакушуюсь я😆
Я ИСПУГАЛСЯ 15:40
НЕ БОЙТЕСЬ
Текст стал читаемым, это хорошо. НО совершенно непонятно, где завтрак - обед - ужин , интуитивно непонятно.
Блин, ну запятые перед граммовкой вообще не нужны
Было лучше😅
Лучше не стало брат, ты тоже не оч бахнул.