Как Съесть Кита Или История Создания Линейки Мобильных Продуктов

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

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

Например, постановка задач стала проще и понятнее.

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

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

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

Вы просто продолжаете есть.

Единая платформа дизайна — эффективный инструмент координации работы.

Важным требованием при создании стандартизированного интерфейса была возможность легкого применения его как к iOS, так и к Android-версиям.

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

Тактика конвергенции платформ



Итак, с правилами этикета мы определились.

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

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

В начале 2012 года iOS7 еще не появилась, и скеоморфизм был очень популярен.

Этот стиль был настолько далек от рекомендаций Android, что резко увеличил объем работы дизайнерского отдела.

Поэтому мы упростили визуальную составляющую для iOS-версий продуктов.

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



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

Брендирование графических элементов



Еще одним простым, но эффективным инструментом стал единый стиль иконок приложений.

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

Мы отказались от скеоморфизма с детализированными иконками и стали действовать только в рамках простых форм и цветовых решений.

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

Поэтому мы предложили разбавить их нейтральными цветами: белым и темно-серым.

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

Мы использовали один и тот же подход для всех значков приложений.

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

Разработка



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

Он должен задавать тенденции, а не следовать им.

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

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

Переходя к терминологии «столового кита», можно сказать, что чем качественнее вы приготовите соленые огурцы, тем дольше вы сможете их есть.

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

Результаты.

Даже очень большие «киты» могут быть очень вкусными и полезными.

Вопрос в том, как их правильно приготовить.

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