Улучшаем мобильное приложение «Лукойла»

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

• мобильного приложения «МТС Банка»;
• мобильного приложения «Пятёрочки»;
• мобильного приложения «МКБ».

Сегодня подробно разберем приложение «Лукойла». А для тех, кто нас еще не знает, мы — компания Polygant, занимаемся разработкой мобильных приложений и сервисов с фокусом на финтех.

«Лукойл» — одна из крупнейших вертикально-интегрированных нефтегазовых компаний в мире. На ее долю приходится более 2 % мировой добычи нефти и около 1 % доказанных запасов углеводородов.

Наименование компании происходит от первых букв названий городов нефтяников — Лангепас, Урай, Когалым — с добавлением слова «ойл» (нефть).

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

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

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

• программа лояльности — чтобы получать и списывать баллы, участвовать в акциях и бонусных программах;
• поиск ближайших АЗС — чтобы узнать стоимость топлива на них и наличие сопутствующих услуг (вроде мойки, шиномонтажа, магазина).

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

Главный экран приложения «Лукойла» состоит из 4 блоков:

• Акции. Текущие акции и предложения от АЗС.
• Сервисы. Предлагаемые партнерами «Лукойла» услуги по ремонту автомобилей, страхованию, автоюристов и т. п.
• Кофейный абонемент. Позволяет купить пять чашек и получить шестую всего за 1 рубль.
• Предложения партнеров. В отличие от раздела сервисов, здесь представлены партнеры, которые оказывают не автомобильные услуги.

Само приложение визуально выглядит достаточно приятно и в едином стиле:

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

Первое, что сразу бросается в глаза слева на иллюстрации — на главном экране нет блока, отображающего накопленные баллы программы лояльности АЗС.

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

• отображается текущий уровень пользователя в программе лояльности (в приложении ведь есть 3 уровня: бронза, серебро, золото);
• отображается количество баллов пользователя;
• выводится сумма, которую нужно потратить на АЗС, чтобы перейти на следующий уровень, и шкала, которая показывает, сколько еще осталось до него.

Помимо этого, можно быстро узнать «Как повысить уровень» и перейти в настройки аккаунта.

Далее мы расположили блок «Акции», элементы которого сделали крупнее, более заметными.

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

После блока «Акции» мы разместили блок «Кофейный абонемент», который тоже не оставили без доработок. Странно, что сейчас в приложении он черный и визуально очень сильно выделяется среди остальных блоков. Мы внесли правки, чтобы он соответствовал общему стилю приложения и не перетягивал на себя много внимания с учетом появления блока «Моя карта». Ну а еще мы считаем, что теперь он выглядит более дружелюбно :-)

Далее мы расположили «Сервисы» и «Предложения партнеров», оставив их в том виде, в котором они реализованы в приложении, т. е. без каких-либо переработок.

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

Экран программы лояльности в приложении состоит из 3 блоков:

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

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

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

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

Мы вынесли отображение баллов пользователя, а также номер его карты в отдельный блок «Моя карта», по аналогии с блоком на главном экране. Помимо этого, расширили его:

• добавили отображение даты конечного расчетного периода, когда происходит обновление уровней лояльности;
• переработали и добавили кнопку истории операции, чтобы она не терялась на общем фоне, поскольку это важный раздел в приложении;
• визуально обновили и добавили «Начисление баллов на Уровне…» (в оригинале это был нижний блок «Что дает Уровень…»).

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

Помимо блока «Моя карта», мы добавили еще один, полностью новый блок — «Последние операции». Он отображает последние совершенные операции с пользовательским счетом в программе лояльности АЗС, будь то покупка на заправке или сгорание баллов. Отображение последних операций — необходимая функция, не правда ли?

Ну а последним блоком на экране мы расположили «Кофейный абонемент», причем в нашем осветленном варианте.

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

Экран с картой АЗС — весьма удобная вещь, а в приложении «Лукойла» можно еще и посмотреть, нажав на определенную заправку, доступные способы оплаты и предоставляемые услуги (мойка, магазин, шиномонтаж и прочие). Но есть то, что следует доработать, чтобы этот экран стал идеальным в плане своей функциональности.

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

Мы решили доработать этот недочет и показывать только подходящие по фильтрам заправки, а заодно выводить и стоимость выбранного топлива, если пользователь указал, что хочет знать цену бензина АИ-95, например.

Теперь этот экран выглядит полностью доработанным и выполняет свои функции.

Мы провели глубокое тестирование мобильного приложения «Лукойла», весьма продуктивно поработали и наглядно улучшили его экраны.

Если оценивать приложение по трем критериям — дизайну, функционалу и удобству использования, то оценка будет следующей:

• Дизайн: хорошо с большим плюсом.
• Функционал: неплохо, но много чего можно улучшить и добавить.
• Удобство использования: хорошо, но есть что улучшить.

А как бы вы оценили мобильное приложение «Лукойла»? Что скажете о наших доработках, которые мы предложили в статье? Может быть, вы добавили бы еще что-нибудь? Пишите в комментариях, предлагайте свои идеи. Ну а мы пошли улучшать другие мобильные приложения.

#Лукойл #мобильное_приложение