СДЕЛАЛ РЕДИЗАЙН ПРИЛОЖЕНИЯ ОЗОН
В свободное от заказов время решил сделать новый дизайн каталога товаров приложения Озон (итог в карусели)
Что сделал и почему:
Отступы. Уменьшил отступы по центру между карточками. На 2 пикселя увеличилась ширина фото товара
Изменил иконку избранного чтобы не сливалась на цветных фото товаров. Поставил ниже чтобы можно было дотянуться большим пальцем
Значок подтверждающих оригинальность бренда теперь без подписи «оригинал». По иконке галочки и так понятно о чем речь
В кнопке теперь нет убогого значка корзины. По названию кнопки и так понятно что это заказ
Упростил иконку рейтинга товара. Достаточно желтого цвета чтобы понять что это рейтинг
Количество отзывов теперь без подписи «отзывы» а в модных скобочках из веб дизайна)
Фон страницы белый. Добавит пространства
Количество товара в остатке теперь без надписи «осталось»
Акция. Убрал проценты, так как они не дают конкретного понимания экономии сколько сэкономят. Скидку Сделал рублями
Уменьшил знак рубля так как он не важный элемент в цене
Результат работ:
Возможное увеличение продаж. Больше воздуха > меньше когнитивная нагрузка > больше времени проведет в приложении > совершит больше покупок
Даже при наличии больших отступов между элементами на экран помещается 2 ряда карточек
На каком интерфейсе вам было бы приятнее находится, старый или новый?
· 03.08
“Благодарим за интерес к компании. Пока не готовы двигаться дальше, но будем рады вернуться к вашей кандидатуре в будущем.” ))
❌иконка избранного в каталожных карточках — это не основной сценарий и нет смысла его так уж подсвечивать, тем более, что иконка на “привычном” месте и её вполне видно. более того, иногда это место (правый верхний угол) используют для кебаб-меню (контекст), когда там нужно показать не только “в избранное”, но что-то ещё.
❌перенеся избранное в правый нижний угол, вы отъедаете место у бейджей, маркетинг с вами сильно не согласится ))
❌подпись “оригинал” убрали зря. просто галка ни о чём не говорит, т.к. там и без неё достаточно визуального мусора, и теперь на неё никто не обратит внимание.
❌остаток перенесли к отзывам — и перемешали логику, теперь непонятно что “68 шт” отзывов или товаров. раньше было правильно — остатки около цены.
❌белый фон добавит пространства, но визуально “смешает” карточки.
❌скидка в про % привычнее и понятнее с маркетинговой точки зрения. - “выгода 139р” → нужно в голове соотнести с ценой → прикинуть, что для товара в 300р это пипец выгодно, а для 10к — херня. - выгода в % там всегда максимум 2 цифры, т.е. предсказуемая длинна, легче воспринимается и считывается юзером. - “23%” не переводится в реальную цену, а оценивается сама цифра, “23” много/мало.
❌❌❌у вас скидка “-67р” написана чёрным цветом (да и неважно каким) — и теперь это стало восприниматься, как цена товара, а не как скидка.
❌без иконки корзины ПОКА ещё не всем понятно, что это именно “в корзину”, тем более, что в этом месте карточки могут быть и другие кнопки
❌❌“точка” вместо “звезды”?! уж лучше вообще без ничего, если уж хотели поменять.
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
коммент удалён
· 03.08
Благодарю, ваше мнение очень важно для нас)
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
ответ удалён