Специфика моей работы в Mail.Ru — это дизайн продуктовых линеек. Здесь важно иметь не просто системное, а скорее даже экосистемное решение — такой дизайн, который легко масштабируется на множество продуктов на разных платформах, будучи удобным для пользователя и комфортным в поддержке и развитии для компании. Поэтому среди наиболее интересных редизайнов 2014 годя я хочу выделить именно такие решения.
Комментарий написан для издания Цукерберг Позвонит.
Google Material Design
Это, наверное, самый масштабный заход на унификацию в истории. Единый адаптивный подход к интерфейсам на всей линейке устройств и устройств — веб, мобильные, планшеты, носимые девайсы, ТВ, авто. Очень сильная и детально проработанная визуально-интерфейсная идеология, охватывающая все аспекты работы современных продуктов. После захвата рынка Google плотно занялся решением дизайнерских проблем и сделал это с присущей ему технологичностью. Особенно впечатляет Polymer, фреймворк и визуальный конструктор приложений и сайтов в этой концепции.
IBM Design Language
IBM также выпустили свой визуальный язык, очень, очень и очень круто описанный, структурированный и поданный. Много интересных деталей, подходов к описанию гайдлайнов. Хотя это скорее принципы, ведь конкретных практических приложений почти нет. Никаких конкретных цифр в интерфейсной и типографической сетках, только принципы их построения. Для компании их масштаба — 400 000 сотрудников, штат дизайнеров должен дойти до 1000 человек, а количество продуктов бесконечно — такой подход дает гибкость при соблюдении общего духа дизайна. Посмотрите выступление Phil Gilbert, руководителя дизайна корпорации, в которой он рассказывает об инициативах компании и анонсирует эти гайдлайны.
Intuit Harmony
И еще одна история перестройки дизайна в больших компаниях. Intuit, ведущий производитель ПО для личного и корпоративного финансового учета, переосмыслил себя, выстроил дизайн-культуру и создал экосистему Harmony. Ситуация осложняется тем, что компания должна была совершить переход от настольного ПО к веб-сервисам в части продуктов, а пользователи у них — самого широкого профиля. Это схоже с тем, что делает в последнее время SalesForce.
The Guardian
Запуск нового сайта The Guardian, конечно, затянулся уже на год. Однако формат работы над ним крайне интересен — это что-то сродни реалити-шоу, когда компания постепенно выкатывает обновления на все большую аудиторию, подробно рассказывая о них и публично выкладывая всю внутреннюю кухню, включая весь код. Команда использует передовые технологии разработки и оптимизации производительности, а в интерфейсе — идеологию «контейнеров». По сути речь идет о наработках одностраничных сайтов, примененных для крупных продуктов.
Контент-проекты Mail.Ru Group
Мы в компании также плотно работаем над технологиями дизайнерско-технической унификации и в этом году перевели сразу пять контент-проектов на собственный фреймворк — Авто, Афиша, Гороскопы, Здоровье, Погода. В 2013 мы запускали на его базе мобильный веб, но с тех пор он совершил большой рывок вперед. Такая платформа решает сразу несколько задач: гарантированная унификация дизайна; масштабирование улучшений; постоянная актуальность дизайна; меньше рутины для дизайнера, больше фокуса на продуктовые задачи.
Платформа запущена совсем недавно и там еще длиннющий список доработок и багов. Но самое сложное уже позади и результаты впечатляющие ― за этот год мы сделали для обновления контент-проектов больше, чем за два предыдущих. Сейчас мы работаем над живыми гайдлайнами, которые помогут вывести дизайн-процесс на новый уровень. А также пытаемся адаптировать технологию для других продуктовых линеек.
По такому же пути идут наши коллеги из Яндекса. В этом году они также обновили линейку продуктов на базе своего фреймворка Лего: Диск, Маркет, Музыка, ТВ и другие. Очень интересно смотреть за другими реализациями — есть чему поучиться.
Другие заметные редизайны
Было много и других интересных историй, среди которых хочется отметить редизайны Spotify, шикарнейший SoundCloud для iPhone, также экосистемные About.com и линейка Dropbox (Mailbox, Carousel), развивший идеи Eviterra Virgin America.