👋🏻 Коллективный аккаунт ведущих дизайнеров Ozon: делимся опытом, мыслями и крутыми подборками про дизайн и продуктивность. Главный редактор: @golden_oar Авторы: все дизайнеры Ozon, ну и конечно же @nikitanow с @ksemushin РКН: https://ozon.ru/t/JDodJdP
Коллеги всю неделю: 😵💫😵💫😪😪🫠🫠
Коллеги вечером пятницы:
Поддаёмся трендам…
Джунам офис всегда кажется чем-то сказочным — а что, если экскурсию проведёт синьор?
Ну а что, зато кратко и по делу⚡️
Вне зоны доступа мы не опознаны,
Вне зоны доступа мы просто в отпуске 🏝️🥥
Ловите наши новенькие аватарки и эмоджи-пак, которые мы подготовили совместно с Ozon Travel! 🔅
А первая часть вас ждет вот здесь
Иногда хочется простого человеческого взять и отключить телефон, улечься под пальмой со стаканчиком лимонада и слушать, как море такое шшшшш-вшшшшш 💻
Это можно! Всего несколько кликов — и билеты с отелем уже в вашей корзине.
А чтобы не отвечать на сообщения коллег из отпуска, ставьте наши аватарки и используйте эмоджи ⛔
На этой неделе встречаем Марину — коммуникационного дизайнера в команде маркетинговых инструментов Опыта Покупателя.
Марина стажируется в Ozon и параллельно учится в НИУ ВШЭ на «Коммуникационном дизайне». В свободное время изучает UX/UI в геймдеве, нарративный дизайн и верстает книги — просто потому что по кайфу 💙
Будем говорить про стажировку, внутреннюю кухню Ozon и каково это — вписываться в большой продукт с головой, stay tuned ⚡️
#ведущийнедели
Всем привет 👋🏻
Наша команда ведёт больше 15 продуктов. Среди них — внутренние тулзы для разработчиков, корпоративный мессенджер и звонилка.
Сегодня расскажу про специфику разработки внутренних сервисов.
Это тот самый сегмент B2E, где дизайнеры часто работают «вслепую», решая уникальные задачи для упрощения работы сотрудников компании.
А в следующем посте расскажу про свою самую необычную и интересную задачу за всю мою карьеру. Спойлер: она не про макеты в Figma
Запись вчерашнего эфира.
Несмотря на то, что вчера видео подвисало, мы обсудили почти все темы.
Спасибо тем, кто был с нами до конца эфира! 🫶
Основные тезисы эфира, которые я для себя вынес:
— Переходя на новый уровень (когда становишься лидером), ты обнуляешься: ты крутой дизайнер, но как управленец — ты новичок
— Придётся учиться снова, совершая ошибки, и не бояться этого. Управленческая вертикаль может подойти не всем, и можно выгореть
— Когда команда небольшая (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-стека»
Дилемма тимлида:
Как измерить эффективность дизайнера?
В среду, 26 марта 18:00 мск, ТГ эфир
Есть одна дилемма тимлида, над которой многие размышляли,
но до сих пор не нашли окончательного ответа. Можно ли измерить и контролировать эффективность работы дизайнера?
Некоторые тимлиды придерживаются жёсткого планирования, оценивая задачи через storypoint, майках и спринтах. Другие считают это излишней бюрократией: сроки трудно предсказать, а оценка по Фибоначчи скорее отражает уровень неопределённости, чем реальное время работы.
Плюс нет корреляции между предсказуемо выполненной задачей и качественно выполненной задачей.
Кто-то говорит, что вообще не стоит пытаться измерять эффективность дизайна, так как результаты всегда будут неточными. Проще смотреть время выполнения задач постфактум, хотя и этот подход вызывает вопросы.
Отдельная дилемма — это измерение эффективности дизайнера в деньгах. Повсеместно утверждают, что дизайн должен влиять на метрики, и что в портфолио у дизайнера должны быть конкретные цифры. Однако это часто кажется пустыми словами, и вопрос, действительно ли это важно, остаётся открытым.
Опытом поделятся:
🌟 Никита Беллер
Руководитель отдела дизайна внутренней
разработки в Т-Банк
🌟 Николай Гузев
Руководитель направления дизайна «Опыт продавца и сотрудника»
На встрече обсудим:
— Как измерить эффективность работы одного дизайнера?
— Как оценить, сколько денег для бизнеса принесло конкретное дизайн-решение?
— Как измерить качество дизайна?
— Какую ценность имеет прогнозирование сроков и можно ли это измерить?
— Как измерить эффективность по количеству выполненных задач?
Ведущий встречи:
🌟 Глеб Долгов
Руководитель группы дизайна внутренней разработки Ozon Tech
🎙Встреча проходит в формате диалога, зрители смогут задавать вопросы в прямом эфире
📼Запись + аудиодорожка
📄 Таймкоды от Алексея
Дизайнеры часто оставляют клавиатуры «за кадром». Между тем, это довольно интересная тема, правильное применение клавиатуры — то, что ожидает от интерфейса любой пользователь. На внешний вид и функциональность клавиатуры влияет множество факторов, от модели телефона до типа поля ввода. Давайте разбираться в этой теме вместе.
А еще у меня для вас подарок — набор клавиатур для iOS и Android на все случаи жизни.
Более подробно и с большим количеством примеров можно почитать на русском или английском.
Ещё чуть-чуть стажёрского контента...
Поговорили с руководителями команд (и дизайн, и исследования) и выяснили, что они больше всего ценят в стажёре, когда отбирают тех к себе 😘
Поделились в карточках!
Пока в очередной раз наслаждалась офисом, решила собрать самые вайбовые — и забавные — фотки из нашего пространства в Москоу-Сити 🫶🏻
Кидайте фото приколов из вашего офиса в комментарии!
Как прокачаться во время стажировки? 😱
База, но, пока стажируюсь, замечаю, как сильно можно вырасти, если не просто выполнять задачи, а быть внимательным к себе и к процессу. Собрала пару мыслей, которые стали для меня опорой
Если есть, что дополнить (и не только про стажки), — велком 😎
В чем кайф быть стажёром в Ozon? 😘
Спойлер: много вызовов, но и много ресурса — с каждой задачей появляется больше уверенности и драйва, да и различных фишек — море!
Рассказываю подробнее в карточках 🌟
И снова здравствуйте 🤓
Расскажу про самую неожиданную задачу как для продуктового дизайнера.
Мы делаем внутреннюю звонилку, и в какой-то момент понадобились звуки для интерфейса. В итоге заниматься ими стал я.
Как проходил процесс — показал в карточках. А в следующем посте дам послушать результат 🤔
На этой неделе канал будет вести Геворк, продуктовый дизайнер в департаменте SRE.
В свободное время Геворк занимается боксом, играет в онлайн-игры и учит японский язык.
Он расскажет о специфике работы с внутренними сервисами и о том, с какими необычными задачами приходится сталкиваться.
Интересный факт: в Ozon Геворк работает уже во второй раз.
💬 Пользовательский контент способствует росту доверия к платформе, но чтобы пользователи оставляли отзывы не только, когда они разочарованы товаром, нужно продуманно встроить создание контента в их опыт.
Важно, чтобы платформа точно улавливала момент, когда и где запросить обратную связь, снижала барьер входа и давала понятную мотивацию.
Вот такая анимация у нас получилась!
С приобретёнными базовыми навыками создания анимации вы можете проектировать интерфейсы разного уровня, постепенно улучшая переходы и слои в сценарии.
Спасибо всем, кто был с нами на этой неделе и попробовал оживить интерфейс!
В комментариях можете делиться успехом)
До встречи в новых постах, всем chiao 🤗
В понедельник мы рассмотрели различные программы для работы с анимацией интерфейсов. Сегодня мы создадим анимацию в Protopie на бесплатном тарифе и познакомимся с базовыми инструментами программы.
Скачивайте программу Protopie, запасайтесь вкусным чаем и давайте творить красоту🧚♀️
Материалы к первому уроку мастер-класса:
— Файл с дизайном в Figma
— Файл с дизайном в mp4
Всем привет! Как вы уже знаете, создание анимации стало доступнее, чем когда-либо благодаря разнообразию программ и инструментов, которые предлагает современный рынок. В этом посте мы рассмотрим самые популярные и удобные программы для дизайнеров, которые помогут воплотить ваши идеи в жизнь и добавить динамику в ваши проекты.
А в следующем посте расскажем, как начать творить уже сейчас ✨
В этот раз Ozon Design Talks не самый обычный — мы пригласили Руководителя направления аналитики в опыте покупателя Никиту Мананникова.
Тут он расскажет о том, что можно назвать хорошим дизайном, как его подружить с метриками A/B-тестов и как он влияет на бизнес.
P.S. Не пугайтесь в начале 😐
Смотрите, где удобно:
📱 Youtube и 📱 ВК видео
Ловите запись эфира о том, как измерить эффективность дизайнера
Вот несколько цитат из эфира:
Продуктивность измерить можно, и её можно контролировать для каждого дизайнера, но эффективность отдельного человека замерить нельзя.
Эффективность — это какая-то ценность, некая value, которую принесли бизнесу минус затраты. Мы знаем расходы и доходы дизайнера, а сколько дизайнер принёс — замерить сложно и вот почему
В отдельно взятой фиче измерить удельную долю дизайна, как правило, нельзя. Особенно если мы говорим про какой-то крупный редизайн
Дизайнер работает в команде, и результат его работы зависит от множества факторов (аналитика, разработка, менеджеры)
- Даже если фича принесла прибыль, нельзя однозначно сказать, что именно дизайнер обеспечил этот результат
- Влияние внешних факторов (рыночная ситуация, тренды, пандемия)
Как говорит продакт из Т-банка: На А/Б-тестах революцию никогда не сделаешь
Дизайн — это всегда добавочная ценность, и если твоя бизнес-идея не востребована, то как бы мы не измеряли эффективность дизайнеров, это никак не спасёт бизнес
Как тимлид, который задаётся вопросом, как же всё-таки измерить продуктивность дизайнера, можно сделать следущее:
- Выстраивать последовательный процесс хорошей декомпозиции задач
- Следить за регулярной актуализацией статусов
- Смотреть общую картину метрик по твоей команде (Никита, кстати, чуть-чуть рассказал про эти метрики)
- Не упираться только лишь в цифры, а анализировать их и находить точки роста
Казалось бы, дизайн-система по своему определению должна обеспечивать консистентность. В ней есть свод правил и готовые компоненты, благодаря которым дизайнеры могут работать над одним продуктом, даже не общаясь друг с другом, — и на первый взгляд он будет выглядеть единообразно.
Но на практике наличие дизайн-системы не всегда гарантирует единообразие решений. Почему так происходит?
✦ Во-первых, одни и те же компоненты могут использоваться и восприниматься по-разному.
✦ Во-вторых, важны не только сами элементы, но и их взаимосвязи — то, как они формируют целостный интерфейс.
Чем больше команда, тем критичнее не просто наличие компонентов и общих принципов, но и формирование собственных UI-паттернов.
Сегодня обсудим, зачем они нужны и как помогают в проектировании.
Этот пост завершает мою неделю на канале. Если вам было интересно и хочется знать больше, то приходите буду рада видеть вас на своем канале. Всем удобных интерфейсов и хорошей пятницы!
Ни для кого не секрет, что поиск помогает пользователям быстро находить нужную информацию. Но как организовать его так, чтобы он был эффективным? Давайте разберёмся.
Выбор точки входа в поиск и её расположение зависят от того, насколько важную роль поиск играет в вашем приложении. Это может быть поисковая строка на главном экране, иконка в верхней или нижней навигации.
Кроме того, поиск может быть глобальным — охватывать всё приложение, или локальным — работать только в определённом разделе, например, среди контактов или товаров в категории.
Смотрим карточки и читаем статью, которую мы написали вместе с Мариной Сапожниковой, на русском тык, на английском тык.