Упрощение сложного дизайна. Меню кафе с таблицами

[@mutimdigital]

Как вам видео? В Телеграме запустили новый формат постов. Разбираем дизайн всех видов и жанров. Заходите, чтобы прокачать свои дизайнерские скиллы - t.me/mutimdigital/1027

[@dariaprostodaria5153]

Мне было бы не понятно, где тут что входит в завтрак, что в обед, что в ужин. Особенно, с учетом того, что, когда читаешь меню, не обращаешь особого внимания на шапку. Сразу читаешь про блюда. Я бы подумала, что из этих блюд можно скомпоновать на свой вкус блюда

[@mutimdigital]

Поэтому предложен второй вариант. Можно протестировать оба внутри заведения и выяснить результаты)

[@IvaVodkaShot]

Если б я был хозяином кафе, я не решился бы убрать "завтрак", "обед" и "ужин". Это, на мой взгляд, исключает ненужных споров с официантом. Не каждый, а как мне кажется, подавляющее большинство людей, не смогут разглядеть в задумке дизайнера разделение полосами, как завтрак обед и ужин. Ситуация: бригада рабочих, человек 5-6, ну или семья из такого же количества людей (мама папа дети и дед), пришли на обед поесть. Минут 15 ушло на то чтоб каждый из них изучил меню и выбрал то, что он хочет. Подходит официант и на озвученную ему просьбу принести еду, отвечает: "Нет, то что вы заказали мы подаем на завтраки и ужины, а обед между этими линиями". Если семья корректно смолчит, то бригадой рабочих официант будет послан очень далеко. Ведь в момент выбора еды, мозг уже ждет заказ(мысленно уже ест его=)). Через две-три таких ситуаций официант сам маркером во всех меню напишет Завтр. Об. Уж.! Да, Ваш дизайн читается легче, но легче ли от этого понимается?

[@mutimdigital]

В каждом последнем видео, посте, строис напоминаю, что дизайн - это поиск компромиссов. Я готов пожертвовать тем, что человек потратит 10 сек на понимание, зато проще прочитает название блюд. Какой вообще толк от понятного разделения, если я не могу легко прочитать блюда? Почему вы не акцентируетесь на читаемости текста в первом варианте? Бригаде рабочих, где есть люди в возрасте, с трудом удастся прочитать меню :) Вы готовы поставить во главу логику, пожертвовав самой возможностью. Второе, немаловажное замечание. Пока ни вы, ни я, не опробовали меню в действии, всё остаётся на уровне размышлений. Когда я даю материал, в котором указываю на этот нюанс, вы ищете в нем недостатки и ставите под сомнение. Реальная ситуация может быть совсем другой.

[@IvaVodkaShot]

@@mutimdigital С Вами приятно общаться! Конструктивные, позитивные ответы. Спасибо!

[@haryled]

согласен на 100%

[@NIINIGHT]

​​​@@mutimdigitalменю - документ, согласно которому работает столовая, четкий, не допускающий различных толкований (иначе возникнет конфликтная ситуация: гость решит, что завтрак, обед или ужин можно компоновать из заявленных блюд на день и попросить на завтрак то, что заявлено, как ужин, например, и будет прав!) Кроме того, люди приходят в столовую не только покушать, но и отдохнуть, а ещё они часто ограничены по времени, - половина людей не будет напрягать голову, а другая половина вообще пропустит информацию в заголовке про "завтраки, обеды, ужины", или не примет ее к сведению (основной фокус внимания как раз на содержании меню,... в котором отсутствует информация об очередности (нет специальных обозначений, цифр, подзаголовков и тд) Дизайн для людей, - облегчить им понимание (в контексте ситуации в том числе), дизайн про восприятие, так что, - вы воспринимаете меню, как объект работы, у вас одни требования, а у гостей в контексте ситуации важны также требования к точности) А ещё, можно было сделать карусельку из дней, тогда решились бы все проблемы (проблемы места, шрифта и читабельности, повтора - надписи "завтрак, обед, ужин" принадлежали бы каждому слайду, на одном слайде слова были бы уникальными, но в общем получался бы ритм между всеми слайдами, что воспринимается людьми положительно: раз, завтрак, обед, ужин; два, завтрак, обед, ужин, три... и тд)

[@luciamr1690]

​​@@NIINIGHTесли сделать карусель, то людям, которые ходят в столовую несколько раз в неделю станет не очень удобно, будет два варианта: либо каждый раз заходить в инстаграм (что сейчас, например, в России, кстати говоря, дело нетривиальное), искать профиль этой столовой, искать пост... Я лично заколебалась бы это делать. Второй вариант: сохранять все 7 картинок к себе в телефон, звучит, конечно, нетрудозатратно, но лично у меня в галерее картинки иногда идут не порядку, так что мне бы пришлось искать где там какой день недели. А если меню в одну картинку, то ее можно сохранить и потом быстро отыскать.

[@livescore75]

А мне вот какая мысль пришла.. В самом верху, где перечисляется «завтрак, обед и ужин», отметить каждое слово разным цветом подходящим. А уже в самой таблице можно делать слева аккуратные вертикальные линии этих трех цветов, так и место экономится и выглядит аккуратно и понятно. Где блюдо на завтрак, там слева вертикальная полоска, например, желтого цвета Чуть ниже начинаются супы и тд, тут уже слева полоса вдоль всех блюд - другого цвета Надеюсь понятно объяснил

[@NIINIGHT]

Может быть, надо тестить 😅, лишь бы не пестрило глазах

[@OOO-jt8ug]

Для мужчин с проблемами восприятия цветов это может быть трудным

[@BatonLiu]

​@@OOO-jt8ugпочему только мужчин😅

[@qsb.AnimAxio]

Да, выглядело б интересно

[@nig0fficial]

​@@BatonLiuПо статистике, нарушение цветовосприятия диагностируется только у 3-4 женщин из 1000. А вот у представителей сильного пола эта патология встречается намного чаще - из 1000 дальтониками являются 80 мужчин.

[@mounthive]

Завораживающе интересно! Согласна, что без подзаголовков "завтрак, обед и ужин" все понятно и лаконично

[@hidykkk]

Как всегда: всё компактно и информативно! Просмотр таких роликов для меня, как релакс

[@mutimdigital]

Большое спасибо :)

[@kospet_art]

Реальные профи своего дела - спасибо за контент

[@ВасилийОрлов-д6ы]

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

[@lev_yakov_art]

Не по уведомлению, а по зову сердца

[@BerGameDev]

Ни на что не намекаю, но Василий тоже когда-то писал комменты быстрее Михаила, а теперь не пишет :)

[@МякишЛазурид]

В первом варианте действительно может быть сложно понять где завтрак, ужин и обед. (у меня например яркость монитора повышена, и всё слилось в белое но это мои проблемы). Во втором запятые очень сильно нагружают композицию что печально :(

[@mutimdigital]

Поэтому и повторяю, что дизайн - это компромиссы :)

[@ЖуравльоваЯрославаАртемівна]

Видео класс. Однако, в первом варианте меню ( без "завтрак, обед, ужин") на сильном уменьшении разделители между блоками становятся очень малозаметными. Я бы предложила сделать их ярче. Да, возможно это добавило бы грязи, но хотя бы было понятно что это разные блоки. А так же в первом варианте дни недели слишком похожи визуально на блюда и в уменьшении вообще от самих блюд почти не отличаются.

[@BerGameDev]

10 завтраков, обедов и ужинов из 10 за, как всегда, познавательный и интересный видос :)

[@Nelya_web]

Всё наглядно, понятно и информативно. Спасибо

[@ilshat2086]

Первый предложенный вариант выглядит намного лучше. Но проблема в том, что дизайнеры думают иначе, чем сами клиенты. Так сказать глаз наметан. Если к примеру я постоянный клиент, то я если не с первого раза, но со второго уже сам догадаюсь, что да как. Если клиент в первый раз пришел, то можно и потратить 2 секунды на объяснения. И по идее тут большую роль играют официанты, как они будут продавать это меню.

[@BerGameDev]

#Таймкоды 0:00 Вступление. 0:29 Разбор меню. 5:30 Что предлагает Алексей. 11:23 Альтернативный вариант. 15:44 Конец.

[@mutimdigital]

Все хотят быть быстрее Михиала, но никто не может переплюнуть его в этом. Спасибо Михаилу, что делает просмотр этого видео проще :)

[@BerGameDev]

@@mutimdigital, новое прозвище Михаила -- Михиал :))

[@juzeppejr]

Lexxa! Тебя смотрю все классно делаешь ❤

[@fandomTarantinoandCo]

Второй вариант, конечно, более понятный. Но и он не идеален. Конечно, лучше всего здесь сделать красивую первую картинку со словом Меню на каждый день, а затем дни недели пустить каруселью

[@michaelkamko]

Согласен, что НЕ ПОНЯТНО, что черты разделяют завтрак обед и ужин. Там надо ОБЯЗАТЕЛЬНО это обозначить. Как - это вопрос. Последний вариант - супер. Но в конце запятые лишние.

[@mutimdigital]

ВПОЛНЕ может быть. НУЖНО тестировать. ЗАПЯТЫЕ нужны, чтобы было понимание, что после блюда не пустота, а есть что-то ВАЖНОЕ. Особенно, учитывая, что граммы иногда переходят на новую строку.

[@michaelkamko]

@@mutimdigital Бро, у тебя ОЧЕНЬ крутой дизайн, я регулярно смотрю и всегда с тобой согласен. Тут людям будет не понятно, что еле заметные черты оказывается разделяют завтрак обед и ужин - это факт. Сбоку написать вертикально? Тоже места маловато. Хз в общем как лучше. Запятые все же лишние, так как мысль закончена. А важное - это другая характеристика, выделена другим цветом - она и так видна, что относится к этому блюду. В таких случаях запятые никогда не ставятся. Если бы тем же шрифтом продолжал это же предложение, тогда другое дело. В любом случае у тебя круто получилось как всегда!))

[@mutimdigital]

@@michaelkamko Большое спасибо за развернутые ответы. Повторюсь уже в трехсотый раз, что дизайн - это компромисс. Я жертвую тремя словами, ради лучшей читаемости всего текста :)

[@michaelkamko]

@@mutimdigital вот с этим я точно не согласен. Если еще дольше думать над ним, то несколько проблем могут друг друга превращать в достоинства, и вместо компромисса можно найти супер решение. Но это когда месяцами втыкаешь в монитор круглосуточно в поиске решений, если проект для себя, а не на заказ. Если делать на заказ, то скорее всего там будут компромиссы, иначе заказчики не расплатятся за время.

[@michaelkamko]

@@mutimdigital хотя скорее всего всегда компромисс, пожалуй соглашусь. Идеальный дизайн - это чистый лист.

[@really5846]

Дни недели можно было бы сделать шуть шуть побольше, или в другой цвет) но в целом понятно!

[@mutimdigital]

К сожалению, такого варианта нет. Формат очень ограничен.

[@fichen5658]

10:07 отлично скрыли номер 👍

[@NIINIGHT]

Мне очень понравился ваш кейс про меню! Помимо всего стоит задуматься, что кейс и про скупость заказчика (или его непонимание): вместо того, чтобы адаптировать дизайн меню под две платформы (бумажный носитель и инст), заказчик пожелал и рыбку съесть и в инсту сесть 😅

[@qwiy5955]

пихать меню в картинку в инстаграм это уже бред. она же шакалит. но это больше вопрос к хозяину заведения

[@mutimdigital]

Дизайн - это про работу в ограниченных условиях :)

[@fandomTarantinoandCo]

Притом, что у карусели и просматриваемость лучше

[@BerGameDev]

Я всё жду человека, который напишет про то, что в названии видео написано "кафе", в самом меню "столовая", а говорится вовсе про "ресторан". И будет озадачен тем, что же это всё-таки за место такое. Нет, не придираюсь, просто сам озадачен и повод написать ещё один коммент (:

[@mutimdigital]

Писал, исходя из количества символов. Где-то выглядело хорошо одно, а где-то второе :)

[@BerGameDev]

@@mutimdigital, не, про количество символов понятно. Просто реально загадка возникла. Даже загуглил и узнал, что это всё таки столовая :))

[@darkblue5512]

Тоже непонятно. 1. Я вижу 31-4 и понимаю что информация актуальна. 2. Дале смотрю что есть покушать по дням. 3. Что за розделители мне не понятно. 4. Я просто вибераю что мне нравится. Короче не работает менюшка. Ненакушуюсь я😆

[@soyeraccount]

Не важно как оно сделано, главное что там за 25 рублей можно неделю кушать!

[@soyeraccount]

@soyeraccount, ах да, что-то не подумал.

[@mutimdigital]

Да

[@cyphxxx]

это белорусский рубль

[@milenaber8346]

Не забывайте про все обряды в виде лайков, подписок и чтения комментариев Михаила под видео 👇🏻

[@mutimdigital]

100%

[@BerGameDev]

И я вас всех люблю :)

[@tematwotwo]

Спасибо как раз искал инфу про верстку меню

[@mutimdigital]

Спасибо вам! Будет еще несколько материалов на эту тему :)

[@nefedorbondarchuk7662]

Отличный видос, спасибо!

[@mutimdigital]

Спасибо за поддержку!)

[@smolindesign]

а еще лучше: сделать каруселью :)

[@mutimdigital]

А вот это самое разумное решение. Но к сожалению, решение принимал не я :)

[@crazy-man]

7:30 правильно говорят непонятно эти тоненькие линие разделения обеда и ужина не видать вообще

[@mutimdigital]

Значит, да

[@haaaeee3604]

Вся проблема в том, что всё "нужно" впихнуть в одно изображение. В инсте же можно несколько фото выложить в один пост. По одному на день недели было бы отлично

[@alexgorodecky1661]

Меню столовки превратилось в меню ресторана 😂

[@artomv7949]

Забавно, что ты номер на frame замазал, а в списке обозревателе элементов оставил :)

[@kuatle]

Во втором варианте действительно не понятно, где завтрак-обед-ужин. Если пользователь что-то не понимает в дизайне, то это не проблема пользователя. Это проблема дизайна, плохого дизайна.

[@heyyou4705]

Автор явно не работал в таких заведениях. Дизайн - это круто, но пожалейте работников, которые будут от каждого второго получать вопросы по завтраку, обеду и ужину. Это ресторан/кафе/столовая или что там ещё, а значит через их заведение проходит ТОННА людей каждый день! Людей совершенно разных, и очень часто глупых, скандальных, сложных. Симпатичный дизайн вообще не стоит дополнительной нагрузки на работников кафе (у них куча другой работы), они будут вынуждены целиком объяснять меню, принимать претензии или вообще слушать жалобы и крики, что они обманщики, якобы в меню обещалась куча всего, а тут какие-то завтраки-обеды-ужины и ничо не понять :)) К тому же, нет общего стандарта по таким меню, чтобы человек всё понял интуитивно. Я часто встречала крайне неудачное или вообще неверное разделение, поэтому клиент обязательно перестрахуется и будет звать работников, чтобы всё уточнить. Многие клиенты будут недовольны вообще надобностью в лишний раз говорить с кем-то и что-то уточнять. Меню обязано исчерпывающе доносить информацию. Так что первый вариант не жизнеспособен от слова совсем.

[@mutimdigital]

Автор явно не работал в таких заведениях, верно.

[@Андрейберез-э4и]

а разве можно зеркалить логотип??? В первый раз такое вижу.

[@smykoil]

Ты имел ввиду "ячейку" под словом "колонка"

[@Vanchous2010]

6:03 вот это цены, целую неделю можно питаться за 25 рублей

[@frantzfoxengton7394]

​ @Mutimdigital а что если бы добавить заголовок завтрака, обеда и ужина серым текстом слева от разделителя, как на первом варианте?

[@neins]

А что если в 1м варианте написать, например, обед прямо вдоль серой линейки, тем же цветом и с кеглем соразмерным этой линейке. Тогда уже точно будет очевидно принадлежность пунктов.

[@mutimdigital]

Если бы было чуть больше места, можно попробовать)

[@Skeltones]

Какие могут блоки кроме завтрака обеда и ужина? Бывает второй завтрак и полдник и ещё может после ужина какой-нибудь перекус будет Так что в первом варианте не понятно какие блюда относятся к какому приёму пищи

[@CrystalRain-pk8mc]

👍👍👍

[@mutimdigital]

Спасибо :)

[@arnidrak]

Это столовая, туда приходят голодные люди, у них нет времени "думать" что означают эти три блока. Поэтому зря убрал завтра обед и ужин

[@menkasymov]

6:30 Я вместо «25 р» использовал бы «25 BYN» в ценнике. Как понимаю, валюта белорусская.

[@tolma4enko]

Нууу, можно было бы сделать слова: завтрак обед и ужин разными цветами и тогда само меню еды цветами которые им соответствуют. Или придумать иконки завтрак к примеру солнце, обед кружок какой - нибудь или тарелка с едой и ужин был бы с полумесяцем. Как то так. С разделителями и вправду не очень понятно, но и повторять одни и те же слова, смысла нет.

[@mutimdigital]

Чтобы сделать понятные иконки на три категории блюд, нужно потратить кучу времени и сделать кучу тестов. Иконки без подписи еще более неочевидный прием, чем разделитель. Иконку телефона и профиля вы понимаете и без подписи. А иконка тарелки супа может значить: суп, тарелку, еду и вообще фиг пойми, суп ли там. С цветами еще хуже. В меню куча деталей. Залив все доп. красками вы еще сильнее усложните картину. Когда дизайн лопается от инфы, добавлять ее еще сверху - решение нелогичное.

[@tolma4enko]

@@mutimdigital тю, да напишите в шапке завтрак ☀️, обед 🔼 и ужин 🌙. А потом под меню соответствующий значок (иконка). Да и с цветами, вернее оттенками цветов тоже проблем не вижу. Завтрак светлее, обед чуть темнее и ужин ещё темнее. Я не дизайнер, ясен пень, но вот как раз поваром являюсь. И мне как профессионалу, который видел тисячи разных меню сложно с ходу было бы разобраться, шо и как. Там девушка выше писала, что из-за разделителя это читается как варианты завтраков,обедов или ужинов. Знаете как в отелях, когда можно себе выбрать, что съест на завтрак один из 3 х вариантов. З.ы. кстати, раз уж Вы ответили, то и я спрошу какая стоимость разработки логотипа для суши бара ( с меня- понятная идея и примеры эскизы так сказать сделанных нейросетью)? Все равно без дизайна ни как не обойтись. Я то и на канал подписался,т .к искал информацию о лого. Спасибо)

[@djeidi009]

Интересно, зачем писать номер телефона текстом, когда на него даже не кликнуть. Человек в инсте увидел пост, там и на пишет. Либо в сам профиль передёт и там контакты кликабельные вроде.

[@mutimdigital]

Абсолютно точно. Другой вариант, что меню может дублироваться в печатном формате внутри заведения. Возможно, если бы не добавили номер, многие возмутились, что его нет :)

[@fandomTarantinoandCo]

Чтобы не потерялся. Некоторые делают скрины страниц и хранят их в телефоне

[@carbon_breathing]

Лучше мелом на доске написать меню!

[@НелляМихеева]

Текст стал читаемым, это хорошо. НО совершенно непонятно, где завтрак - обед - ужин , интуитивно непонятно.

[@АминкаРусяка]

Я ИСПУГАЛСЯ 15:40

[@mutimdigital]

НЕ БОЙТЕСЬ

[@developer5241]

Блин, ну запятые перед граммовкой вообще не нужны

[@alexhouston7922]

Было лучше😅

[@Вит-о5б]

Лучше не стало брат, ты тоже не оч бахнул.