Ozøn Design

Всем привет, делимся впечатлениями с E-CODE! 🪩 В сентябре @ozon_tech снова собрал всех на большую конференцию E-CODE. И уже третий год подряд наш дизайн-стенд становится одним из самых популярных мест — настоящий уютный дизайнерский уголок, куда заглядывают ИТ-специалисты самых разных профессий. Мы очень гордимся тем, что дизайн-ремесло звучит на технической конференции так громко. Но ещё больше мы гордимся тем, что за этим стоим мы — команда дизайнеров Ozon. Мы челленджили разработчиков игрой в Фигме, наносили аэротату, собирали румбоксы с комнатой айтишника, а рядом робот-художник писал портреты наших гостей. А ещё мы сделали зеркальный мастер-класс. А теперь — подробнее про нашу активность! В этом году мы делали зеркальный МК: создавали картины на стекле из зеркальной мозаики, а ещё — диско-шары и диско-фигурки. Получилась настоящая зеркальная мастерская: гости выкладывали мозаику, собирали блики и уносили с собой кусочек сияния ✨ Так как многие спрашивали, как такое делать самостоятельно, делимся ссылками: Ссылки на материалы на Ozon: 🛒 самоклеящаяся зеркальная мозаика серебро / голографик  🛒 стёклышки для мозаики 🛒 заготовки для фигурок 🪩 шаблоны картинок Творите, экспериментируйте и делитесь результатами в комментариях — нам будет очень интересно посмотреть, что у вас получится! 💙

Привет! Кажется, у команды Заказов появился новый повод рассказать свою историю. Мы обновили таймлайн доставки — теперь он подробнее показывает, какой путь товары проходят от момента их оформления до получения. Раньше было сложно понять, что происходит с товарами, пока они в статусе «В пути», не хватало контекста: где находятся товары, что с ними происходит и когда они доедут до получателя. Мы решили добавить в таймлайн больше деталей и информации, но не усложнять его. Теперь вы можете увидеть: • подробные этапы передвижения товара • дату и время каждого этапа • отдельный путь каждого товара из доставки На этом мы не останавливаемся: будем дальше развивать эту фичу и искать новые способы сделать путь доставки ещё прозрачнее и понятнее! #Сделано_в_Ozon

— Проходит ли с опытом синдром самозванца? Уверены, это вопрос, который волнует многих из нас. Аида дала прекрасный ответ — ловите в комментариях 👇 #ozondesign_askfm

Продуктивной недели, коллеги! Берегите себя 🤍

Вам что-то подсказать? Нужна подсказка? Когда нужно познакомить пользователя с новой функцией или сложным сценарием, полезно подсветить важное или просто вовремя говорить: «Эй, посмотри сюда». В этом случае на помощь приходит онбординг. В Ozon для этого есть целый набор инструментов: тултипы, шторки, спотлайты, сторис, промо-баннеры и другие паттерны. Мы собрали часть подходов и разобрали, когда и зачем использовать каждый из них. А наши друзья Mish в своём канале разобрали другие примеры — читайте и забирайте. Всем полезных онбордингов! Но главное помните: не стоит увлекаться — не превращайте свой интерфейс в раздражающий учебник. С вами на связи Дарина Курдыш, продуктовый дизайнер в Ozon

Отдадим 2 машины за иконку! Объявляем суету и вписываемся в 30 дневный челлендж по дизайну иконок от Design30.club 7 и 9 сентября выйдут специальные задания от Ozøn Fresh Design и Ozøn Design. В каждом будет первое место, за которое мы отдадим по одной металлической модели машины в масштабе 1:28 И это не просто машинки 🚘 фонарики работают, двери открываются, звуковые эффекты есть. Ну как бы ничего себе... Всё честно 👍 победителей определят лайки на сайте, а итоги подведём 1 октября. Так что расчехляйте фигму и дерзайте, ёмаё

Привет, это Глеб, продуктовый дизайнер в Ozon Travel. Поговорим немного про цвета, и их восприятие — если будет интересно, в следующий раз обсудим эволюцию цветов в интерфейсах

Поиск бессилен, когда пользователь не знает, что искать.  И как тогда помочь пользователям быстро находить функциональность в интерфейсе?  В этом случае на помощь приходит AI-ассистент.  Дизайнеры SX Карина и Федя рассказывают в своей статье, как за пол года добавили поиск, AI-ассистента и улучшили опыт селлера 👉 Читать статью 

Привет, я Вероника — старший продуктовый дизайнер в Плитках. Сегодня хочу рассказать, как искать референсы и не утонуть в красивых картинках. Поиск референсов кажется одной из самых приятных частей работы дизайнера: открыл Dribbble или Behance — и можно часами листать красивые интерфейсы. Но красивый экран ещё не значит хороший референс. Если искать без понятного сценария, легко собрать десятки картинок, которые потом никак не помогают в работе. Поэтому я обычно начинаю поиск не с поиска. Сначала — сценарий. Прежде чем искать референсы, важно понять: — что пользователь хочет сделать; — в какой точке сценария он находится; — какая информация ему нужна; — где могут возникнуть сложности или ошибки. Например, «сделать экран выбора товара» — слишком широкая задача. А вот «помочь пользователю сравнить несколько похожих товаров и выбрать один» уже подсказывает, что искать: сравнение, характеристики, фильтры, сортировку и способы показать различия. То есть сначала формулируем вопрос, на который хотим ответить с помощью референсов. Ищем не экраны, а паттерны. Вместо «поищу красивые карточки товаров» лучше спросить: Как другие продукты показывают ключевые различия между похожими вариантами? Так поиск становится гораздо точнее. Ищем не только у конкурентов. Если мы проектируем e-commerce, логично смотреть на другие магазины. Но так легко получить десять вариаций одного и того же решения. Гораздо интереснее искать по задаче, а не по индустрии. Нужно помочь выбрать один вариант из множества? Можно посмотреть на Airbnb, Spotify, карты, сервисы бронирования или даже игры. Проектируем поиск? Смотрим не только магазины, но и карты, библиотеки, медиасервисы. Делаем onboarding? Полезны финтех, игры, образование. Нам важен не сам экран, а способ решения пользовательской задачи. Где искать? Page Flows — целые пользовательские сценарии: покупка, регистрация, отмена заказа и другие flows. Бесплатно можно посмотреть несколько экранов каждого приложения, есть трёхдневный пробный период за $2.95. UXArchive — много примеров конкретных сценариев: поиск, бронирование, регистрация, редактирование. Есть бесплатый план, но с ограничениями. Mobbin — удобно искать решения по продуктовым категориям и смотреть реальные продукты. Есть бесплатный план. В нём ограничены: количество просмотров приложений в день, число сохранений, доступ к коллекциям (до 3 шт.), фильтрация. Плюс реальные продукты, Dribbble, Behance и обычный поиск. Как понять, что референс хороший? Не спрашивать только «красиво ли?». Лучше посмотреть: — какую проблему здесь решают; — почему решение устроено именно так; — что пользователь должен понять; — какие здесь есть ограничения и компромиссы; — работает ли это в нашем сценарии. И я бы не останавливалась на одном варианте. Полезно собрать 3–5 разных решений и сравнить их. Так появляется понимание паттерна, а не коллекция скриншотов. В итоге хороший поиск референсов выглядит примерно так: сценарий → вопрос → поиск → сравнение → вывод → решение. А уже потом — макет. Потому что референс — это не ответ и не способ доказать стейкхолдерам, что «у других тоже так». Это инструмент, который помогает дизайнеру лучше понять задачу и принять решение.

Стоит ли создавать иллюзию, что система контролирует больше, чем может? В статье дизайнер Ксения Безрукова из команды Товаров отвечает на этот вопрос. А еще рассказывает, как решить нетривиальную задачу и перенести в приложение сложную В2В-сделку, где часть процесса происходит внутри Ozon Seller, а часть — между сторонами напрямую 🙌 читать статью

Хэллоу, я Никита, продуктовый дизайнер страницы товара. Следом за Дашей расскажу про свой опыт образования. В этом году я закончил магистратуру по дизайну и продвижению цифровых продуктов. Многие спрашивали: «Зачем? Ведь ты уже работаешь в продукте». Но у меня была какая-то тактика, и я её придерживался. В этом посте всё расскажу. Ожидания от магистратуры у меня были довольно конкретные. Я не искал каких-то тайных знаний, которые невозможно получить самостоятельно. Скорее был важен сам формат обучения: понятная программа, комьюнити и системность. Вообще отдельный поинт для меня — дисциплина. Когда дедлайнов и ограничений совсем нет и я сам себе хозяин, мне не всегда удаётся сохранять темп и регулярность. Поэтому наличие одногруппников и дизайн-просмотров меня очень мотивировало. Важно было регулярно показывать результат и видеть, что получается у других. С таким раскладом стоять на месте — не вариант. В общем, с ожиданиями всё понятно. Совпали ли они с реальностью? Чекайте в карточках

Привет! Меня зовут Даша, я продуктовый дизайнер в группе Товары. У меня нет профильного образования, я не оканчивала вышку по специальности и не ходила в художественную школу. Дизайну я училась сама. Да и в целом по жизни я чаще выбираю самообучение. В самостоятельной учёбе привлекает свобода: учишься в своём темпе и по своему графику, сам выбираешь ресурсы и материалы, фокусируешься только на том, что для тебя актуально и важно в данный момент. А ещё, это дёшево —а иногда даже бесплатно. Но есть и обратная сторона — сложно сохранять мотивацию и поддерживать дисциплину на протяжении длительного времени, ведь нет источника внешней мотивации, некому тебя подталкивать, не перед кем отчитываться, никто не задаёт вопросов и не проверяет. Сегодня я хочу рассказать про свой опыт самообучения и поделиться тем, что помогает мне не бросать начатое

🧐 Как дизайнеру продвигать свои решения?  Почему сильные идеи не всегда находят отклик в продуктовой команде и какие аргументы помогают результативно доносить предложения дизайнеров? Настя Дьячкова, старший дизайнер в Товарах, делится в статье подходами, которые помогают дизайнерским идеям пройти путь от предложения до реализации без лишних конфликтов и потерь во времени 🎯 👉 Читать статью

— Какая простая мысль помогла вашему развитию в карьере? Регулярность часто бывает важнее вдохновения. Данила рассказал, что помогло ему перейти в продукт. Полный ответ — в комментариях 😌 #ozondesign_askfm

Индивидуальную обратную связь всем участникам мы уже дали, и в завершении серии постов хотим поделиться несколькими общими наблюдениями по итогам Ozon Product Design Challenge ✨ Когда оценивали работы, в первую очередь смотрели на четыре основные момента: 1️⃣ Визуал Насколько интерфейс выглядит аккуратно и современно, есть ли консистентность и внимание к деталям. 2️⃣ Логику решения Понятно ли, как пользоваться экраном, правильно ли расставлены акценты и как помогает интерфейс решить задачу. 3️⃣ Продуктовое мышление (для второго этапа) Как участник разбирался в задаче, какие гипотезы строил и почему пришёл именно к такому решению. 4️⃣ Коммуникацию (для второго этапа) Как презентовал работу, объяснял свои решения и реагировал на вопросы и обратную связь. А про то, что особенно радовало в сильных работах, читайте в комментариях к посту👇

Завершился Ozon Product Design Challenge 🏆 🏆 🏆 Делимся результатами и поздравляем победителей 1-е место: Илья Генкин @igenkin 2-е место: Алёна Максименко @a6senth 3-е место: Иван Михайлов @mihailov_ivan Хотим поблагодарить всех участников, мы получили от вас много хороших работ🥰. Особенно хотим отметить 2й этап живого обсуждения решений с финалистами — это было интерсно🔥 Желаем всем успехов, и до встречи на новых челленджах!

Привет! Я Вероника Швичихина, старший продуктовый дизайнер в Плитках. Недавно я была в Китае и неожиданно поймала себя на мысли, что Alipay и WeChat вообще не ощущаются как приложения. До поездки я воспринимала их как классические супераппы: очень много сервисов, всё собрано в одном месте, огромная экосистема. Но в реальности это ощущается совсем иначе. Первые пару дней действительно обращаешь внимание на количество функций. Кажется, что приложение перегружено: вокруг бесконечные QR-коды, миниаппы, незнакомые разделы и десятки сценариев. Но потом происходит интересная вещь. Ты перестаёшь замечать интерфейс. Он становится настолько привычной частью окружающей среды, что перестаёт восприниматься как отдельный цифровой продукт. Ты уже не думаешь, какое приложение открыть. Ты просто живёшь: покупаешь билет на поезд, оплачиваешь метро, вызываешь такси, заходишь в музей, покупаешь воду, открываешь меню в кафе, переводишь деньги другу после ужина. И практически каждый раз это происходит через один и тот же инструмент. Меня особенно удивило, что этот опыт не ограничивается Шанхаем или Пекином. Стоило уехать в небольшой город — сценарии практически не менялись. Продавцы на рынке, маленькие семейные кафе, музеи, общественный транспорт — цифровой слой одинаково глубоко встроен практически везде. Мне кажется, именно поэтому китайские супераппы сначала кажутся сложными, а потом — неожиданно простыми. Как дизайнеру мне было интересно посмотреть на это не как на набор функций, а как на продуктовую модель. Мы часто проектируем отдельные пользовательские сценарии: оплатить, заказать, забронировать, вызвать. Здесь ощущение другое. Создаётся впечатление, что проектируют не отдельные сценарии, а повседневную жизнь целиком. Приложение становится инфраструктурой, через которую человек взаимодействует с городом. И, возможно, именно поэтому привычный вопрос «не слишком ли много здесь функций?» перестаёт быть главным. Гораздо важнее становится другой вопрос: Насколько естественно продукт встраивается в жизнь пользователя, чтобы в какой-то момент он вообще перестал замечать, что пользуется приложением?

Вы просили, мы хотели, и наконец оно на проде!  Привет, на связи команда страницы товара. Надеемся, вы заметили масштабное обновление карточки товара: она стала короче, удобнее и избавилась от товарной полки в cередине описания! Сегодня мы хотим отпраздновать с вами это событие, а заодно рассказать, какой большой и трудный путь мы проделали за целый год. Страница товара — один из самых чувствительных разделов маркетплейса. Даже небольшое изменение может повлиять на ключевые метрики, иногда достаточно переставить один блок, чтобы увидеть яркую реакцию пользователей. В попытке сократить высоту, но сохранить информативность, мы регулярно сталкивались с тудностями, но упорно шли на новые итерации: делали концепции, проводили исследования, запускали тесты, откатывались и повторяли. Мы верили, что найдем удобный вариант, искали решение шаг за шагом, и в карточках собрали для вас все ключевые изменения. За проделанным результатом стоит титанический труд большой команды ❤️ ▪️Дизайн: Антон Заболотских, Кристина Радевич, Яна Есакова, Соня Лобастова, Никита Дик ▪️Продакт-менеджеры: Руслан Зиен, Евгения Федорова, Артемий Редько, Арсений Прохоров ▪️Команды разработки, аналитики и тестирования, благодаря которой все эти идеи стали частью продукта Самое приятное, что для нас это не финал, а новая отправная точка. Теперь, когда карточка стала проще и логичнее, у команды появилось пространство для следующих идей. Уже сейчас в работе новые сценарии и редизайны, и нам очень интересно посмотреть, какой станет страница товара в будущем #сделано_в_Ozon

Привет, я Аня — дизайнер в группе оформления У нас скоро начнётся полугодовое ревью. Для дизайнеров это сезон тревожности: оценка своей работы, сравнение с другими, попытки вспомнить, что вообще происходило за эти полгода. Чтобы сбавить градус напряжения в этот период, я хочу поприкалываться и рассказать, как я применяю трендовую бимбо-философию в подготовке к ревью Для читателей с экранным временем менее 7 часов в день: Бимбо-философия — ироничный тик-ток тренд. Вместо попыток доказать всем свою серьёзность, девушки разрешают себе быть стереотипными, забавными, при этом не отказываясь от своих амбиций 😺 Бимбо-стоицизм Настоящий стоик разделяет то, что зависит от него, и то, что не зависит. Бимбо-дизайнер-стоик понимает, что от него не зависят бюджет на повышение, настроение лида, калибровки и смена приоритетов. Бимбо-дизайнер-стоик занимается тем, что может контролировать: качеством своей работы, соблюдением сроков, уместной видимостью своего вклада и количеством мемов в своем рабочем файле 🫱‍🫲 Теория слабых связей Опираясь на труды Марка Грановеттера: самый крутой буст дают не самые близкие коллеги и друзья. Аналитик запомнит, что с бимбо-дизайнером можно спокойно обсуждать ограничения, а дизайнер из другой команды запомнит помощь с иллюстрациями. Бимбо-дизайнер ставит ❤️ на ответы в тредах, благодарит коллег за классные решения и отмечает их вклад 🐸Работа — твой капитал Пьер Бурдье говорил, что капитал бывает не только денежным. Есть культурный, социальный, символический и, конечно, бимбо-дизайнерский-капитал. Твоя работа превращается в доверие, новые проекты, влияние и репутацию. Для такого превращения достаточно иметь понятный результат работы с каждой задачей. Гениальность — это hot, предсказуемость — trust. Бимбо-дизайнер делает ставку на предсказуемость 😐 Так как же готовиться к ревью? Задолго до дедлайна. Тебя оценивают не на ревью, а всё время: на встречах, в проектах, в переписках, во время завалов и разногласий, в том, как ты договариваешься, помогаешь принимать решения и идёшь на компромиссы. На самом ревью твоя задача — не доказать, что ты работал, а упаковать эту работу в форму, которую дальше сможет понять и защитить твой лид Конечно, повышают не самых старательных, не самых ответственных и не тех, кто дольше всех сидит в офисе. Но без сильных результатов не повышают вообще никого. Поэтому база остаётся той же: продолжай жёстко перформить Бимбо-дизайнер не расстраивается, если ревью прошло средненько. Этот вклад не исчезает в никуда. Его запомнят, к нему вернутся, на него можно будет опереться в следующий раз На этом всё, бимбо-пацаны и бимбо-сёстры 🩷 С вами была Аня Романова, продуктовый дизайнер команды оформления

Что бесит в личном кабинете в приложении? 👀 Привет! Мы — команда навигации Ozon. По примеру коллег из Ozon fresh продолжаем собирать ваши предложения и пожелания и открываем официальный тред для боли. Если личный кабинет где-то вас бесит, заставляет делать лишние действия, искать очевидные вещи или просто кажется неудобным — делитесь этим в комментариях 🔍 Лучше всего со скрином и парой слов о том, что не так. Фраза «тут вообще ничего не понятно» тоже принимается, но со скрином разобраться будет гораздо проще Каждый комментарий посмотрим. Самые полезные превратим в задачи, а самые интересные постараемся довести до релиза 🎸 А трёх авторов самых неожиданных и полезных предложений наградим сертификатами Ozon 🎁