Мой Билайн: тотальный редизайн

1. Вводная задача от заказчика, проблематика, цели

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

• Неудобная навигация и громоздкая структура приложения
• Слишком много информации, в которой тяжело ориентироваться
• Неудобно подключать услуги и опции
• Неясно отображение структуры трат

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

НАВИГАЦИЯ

Раньше в приложении было боковое меню, содержавшее массу пунктов (Главное, Финансы, Тарифы, Услуги, Интернет, Офисы, Помощь, Настройки, Приложения). Но оказалось, что часть пользователей в принципе не догадывалась о его существовании и, следовательно, частью функций приложения не пользовалась вовсе. Не помогали даже специальные подсказки.

Поэтому мы заменили боковое меню на таббар, который отображается на всех экранах. Чтобы оставить самое главное для пользователя и отсечь ненужное, мы обратились к метрикам. Например, оказалось, что в в старой версии в пункт меню “Офисы” заходят только 4% пользователей. Логично, что этому пункту не место на главном экране. Кроме того, изменения логики повлекло ограниченное пространство таббара.

АКЦЕНТЫ И ЦВЕТА

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

3. Результаты сотрудничества

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

ЧТО В ИТОГЕ

Мы глобально упростили логику, избавили пользователей от лишнего информационного шума и сделали дизайн свежим и дружелюбным. Обновляя “Мой Билайн”, мы стремились заложить в приложение “ресурс актуальности” за счет яркого и свежего, но при этом не банального дизайна. По этой причине мы где-то сознательно игнорировали гайдлайны и не применяли дизайн-решения на основе сиюминутных трендов. Когда мы начинали проектировать первую версию приложения, на рынке не было близких аналогов, на которые можно было бы ориентироваться, многие решения приходилось нащупывать методом проб и ошибок. К редизайну мы подошли, набравшись опыта, с четким пониманием бизнеса клиента и ориентировались на метрики и пользовательский фидбэк.

Редизайн "Мой Билайн" на Behance

"Мой Билайн" в App Store

"Мой Билайн" в Google Play