Tinkoff

UI/UX Designer

Mobile App

Tinkoff

UI/UX Designer

Mobile App

Контекст

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

Цели

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Первый путь

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

Первый путь

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

Первый путь

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

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

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

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

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

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

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

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

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

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

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

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

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

Второй путь

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

Второй путь

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

Второй путь

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

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

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

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

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

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

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

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

💡

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

💡

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

💡

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

Третий путь

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

Третий путь

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

Третий путь

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

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

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

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

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

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

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

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

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

©Adelina Urzhanova

2024

©Adelina Urzhanova

2024

©Adelina Urzhanova

2024