Tinkoff

UI/UX Designer

Mobile App

Tinkoff

UI/UX Designer

Mobile App

Контекст

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

Цели

  • Создать интерфейс для разделения чека и выбора участников

  • Разработать три варианта разделения оплаты: «ручной», «совместный» и «поровну»

  • Создать систему уведомлений для участников о новом запросе

  • Реализовать возможность подтверждения или отклонения запроса для участников

Варианты разделения оплаты:

Варианты разделения оплаты:

Итак, после оплаты все чеки автоматически загружаются из ФНС, а также мы можем просмотреть все приобретенные товары. После этого мы можем разделить чек и выбрать участников. Мы видим этот процесс от лица Анны.

Мы видим этот процесс от лица Анны

Мы видим этот процесс от лица Анны

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

Совместный – после данного экрана всем участникам одновременно приходит уведомление о новом запросе и, в режиме онлайн, каждый отмечает позиции, которые были им заказаны.

Поровну – счет делиться автоматически поровну и приходит всем участникам. (допустим, компания заказывала пиццу и лимонад).

Первый путь

Способ разделения «Сам»

Первый путь

Способ разделения «Сам»

Небольшая компания из 3-х человек приобререла Большой раф и Круассан. Анна и Дмитрий поделили Круассан, а Иван купил Большой раф для себя.

Первый шаг: организатор видит список всех позиций, кнопка запросить недоступна (т.к. не распределены участники).

При добавлении участников по клику на «+» в определенной позиции, появляется всплывающее окно, где непосредственно можно отметить людей. Доступен выбор нескольких участников для одной позиции, тогда система автоматически делит сумму на кол-во персон.

  1. При подтверждении кнопкой «Добавить» окно закрывается, и организатор наглядно видит позиции и кол-во персон. Ниже представлен общий список участников. Так как предполагается, что Анна уже заплатила за всех и ее участие выглядит «неактивным». Также в списке видно наименование и кол-во выбранных позиций (если двое выбрали одну позицию, то их сумма делиться и отображается как 1/2).

  2. Организатор видит сколько итого нужно запросить у участников и может отправить запрос.

Действие от лица участника – Ивана

Действие от лица участника – Ивана

Участник видит входящее уведомление о новом запросе, от кого он, а также название и категорию.

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

Далее – общий список где неактивны остальные персоны, чтобы участник сразу понимал и видел где расписаны его позиции.

Ниже расположена общая сумма «Итого» и видна кнопка «Подтвердить и перевести», либо «Отклонить», если участник не согласен.

Второй путь

Способ разделения «Вместе»

Второй путь

Способ разделения «Вместе»

Организатор (Анна) после выбора способа разделения получает параллельно со всеми участниками уведомление о созданном запросе.

Действие от лица участника – Ивана

Действие от лица участника – Ивана

Участник видит входящее уведомление о новом запросе, от кого он, а также название и категорию.

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

Ниже расположена общая сумма «Итого» и видна кнопка «Подтвердить и перевести», либо «Отклонить», если участник не согласен.

💡

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

💡

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

Третий путь

Способ разделения «Поровну»

Третий путь

Способ разделения «Поровну»

Действие от лица участника – Анны

Действие от лица участника – Анны

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

Действие от лица участника – Ивана

Действие от лица участника – Ивана

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

©Adelina Urzhanova

2024

©Adelina Urzhanova

2024