Юрий Ветров #1 - об аутсорсе и развитии дизайн-системы.

Директор по дизайну в Mail.Ru Group (продукты под брендом “Mail.Ru”).
jvetrau.com

— Привет, Юр. Давай для начала поймем, за что отвечает дизайн-директор по продуктам в Mail.Ru?

Компания делится на продуктовые направления, я отвечаю за дизайн в нескольких из них.

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

В разных продуктах разная ситуация, поэтому эти обязанности комбинируются по-своему — где-то это всё и сразу, где-то, например, только помощь дизайнеру в развитии. В других подразделениях компании всё устроено по-своему; общий глава дизайна вряд ли возможен, учитывая разнообразие направлений и подходов (игры, социальные сети, e-commerce).

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

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

Но для части маркетинговых задач (промо-сайты, иллюстрации, баннеры и т.п.), либо там где у нас нет сильной экспертизы и мало практических задач для её развития (например, шрифтовой дизайн, видео-продакшен, брендинг) — иногда обращаемся к внешним студиям. Ещё один повод — если нужно сделать прорыв в продукте и важно посмотреть на проблему со стороны (бывает, что ограничения слишком давят на дизайнеров внутри), здесь иногда заказываем концепты сторонним дизайнерам или студиям (и сами думаем параллельно). Вот неплохо описан процесс работы над брендом My.com, который шёл по такой схеме — be.net/gallery/10980469/Mycom-Identity.

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

Да, мы начали работу над технологическим фреймворком для дизайн-системы ещё в 2012 году, а первые продукты на ней запустились в 2013. Тогда тема была сырой как идеологически, так и технологически, так что путь приходилось прокладывать по ходу и я уверен, что можно было бы сделать всё гораздо быстрее, имея огромное количество публикаций и примеров, которые есть сейчас.

Я бы начал с идеи токенов (файлов с переменными, которые легко описать и раздавать в любые технологические фреймворки — medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421). Мы переводим Paradigm на эту архитектуру с прошлого года и это оказалось настоящей серебряной пулей — здорово сокращает расхождения, очень легко найти общий язык с фронтендом, для многих продуктов это очень дешёвый первый шаг перехода на Paradigm. Весной мы про это подробно расскажем.

— Как ты видишь её дальнейшее развитие?

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

Из ключевых планов:
- Перевод на архитектуру токенов и замена полу-живого гайдлайна на настоящий живой.
- Раздача токенов в мобильные приложения.
- Перевод большего количества продуктов на дизайн-систему.
- Связка шаблонов в Sketch c настоящими компонентами в коде, чтобы их не пришлось поддерживать вручную.
- Сделать дешёвую адаптацию живого гайдлайна под мобильные. Нам для работы это вообще не надо, но устали получать пинки от сообщества.

Итак, PROFI.RU

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

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

Часть первая. Бизнес модель.

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

Давайте рассмотрим этот процесс подробнее.

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

Главный недостаток такой модели в том, что она очень сложно масштабируется — с увеличением числа заказов необходимо увеличивать и количество администраторов.

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

Например, я, как исполнитель, вижу подходящую заявку на услугу, оплачиваю стоимость заявки (примерно от 20 до 200 рублей) и жду, когда меня выберут. Если меня выбрали, то сумма заявки возвращается, если нет — деньги сгорают.

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

Сегодня профи.ру находится в переходном этапе от традиционной модели с комиссией к автоматизированному аукциону.

Часть вторая. Зонтичный бренд

Еще одной важной особенностью сервиса, которую мы узнали от заказчика, является большое количество различных направлений — вертикалей бизнеса. Платформа PROFI.RU образовалась путем объединения нескольких уже существующих сервисов по поиску репетиторов, спортивных тренеров, врачей и т.д. — образовав тем самым, так называемый, зонтичный бренд.

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

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

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

Часть третья. Legacy

Из-за особенностей, описанных выше, а именно из-за того, что сервис образовался путем слияния разных бизнесов, вытекает еще одна не самая приятная особенность — большое техническое наследование, или technological legacy. Это означает, что платформа, на которой строится профиру за всю свою историю существования (а это больше 10 лет) обросла огромным количеством костылей и ограничений. БОльшая часть интерфейсных (и не только) проблем сервиса связанна именно с этим — любое изменение дается долго и дорого.
Поэтому бриф, который озвучил Андрей, был про свежий взгляд без привязки к грузу технических ограничений.

Итого

После общения с заказчиком мы выделили три главных особенности профиру:

  • сейчас сервис находится в стадии перехода с одной модели монетизации на другую;
  • сервис имеет большое количество вертикалей бизнеса;
  • многие проблемы сервиса связаны с устаревшей архитектурой.

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

Мини-кейс

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

Например, как решить проблему того, что люди часто не заканчивают курс лекарств до конца?

Конечно же ввести геймификацию!
Главная проблема заключается в том, что довольно сложно принимать большое количество одинаковых лекарств постоянно, это просто надоедает. Но можно пойти другим путем и разделить одинаковые лекарства на две группы — 90% оставить как было, а 10% сделать другим цветом и разместить их в самом конце, сказав, что их прием ОБЯЗАТЕЛЕН.

Профит!

Три снайперские техники дизайна

Три снайперские техники дизайна

Сначала переформулировать задачу. Описать задачу в понятных и простых понятиях. Человеческие проблемы, главное и второстепенное, причины и следствия. Затем описать задачу в пяти словах. Например, «создать удовольствие знакомства с новостями» или «помогать человеку выбирать только нужное» и подобное. Формулировка — ясность мысли. Чтобы правильно объяснить себе цель и задачу нужно досконально изучить поведение людей, мотивы, привычки и то как уже реализуются потребности людей в повседневности.

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

Третье. Создавайте альтернативы визуального решения. Много разнообразных форм графики. Все, что способно увлекать человека , привлекать взгляд, быть зрительно необычным, но при этом знакомым по потенциальным возможностям функциональности. Самые простые решения в дизайне — на вершине огромной горы эскизов. Каждый визуальный приём, цвет, положение в макете, шрифт, форму — объясняйте смысл. Почему так? Почему это будет помогать? Как это улучшит впечатление человека?

Это три простые техники. Очевидные и простые. Но с ними не промахнешься.

Кажется, неплохая статья о том, как анализировать данные

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

Вот несколько советов о том, что ж делать-то:

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

2. Держите в голове вопрос, на который вы хотите ответить при помощи данных. Иначе рискуете собрать много бесполезных цифр.

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

4. Проверьте, что контекст сбора данных был верным. Если вы собрали данных за два года, то половина из них может оказаться нерелевантной из-за изменившегося контекста (например, был проведён редизайн сайта).

5. Собирайте данные из разных источников, чтобы собрать полную картину и проверить данные на противоречия.

6. Выделите свои основные KPI и смотрите на них. Так не потонете в пучинах таблиц и цифр.

7. …но сравнивайте их и с другими метриками, которые идут с KPI в противоречие.

8. Ищите не только данные, которые подтверждают ваши гипотезы, но и те, которые их опровергают. Хоть так соблазнительно закончить исследование, если вы вроде как нашли доказательства ваших инсайтов, но потратьте немного времени и подумайте, где вы можете найти опровержение — возможно, вас ждёт сюрприз.

9. Исследуйте аномалии. Если вы видите наравномерные всплески и провали ключевых метрик, потратьте усилия, чтобы понять их причины. Возможно, это проявления какой-то большой проблемы.

10. Категоризируйте и кластеризируйте качественные и количественные данные — так с ними будет проще работать.

11. Визуализируйте ваши данные. Порой, так будет проще делать выводы, чем просто пырясь в таблицу.

12. Используйте цветовое кодирование… очевидно. ✅

13. Используйте когортный анализ, когда это возможно. (Ну такое)

14. Используйте специальные тулы. (Тут в статье реклама видимо)

https://databox.com/how-to-analyze-data

HOW TO WORK BETTER (как работать лучше/продуктивнее)

HOW TO WORK BETTER (как работать лучше/продуктивнее)

HOW TO WORK BETTER (как работать лучше/продуктивнее) – произведение художников Peter Fischli и David Weiss. Список из 10 простых пунктов распространяется не только на продуктивность в работе, но и на восприятие повседневной жизни.

1 Делай только одно дело одновременно / сосредоточься на одной задаче
2 Осознавай проблему
3 Учись слушать
4 Учись задавать вопросы
5 Отличай важное от неважного
6 Принимай изменчивость как неизбежность 🙂
7 Признавай/допускай ошибки
8 Говори проще
9 Будь спокойным/ой
10 Улыбайся

Художники заимствовали эти мысли со знака на доске объявлений на керамической фабрике в Тайланде почти 30 лет назад. С тех пор список появлялся на разных носителях от почтовой открытки до книжной обложки. Работа получила широкую известность в 1991, после появления в виде мурала на торце офисного здания в Цюрихе. Для повторения стиля оригинальной надписи художники изготавливали трафареты с фотографии каждый раз, когда список воспроизводился.

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

И даже сейчас, местами наивный, список HOW TO WORK BETTER предлагает нам остановиться и подумать о том, как и почему мы делаем то, что делаем 🙂

Десять советов: как развивать себя

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

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

Учитесь переключаться на другие задачи. Развивая себя можно легко впасть в скуку. Всегда имейте пару альтернативных дел, в которые можно уйти с головой, но при этом отдохнуть от саморазвития. Отдых — это важная часть успеха в работе. Усталому быстрее становится скучно, обидно за себя. Умение отдыхать — это практика наполнения себя энергией и вдохновением. Скучный и усталый неудачник никому не нужен. Отдыхай, чтобы круто работать.

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

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

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

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

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

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

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

Рисуйте план. Именно рисуйте, линии, этапы, визуализируйте образы, создавайте как гиперболы, так и точные и измеряемые параметры. Визуальный образ линии, календаря, круга в котором вы из прошлого на старте можете встретить себя развитым и изменившимся на финише задуманного вами цикла. Это отличные истории о себе. Нужно видеть план, держать его для анализа. Часто проделанная работа не видна, поскольку она не сопоставляется с планом, а прошлое быстро забывается.

Хорошо разберись в себе. Играй на своих недостатках. Опаздываешь? — Назначай себе встречи за час до начала и спокойно опаздывай на эту «обманку», полюби это неторопливое чувство, что ты не торопишься, но и не опаздываешь. Тебе важна личная оценка себя или признание твоих заслуг окружающими? Если ты достигнешь своей цели полностью, то подумай, как ты будешь себя чувствовать, но главное — как это может повлиять на твои отношения с людьми вокруг.

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