Патрикеев Алексей

Разделение суммы за покупку

Продуктовый дизайн, приложение

Моя рольProduct Designer — анализ, исследование, проектирование UX/UI, разработка прототипа и проработка флоу, тестирование и отрисовка экранов для дальнейшей разработки на iOS
ИнструментыFigma, Adobe PS, Pathway
ПлатформаIOS
Дата2024

Т-Банк — один из крупнейших онлайн-банков в России, который обслуживает более 43 миллионов клиентов. Банк помогает решать повседневные финансовые задачи: оплачивать счета, управлять подписками, переводить деньги.

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

Результаты работы

В результате разработки прототипа и тестирования удалось достигнуть следующих результатов:

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

Определение задачи

Контекст

Компания друзей сходила в ресторан, и один из них оплатил общий счет.

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

Цель

Разработать интерфейс разделения суммы за покупку между друзьями с опцией отображения списка покупок из общего счета.

Решение задачи

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

1

Погружение. Поиск решений

Затем начал смотреть, как это сейчас реализовано в Т-Банке, попутно делая скриншоты, для воспроизведения пути пользователя.

Я изучил, как функция разделения счета реализована в Т-Банке, чтобы понять существующий процесс и возможности. Затем провел исследование аналогичных сервисов, детально сравнив их функционал и подходы к решению задачи. Это помогло выявить как сильные стороны, так и слабые в текущем решении.

2

Исследование

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

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

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

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

3

Прототипирование и тестирование

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

Разделение общего счета с друзьями

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

Не помните расходы, но есть чек?

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

Дайте друзьям выбрать свои позиции

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

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

  • Пользователи оценили удобство экранов на 8/10 баллов, ранее было 6.87
  • Увеличение скорости выполнения задачи по разделению счета
  • Снижено количество ошибок при тестировании
  • Улучшено восприятие кнопок и функций
  • По итогам тестирования респонденты отметили удобство и понятность нового интерфейса, а так же интерес использования в реальной жизни
  • Обнаружены области для дальнейших улучшений

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

UI

Так как официальный UI-kit для мобильного приложения T-банка не был доступен, я решил создать его самостоятельно.

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

Выводы

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

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

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

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

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

Какие возникли сложности

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

Отсутствие официального UI-kit

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

Многие респонденты не были знакомы с функцией разделения счета в Банке

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

Ограничение по времени

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

P.S. Таких сложностей на самом деле было больше, привел только некоторые из них 🙂

Другие кейсы