На этой неделе канал будет вести Геворк, продуктовый дизайнер в департаменте SRE.

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

Он расскажет о специфике работы с внутренними сервисами и о том, с какими необычными задачами приходится сталкиваться.

Интересный факт: в Ozon Геворк работает уже во второй раз.

Читать полностью…

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

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

В карточках собрали три решения Ozon, которые помогают встроить создание контента в пользовательский опыт, и дополнили их комментарием продуктового дизайнера Гордея Простова. Следить за новыми фичами Ozon можно в канале Ozon Design.

Если ваши коллеги тоже решают задачи вовлеченности пользователей — делитесь с ними этим постом.

💌 По любым вопросам можете писать нам: @markswebb_inbox.

Читать полностью…

Вот такая анимация у нас получилась!
С приобретёнными базовыми навыками создания анимации вы можете проектировать интерфейсы разного уровня, постепенно улучшая переходы и слои в сценарии.
Спасибо всем, кто был с нами на этой неделе и попробовал оживить интерфейс!
В комментариях можете делиться успехом)
До встречи в новых постах, всем chiao 🤗

Читать полностью…

В понедельник мы рассмотрели различные программы для работы с анимацией интерфейсов. Сегодня мы создадим анимацию в Protopie на бесплатном тарифе и познакомимся с базовыми инструментами программы.
Скачивайте программу Protopie, запасайтесь вкусным чаем и давайте творить красоту🧚‍♀️
Материалы к первому уроку мастер-класса:
— Файл с дизайном в Figma
— Файл с дизайном в mp4

Читать полностью…

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

А в следующем посте расскажем, как начать творить уже сейчас ✨

Читать полностью…

В этот раз Ozon Design Talks не самый обычный — мы пригласили Руководителя направления аналитики в опыте покупателя Никиту Мананникова.

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

P.S. Не пугайтесь в начале 😐

Смотрите, где удобно:
📱 Youtube и 📱 ВК видео

Читать полностью…

Ловите запись эфира о том, как измерить эффективность дизайнера

Вот несколько цитат из эфира:

Продуктивность измерить можно, и её можно контролировать для каждого дизайнера, но эффективность отдельного человека замерить нельзя.
Эффективность — это какая-то ценность, некая value, которую принесли бизнесу минус затраты. Мы знаем расходы и доходы дизайнера, а сколько дизайнер принёс — замерить сложно и вот почему

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

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

Как говорит продакт из Т-банка: На А/Б-тестах революцию никогда не сделаешь

Дизайн — это всегда добавочная ценность, и если твоя бизнес-идея не востребована, то как бы мы не измеряли эффективность дизайнеров, это никак не спасёт бизнес

Как тимлид, который задаётся вопросом, как же всё-таки измерить продуктивность дизайнера, можно сделать следущее:
- Выстраивать последовательный процесс хорошей декомпозиции задач
- Следить за регулярной актуализацией статусов
- Смотреть общую картину метрик по твоей команде (Никита, кстати, чуть-чуть рассказал про эти метрики)
- Не упираться только лишь в цифры, а анализировать их и находить точки роста

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

- Оргуправленческое мышление. Георгий Щедровицкий

- Триз. Теория Решения Изобретательских Задач

__

Какие бы темы вы хотели услышать в следующих эфирах?

Читать полностью…

Казалось бы, дизайн-система по своему определению должна обеспечивать консистентность. В ней есть свод правил и готовые компоненты, благодаря которым дизайнеры могут работать над одним продуктом, даже не общаясь друг с другом, — и на первый взгляд он будет выглядеть единообразно.

Но на практике наличие дизайн-системы не всегда гарантирует единообразие решений. Почему так происходит?

✦ Во-первых, одни и те же компоненты могут использоваться и восприниматься по-разному.

✦ Во-вторых, важны не только сами элементы, но и их взаимосвязи — то, как они формируют целостный интерфейс.

Чем больше команда, тем критичнее не просто наличие компонентов и общих принципов, но и формирование собственных UI-паттернов.

Сегодня обсудим, зачем они нужны и как помогают в проектировании.

Этот пост завершает мою неделю на канале. Если вам было интересно и хочется знать больше, то приходите буду рада видеть вас на своем канале. Всем удобных интерфейсов и хорошей пятницы!

Читать полностью…

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

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

Кроме того, поиск может быть глобальным — охватывать всё приложение, или локальным — работать только в определённом разделе, например, среди контактов или товаров в категории.

Смотрим карточки и читаем статью, которую мы написали вместе с Мариной Сапожниковой, на русском тык, на английском тык.

Читать полностью…

ENDY ✕ Ozon Design: поговорили о брендинге в e-commerce и его будущем 🤟

На связи Дима Шейко, арт-директор ENDY, и Илья Пулькин — дизайн-лид продуктовой команды Ozon.

Начинаем с дизайнерского блиц-знакомства в карточках, погнали!

Читать полностью…

На этой неделе у нас необычный автор — мы пригласили в гости Ксению Толокнову, продуктового дизайнера и дизайн-лида (пока не из Ozon, но кто знает, как жизнь сложится?). Ксения работала в Альфа-Банк, Ростелеком, Газпромбанк, ivi. На последнем месте работы, в Альфа-Банке, была платформенным дизайн-лидом и отвечала за приложение для бизнеса.

Помимо работы, Ксения увлекается образованием, ведёт канал и пишет статьи.

Для вас, дорогие читатели, Ксения подготовила выжимки из своих лучших статей. В формате карточек вы:
✦ Разберётесь в теме навигации для мобильного приложения
✦ Узнаете, когда использовать шторки, попапы или страницы
✦ Поймёте, какие поисковые механики работают лучше всего
✦ А ещё узнаете, как правильно подбирать виды клавиатур в своих проектах

Поехали!

#ведущийнедели #приглашённыйгость

Читать полностью…

Продолжаем путешествие по текстам, кнопкам и текстам в кнопках. Начнём с истории из жизни.

Один наш друг (вы его не знаете) вместо того, чтобы выйти из настроек роутера, сбросил их, и полдня сидел без интернета. Друга сгубило роковое соседство кнопок «Отменить» и «Отмена».

Давайте обсудим, как писать кнопки для деструктивных действий

Читать полностью…

Всем привет!
Меня зовут Таня, я уже 3 года в Ozon — помогаю делать лучше тексты для продавцов.

Через нашу редакцию проходят интерфейсы, чат-боты, инструкции для «Базы знаний». Мы помогаем готовить запуски новых продуктов, улучшать существующие сценарии, проводить исследования. Наши заказчики — десятки продуктовых команд Ozon.

Сегодня мы открываем рубрику #безредактора — будем рассказывать, как сделать классный текст, если у вас нет редакции и редполитики. Эти советы пригодятся дизайнерам, продактам и, конечно, начинающим редакторам

Читать полностью…

Я уже писала о наших внутренних сервисах, сегодня хочу поделиться новинками.

За последний год мы сильно выросли: стало больше дизайнеров и проектов 👉🏻

Читать полностью…

Принято считать, что дизайн в B2B-сегменте уступает B2C в UI — красивый интерфейс остаётся на втором плане.
B2B дизайн часто кажется скучным, утилитарным, словно его задача — просто «работать».

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

Читать полностью…

Запись вчерашнего эфира.
Несмотря на то, что вчера видео подвисало, мы обсудили почти все темы.
Спасибо тем, кто был с нами до конца эфира! 🫶


Основные тезисы эфира, которые я для себя вынес:

— Переходя на новый уровень (когда становишься лидером), ты обнуляешься: ты крутой дизайнер, но как управленец — ты новичок
— Придётся учиться снова, совершая ошибки, и не бояться этого. Управленческая вертикаль может подойти не всем, и можно выгореть
— Когда команда небольшая (5-6 человек), ты можешь быть лидером, зажигать, мотивировать, вести. Но если у тебя уже большая команда (от 15 человек), то и процесс, и подход меняются. Ты уже больше руководитель
— Когда создаётся команда с нуля, лидер в большинстве случаев всё должен пропустить через себя. Например, нужно развивать UX-research: сначала это делает лидер, а потом под это направление нанимается дизайнер
— Набирать в новую команду джунов смысла нет: их некому развивать. Сначала ищем не очень дорогих мидлов и сеньоров, которые закроют направление, а потом уже можно брать и джуниоров

🕔 Иван и Саша об этом говорят с 17-й минуты.

Придя в уже существующую команду, подход практически такой же. Но надо дать понять ребятам, которые уже были до тебя, что ты не будешь все менять с нуля. Показать им план действий.
Первое, что лучше сделать — найти людей, которые будут тебе помогать. Главное, чтобы команда не ушла в «итальянскую забастовку»

Также ребята поделились книжками, которые могут раскачать управленческие навыки:

- Максим Батырев, «45 татуировок менеджера. Правила российского руководителя»
- Ицхак Адизес, «Идеальный руководитель»
- Генри Минцберг, «Менеджмент: Природа и структура организаций»
- Эд Кэтмелл, «Корпорация гениев. Как управлять командой творческих людей»
- Юра Ветров, «Паттерны дизайн-менеджмента»
- Ирина Толмачева, «14 правил руководства своим руководителем»

💡 Было ещё много интересных мыслей. Будет очень круто, если напишете, что вы вынесли для себя из этого эфира, или чего не хватило.

Читать полностью…

Привет! На этой неделе в среду в 18:00 вас ждёт внеочередной эфир.

Мы уже обсуждали как нанимать дизайнеров и измерять их эффективность

И пора сделать шаг назад и обсудить «Как создать эффективный дизайн-отдел», особенно если ты его строишь с нуля. Или пришёл уже в сформированную команду дизайнеров.


Своим опытом поделятся:

🌟 Александр Львов
Дизайн-лид sberbank.ru

У Саши большой опыт построения дизайн-отдела с нуля в таких компаниях как: Иви, Циан и mos.ru

🌟 Иван Прохоров
Дизайн-директор, HR-платформа Сбер Пульс

У Ивана огромная команда в 50+ человек и постоянно меняющийся ландшафт вызовов, он собирал и перебирал через призму эффективности дизайна своё направление много раз


Обсудим:

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

Ведущий встречи:

🌟 Глеб Долгов
Руководитель группы дизайна внутренней разработки Ozon Tech

➿➿➿➿➿➿➿
📼 Запись + 💿 Аудиодорожка

Читать полностью…

Продолжаем познавать мир анимации и сегодня мы завершим начатое и подготовим анимацию экрана интерфейса в формате GIF. Для этого нам понадобятся:
— Adobe Photoshop
— Капелька терпения
— Хорошее настроение
и посты пошаговой инструкции!
Пост насыщен практическими советами, аккуратнее, может закружиться голова от того, насколько быстро мы создаём нашу первую анимацию!
Материалы ко второму уроку мастер-класса:
— Файл Adobe Photoshop
— Мокап в формате PNG
— Видео с мастер-классом на VK video

Читать полностью…

Подсмотрел гениальную первоапрельскую мудрость, делюсь с вами!

Читать полностью…

На этой неделе в канале дежурит Настя Вихарева, продуктовый дизайнер в Опыте продавца

Анастасия пришла в Ozon чуть меньше года назад из Flowwow и сейчас работает в разделе «Аналитика и Цены».

В свободное от макетов время Настя готовится сдавать международный экзамен по английскому языку IELTS, играет в шахматы и фотографирует

Пристёгивайтесь, на этой неделе будет интересно: она расскажет об инструментах создания микроанимаций и проведёт мастер-класс, где мы вместе сможем шаг за шагом создать простую анимацию в Protopie

#ведущийнедели

Читать полностью…

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

Если да, то вы знаете, как выглядит неловкий UI.

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

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

В идеальном компьютерном мире в случае поломки достаточно выдать непонятный код ошибки и сообщить об этом человеку страшным звуком, а еще лучше — при помощи двоичного кода.
Вот только мы не разговариваем двоичным кодом. Мы мыслим сценариями и живём в физическом мире. Когда дверь открывается, она описывает полукруг. Когда предмет перемещается, мы видим его движение. Когда что-то падает, оно отскакивает от земли.

Неловкий UI выходит на сцену, когда проектировщик продукта всего этого не учитывает. Это значит, что где-то в процессе работы нарушаются какие-то правила.

Что это за правила?

Правила UI-стека»

— так начинается глава «Пять слоев дизайна интерфейса» книги «Как создать продукт, который полюбят».

Мы с командой дизайна Т-Банка нашли этот подход весьма полезным и решили разложить наши интерфейсы по слоям: у нас разбираем Поиск, а в канале @ffdd2d смотрим Главную Банка.

Забирайте на вооружение эти правила, чтобы создавать интерфейс, готовый прийти на помощь пользователю и простить его ошибки — так вы сможете сделать опыт вашего пользователя комфортнее (надеемся, это входит в ваши должностные обязанности)

Читать полностью…

Дилемма тимлида:
Как измерить эффективность дизайнера?

В среду, 26 марта 18:00 мск, ТГ эфир

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

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

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

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

Опытом поделятся:

🌟 Никита Беллер
Руководитель отдела дизайна внутренней 
разработки в Т-Банк

🌟 Николай Гузев
Руководитель направления дизайна «Опыт продавца и сотрудника»

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

Ведущий встречи:

🌟 Глеб Долгов
Руководитель группы дизайна внутренней разработки Ozon Tech

🎙Встреча проходит в формате диалога, зрители смогут задавать вопросы в прямом эфире


📼Запись + аудиодорожка

📄 Таймкоды от Алексея

Читать полностью…

Дизайнеры часто оставляют клавиатуры «за кадром». Между тем, это довольно интересная тема, правильное применение клавиатуры — то, что ожидает от интерфейса любой пользователь. На внешний вид и функциональность клавиатуры влияет множество факторов, от модели телефона до типа поля ввода. Давайте разбираться в этой теме вместе.

А еще у меня для вас подарок — набор клавиатур для iOS и Android на все случаи жизни.

Более подробно и с большим количеством примеров можно почитать на русском или английском.

Читать полностью…

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

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

Читать полностью…

Навигация — без преувеличения, один из важнейших элементов любого приложения и сервиса. Сегодня разберём её ключевые особенности и отличия между iOS и Android.

✦ Нижняя навигация в гайдлайнах iOS называется Tab Bar, а в Material Design — Navigation Bar. Может работать в трёх режимах: быть всегда видимой, отображаться только на основных экранах или скрываться при прокрутке вниз.

✦ Верхняя навигация — это Navigation bar в iOS и Top App Bar в Material. Закреплена сверху и всегда видна пользователю. Основные отличия между платформами — в расположении заголовка и стрелки возврата.

✦ Боковая навигация — Sidebars в iOS и Navigation Drawers в Material Design. Её преимущество в вместительности, но это не всегда удобна для пользователей.

✦ Навигация через поиск часто используется в приложениях с большим объёмом информации. Этот тип навигации редко бывает единственным, но зачастую становится ключевым. Важно правильно продумать точки входа в поиск.

Больше информации и примеров — в статье на русском или на английском.

Читать полностью…

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

Было очень интересно вести эту неделю, спасибо всем за реакции и комментарии! Расскажите, что ещё хотелось бы узнать о работе с текстом?

Читать полностью…

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

Читать полностью…

На этой неделе наш канал будет вести Таня Сергеева — старший редактор из команды UX-редактуры.

За 3 года в Ozon Таня успела поучаствовать в запуске десятков классных продуктов и написала редполитику для интерфейсов кабинета продавца.

На этой неделе Таня поделится секретами хороших текстов, stay tuned 👀

#ведущийнедели

Читать полностью…

Сегодня такое игривое настроение, очень хочется с вами поиграть 🎲

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

Читать полностью…

Намасте, дорогие!

Меня тут ребята из Яндекс 360 позвали в уютный подкастик.
Меня и великолепного Влада Меркулова, основателя и генерального продюсера дизайн-агентства Beta. А разговорила нас чудесная Настя Захарова, старший дизайнер продукта в Телемосте.
Потрещали за жизнь, обсудили как строить карьеру продуктовому дизайнеру.

Заодно узнали:
- Чем отличается развитие сотрудника в небольшой студии и в корпорации?
- Нужно ли дизайнеру быть экстравертом?
- Всем ли необходимо становиться управленцами и как преодолеть «эффект плато»?
- В чём счастье дизайнера?
- В каком сериале хотели бы жить наши спикеры?

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

Сотреть тут
▶ zendesigner

Или на другой удобной платформе:
VK Видео
Сайт подкаста «Давай покрутим»

P.S.
не детач, подумой

Читать полностью…