Как стать автором
Обновить
259.4
Карма
0
Рейтинг
Юрий Ветров @jvetrau

Дизайн-менеджер

Paradigm 2.0 — как мы переосмыслили дизайн-систему Mail.ru

Paradigm в современном понимании дизайн-системы (компоненты в коде) начался в 2012-2013 году, а не в 2015 — www.smashingmagazine.com/2015/02/product-design-unification-case-study-mobile-web-framework.

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

Это не так. Токены и идея тематизации появились в 2017 году как ответ на вопрос «как не делать всех однояйцевыми» — habr.com/ru/company/mailru/blog/333510 (эта статья, кстати, цитируется выше). Т.е. иметь возможность той самой локальной оптимизации.

Ослабляем гайки, часть 2: срок голосования за публикации и другие изменения

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

Mail Design Cup 2018 — Конкурс для дизайнеров интерфейсов

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

Множество спонсорских задач для Skyeng, Qiwi, Delivery Club, ICQ и других.

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

Mail Design Cup 2018 — Конкурс для дизайнеров интерфейсов

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


Множество спонсорских задач для Skyeng, Qiwi, Delivery Club, ICQ и других.

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

Mail Design Cup 2018 — Конкурс для дизайнеров интерфейсов

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

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

Mail Design Cup 2018 — Конкурс для дизайнеров интерфейсов

Спасибо, хотел написать примерно так же :) Это шутливый тон, где играть словами рядом с основным контекстом можно.

DesignOps, стремительно ворвавшийся в тренд

Нет, не открыли — эта тема обсуждается уже много лет, у меня есть серия статей на тему того, как это происходит в Mail.Ru. Фокус заметки в том, что появился новый термин для описания дизайн-менеджмента.

DesignOps, стремительно ворвавшийся в тренд

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

myDribbble Meetup 2017 в Москве

В следующий раз пройдёт 29 июня 2019 года :)

myDribbble Meetup 2017 в Москве

Отчёт обычно выходит в течение месяца-двух, как только готовы видео. С прошлым вышла накладка.

Дайджест продуктового дизайна, апрель 2017

Спасибо! Интересный инструмент.

Дайджест продуктового дизайна, декабрь 2017

Thank you! Feel free to check out my portfolio.

Клуб создателей отечественных дизайн-систем

Если говорить про общий подход, то плюс-минус все дизайн системы строятся на модульной основе. У нас — переменные (визуальный стиль) → базовые элементы (то, что есть в любом интерфейсе — кнопки, поля форм и т.п.) → компоненты (то, что используют несколько продуктов — просмотрщик фото, форма регистрации и т.п.). В идеологии atomic design атомы → молекулы → организмы → шаблоны → страницы. В БЭМ — чуть по-другому, но идея похожая.

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

Russian Design Cup 2017

В задаче есть вторая половина: «В качестве примера использования нашей валюты нарисуйте лендинг типового ICO.»

Название и позиционирование не обязательно должно иметь обоснование в виде гайдлайна на 200 страниц — хорошая идея с небольшим описанием сработает.

Russian Design Cup 2017

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

Russian Design Cup 2017

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

Russian Design Cup 2017

В конкурсе можно участвовать гражданам Украины, Грузии, Прибалтики и стран СНГ. В 2014, например, в RDC победил Доминик Левицкий из Ужгорода.

Paradigm  —  дизайн-система Mail.Ru Group, часть 1: визуальный язык

Цитата из статьи:

В нашем подразделении «Почта и портал» около 20 продуктов — productivity (Почта, Облако, Календарь, Mail.Ru для бизнеса), медиапроекты (Авто, Гороскопы, Дети, Добро, Здоровье, Леди, Кино, Медиатор, Недвижимость, Новости, Погода, Спорт, ТВ, Hi-Tech, SEOSan), Beepcar, Ответы, мобильные продукты (myMail, Artisto), главная страница и общепортальные правила для Mail.Ru, поддержка стилистики бренда My.com.


Пока мы занимаемся этим пулом продуктов. Когда Paradigm будет достаточно отлажен, сможем помочь и коллегам.

Paradigm  —  дизайн-система Mail.Ru Group, часть 1: визуальный язык

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

Paradigm  —  дизайн-система Mail.Ru Group, часть 1: визуальный язык

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

Информация

В рейтинге
5,788-й
Откуда
Москва, Москва и Московская обл., Россия
Работает в
Дата рождения
Зарегистрирован
Активность