Привет, Хабр! Меня зовут Соня, я продуктовый дизайнер в Ozon. И сегодня я расскажу, как мы увеличили конверсию из просмотра поисковой выдачи в переход в карточку товара на 24%.

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

Видео стало важным помощником, например, при поиске одежды, демонстрируя то, как вещь сидит и ведёт себя при движении человека. Обычно такие ролики добавляют только в карточку товара.

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

https://habr.com/ru/post/699984/?utm_source=habrahabr&utm_medium=rss&utm_campaign=699984

Почти всегда фильтры – неотъемлемая часть листинга товаров. Без них мы просто заблудились бы в большинстве интернет-магазинов. И от того, насколько хорошо они спроектированы, сильно зависят конверсия и удовлетворенность клиентов.

Сегодня поговорим о проектировании функционала фильтрации – как всегда, детально и со множеством примеров.

https://habr.com/ru/post/699900/?utm_source=habrahabr&utm_medium=rss&utm_campaign=699900

Подборки допродажи на странице товара позволяют увеличивать средний чек, а блоки cross-sell помогают клиенту найти то, что ему нужно и не уйти с сайта без покупки.

В этой статье мы разберем множество идей для таких подборок и лучшие практики UX/UI, которые стоит учитывать при их проектировании.

https://habr.com/ru/post/699660/?utm_source=habrahabr&utm_medium=rss&utm_campaign=699660

Вы купили бы товар в интернет-магазине, не посмотрев на цену? В большинстве случаев, наверное, нет. И то, как она оформлена, оказывает влияние на клиента при принятии решения о покупке.

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

https://habr.com/ru/post/699622/?utm_source=habrahabr&utm_medium=rss&utm_campaign=699622

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

https://habr.com/ru/post/699592/?utm_source=habrahabr&utm_medium=rss&utm_campaign=699592

От того, насколько грамотно спроектирован каталог в интернет-магазине, зависит, найдет ли клиент то, что ему нужно.

И на этом шаге есть множество тонкостей, которые помогут сделать путь клиента максимально комфортным. На что стоит обратить внимание?

152 гайдлайна с примерами в этой статье.

https://habr.com/ru/post/699508/?utm_source=habrahabr&utm_medium=rss&utm_campaign=699508

Привет! На связи tech-команда СберМаркета. 10 ноября мы провели митап, посвященный практикам в дизайне, который помогают экономить время сотрудников и ресурсы компании. Поговорили о дизайн-системах, автоматизации производства коммуникационных материалов и о пользе исследованиях для дизайнеров. Хотим поделиться с аудиторией Хабра видео с докладами.

https://habr.com/ru/post/699202/?utm_source=habrahabr&utm_medium=rss&utm_campaign=699202

В книге Тома Демарко «Дедлайн» автор в художественной форме говорит о том, что для уменьшения количества времени на отладку стоит больше времени затрачивать на качественное проектирование. Недавно делал обзор на эту книгу.

UX-исследования это инструмент, позволяющий получать информацию о проблемах и полезные инсайты, которые можно использовать при разработке продукта.

https://habr.com/ru/post/699062/?utm_source=habrahabr&utm_medium=rss&utm_campaign=699062

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

https://habr.com/ru/post/698994/?utm_source=habrahabr&utm_medium=rss&utm_campaign=698994

Привет, меня зовут Станислав Хрусталёв, я автор блога hardclient.com. Работаю в управлении клиентским опытом с 2009 года. Пишу на эту тему, собираю лучшие практики из мира Customer Experience, оцениваю сервисные модели компаний.

В этой статье мы разберем UX/UI фотографий на странице товара в интернет-магазине: внешний вид, типы контента, расположение, функциональность и интересные нестандартные кейсы. Как всегда, детально (чек-лист на 130+ пунктов) и с примерами.

https://habr.com/ru/post/698618/?utm_source=habrahabr&utm_medium=rss&utm_campaign=698618