В карточке может "плавать" только содержимое Названия и Описания. Это решается строгими правилами заполнения и обрезкой "…".
Содержимое карточки всегда предсказуемо — обычно, не больше 10 понятных вариантов заполнения, что не является проблемой для разраба.
В карточках может быть большая вариативность: горизонтальные/вертикальные/квадратные пропорции фотографий, цена от 1 до 1 000 000 руб, наличие скидок, короткие и длинные названия, доп. данные и так далее. Все эти изменчивые данные чувствительны при сборке карточек. Отсюда и задача – найти гибкое и универсальное решение. Или несколько для разного применения. Я работаю в агрегаторе ресторанов и люди заполняющие меню очень разносторонние)
Бескаркасные — это карточки, не имеющие границ и когда фон карточки = фону, на котором она лежит. Как бы дизайнеры не извращались, но на длинной портянке каталога такие карточки неизбежно начинают “путаться”, глаз совершает лишние движения, чтобы чётко идентифицировать к чему какая инфа. Такой дизайн только усложняет визуальный выбор.
Теория близости помогает людям соотносить связанные объекты. У вас не возникнет сложностей понять какие данные к чему относятся. Например, листая Авито
Первая карточка выглядит неплохо, НО пока кнопка по контрасту чётко выделяется на фоне фотки, в противном случае кнопка потеряется.
Да, такое может быть. Вопрос частично решается дизайном: тени, цвета, размеры, ободки и все такое. Но, как правило человек видит не одну карточку у которой фотография по цвету совпадает с кнопкой. А несколько разных и понимает, что по общему правилу кнопки находятся там или сям.
Третья проблема — в таком дизайне очень близко находятся 3 области клика (фотка, купить, название), да ещё некоторые перекрывают друг друга (фотка, купить). В такой ситуации легко промахнуться (даже на десктопе), а значит, вы опять заставляете юзера напрягаться с прицеливанием.
Дано не встречал отдельной области клика под открытие фотографии. Как правило используют 2 области: карточка и кнопка. Но может быть всякое)
Нейминг товаров — это отдельная песня. Даже крупные и вроде бы умные площадки сдаются перед SEO и пишут для роботов. Это прямое издевательство над юзерами.
❤️
И конечно же, нельзя вот так вот просто сказать: “Этот дизайн мне нравится, берём его”. Всё сильно зависит от товаров и ЦА. Вполне нормально даже на одной площадке использовать разный дизайн карточек для разных групп товаров, показывая важные для юзеров параметры.
Вы не внимательно прочитали статью и проблемы, которые возникают при разных приемах
Согласен. Блочная/строчная могут путать
Сомнительное решение. Потому, что при таком контрасте их едва видно. Только нижние границы усиленные тенью)
Приложение
В карточках может быть большая вариативность: горизонтальные/вертикальные/квадратные пропорции фотографий, цена от 1 до 1 000 000 руб, наличие скидок, короткие и длинные названия, доп. данные и так далее. Все эти изменчивые данные чувствительны при сборке карточек. Отсюда и задача – найти гибкое и универсальное решение. Или несколько для разного применения. Я работаю в агрегаторе ресторанов и люди заполняющие меню очень разносторонние)
Теория близости помогает людям соотносить связанные объекты. У вас не возникнет сложностей понять какие данные к чему относятся. Например, листая Авито
Да, такое может быть. Вопрос частично решается дизайном: тени, цвета, размеры, ободки и все такое. Но, как правило человек видит не одну карточку у которой фотография по цвету совпадает с кнопкой. А несколько разных и понимает, что по общему правилу кнопки находятся там или сям.
Дано не встречал отдельной области клика под открытие фотографии. Как правило используют 2 области: карточка и кнопка. Но может быть всякое)
❤️
❤️
Рассказик написал сам)