{"id":14287,"url":"\/distributions\/14287\/click?bit=1&hash=1d1b6427c21936742162fc18778388fc58ebf8e17517414e1bfb1d3edd9b94c0","hash":"1d1b6427c21936742162fc18778388fc58ebf8e17517414e1bfb1d3edd9b94c0","title":"\u0412\u044b\u0440\u0430\u0441\u0442\u0438 \u0438\u0437 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0434\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0437\u0430 \u0433\u043e\u0434","buttonText":"","imageUuid":""}

Карточки еды на сайте, как они должны выглядеть?

Каково же оптимальное изображение для карточки блюд на сайте ресторана или доставки еды?

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

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

Удобно ли пользоваться таким меню в сравнении с классическим меню? Безусловно, есть и сторонники и противники подобных нововведений. Но мы бы хотели поговорить о самом изображении блюда. Если ресторан или кафе готовы перейти полностью на электронное меню, они должны быть уверены, что меню понравится пользователям: будет удобочитаемо на небольшом экране смартфона. Будет привлекательно, чтобы побудить гостя к покупке.

Поэтому - опрос! Как же должна выглядеть карточка блюда на сайте, какими должны быть фотография и заголовок? Ждём ваших ответов и комментариев.

Какой формат фотографии на карточках готовых блюд лучше смотрится?
Горизонтальное фото с классическим соотношением 3:2
Вертикальное фото с классическим соотношением сторон 3:2
Квадратный формат, как в популярной соцсети
Нестандартный формат: круг, овал
Фотоизображение занимает всю площадь карточки
Показать результаты
Переголосовать
Проголосовать
Хорошо ли, когда заголовок карточки расположен прямо на фотографии?
Да, это хорошо смотрится
Заголовок отвлекает от фотоизображения, лучше когда заголовок расположен над фото
Показать результаты
Переголосовать
Проголосовать
Какой фон лучше для карточек блюд?
Белый
Светло-серый
Цветной
Показать результаты
Переголосовать
Проголосовать
Какой формат карточки лучше?
Обычный прямоугольник - классика
Квадрат
Любая нестандартная форма карточки при условии, что фото - стандартный прямоугольник или квадрат
Любая форма карточки при условии, что фотоизображение занимает не больше 40% от площади карточки
Показать результаты
Переголосовать
Проголосовать
0
52 комментария
Написать комментарий...
Алекс Д.

Почему в превью к статье стрёмный 3d грейпфрута, а не сочная фотка его же?

Ответить
Развернуть ветку
Seo-MediaStudio.com
Автор

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

Ответить
Развернуть ветку
Алекс Д.
ближайший тренд на изменение привычной прямоугольной белой карточки к другому формату.

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

Ответить
Развернуть ветку
Михаил Аташев

Недавно коллега показывал ассиметричные карточки, они выглядят эффектнее. Но для кого-то это может быть "перегруженным" дизайном.

Ответить
Развернуть ветку
Алекс Д.

Вполне интересная тема- ассиметрия в каком плане?
Выглядят эффектнее в разрезе карточки на странице товара или в разделе поиска, где много ассиметричных карточек на одном экране?

Ответить
Развернуть ветку
Михаил Аташев

Поискал, но не нашел его файл. Попробую рассказать. Фон обычный белый, но блок в форме трапеции, заголовок огромным шрифтом. Какие-то элементы за края выходят. Выглядит броско. Наверху иконки: калории блюда, витамины. Все это иконками прорисовано в дополнение к тексту. Выглядит очень эффектно.

Ответить
Развернуть ветку
Алекс Д.

Для страницы карточки товара- возможно, хотя по мне- перевернутая трапеция выглядела бы эффектней, но в трапецивидной форме нет же ничего ассиметричного? а как это будет смотреться на странице, где много таких карточек?(поиск по*, выбор между* и т.д.)

Ответить
Развернуть ветку
Михаил Аташев

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

Ответить
Развернуть ветку
Алекс Д.

для сетки идеал это либо круг, либо прямоугольник, в редких случаях- параллелограмм, но ассиметрия в сетке будет только расфокусировать внимание.

для сетки идеал это либо круг, либо прямоугольник

Поэтому в основном это прямоугольник со скруглёнными углами:)

Ответить
Развернуть ветку
Михаил Аташев

По классике жанра)

Ответить
Развернуть ветку
Алекс Д.

с другой стороны, если не использовать row и col, то можно сделать свою сетку, сдвинутую на небольшой угол, чтобы трапеции туда гармонично вкладывались:)

Ответить
Развернуть ветку
Михаил Аташев

Будет эффектно!

Ответить
Развернуть ветку
Алекс Д.

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

Ответить
Развернуть ветку
Михаил Аташев

Может просто закрыть сайт)) и потом директор предъявит дизайнеру

Ответить
Развернуть ветку
Алекс Д.

Так есть сайт, где это реализовано? возможно визуал меня удивит.

Ответить
Развернуть ветку
Михаил Аташев

У меня где-то была ссылка, там галерея в виде сот сверстана. Не могу ничего найти в закладках. Завтра еще поищу, потому что подходящий пример. Очень оригинально.

Ответить
Развернуть ветку
Алекс Д.

соты это же не ассиметрия:) Соты вполне, только с использованием полезного пространства- вопрос.

Ответить
Развернуть ветку
Михаил Аташев

Я имел в виду, что тоже нестандартная верстка, если завтра найду, то пример очень яркий будет.

Ответить
Развернуть ветку
Алекс Д.

верстка то не стандартная, а вот пользовательский опыт под вопросом. То, что нравится дизайнеру по трендам- не факт, что понравится стандартному пользователю.

Ответить
Развернуть ветку
Михаил Аташев

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

Ответить
Развернуть ветку
Алекс Д.

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

Ответить
Развернуть ветку
Михаил Аташев

Да! Уникальный продукт и уникальный дизайн.

Ответить
Развернуть ветку
Алекс Д.

хотя карточки одного заведения трапеция\перевернутая трапеция для товаров- вполне интересно.

Ответить
Развернуть ветку
Михаил Аташев

Мне тоже идея нравится

Ответить
Развернуть ветку
49 комментариев
Раскрывать всегда