Упрощаем сверку общих расходов

UX/UI-дизайн, исследование сценария,
продуктовая логика и визуальная система.

Главный экран мобильного приложения SplitSnap

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

Проблема

Сверка, которая забирала вечер

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

Почему это важно

Обычный расчёт легко превращался в спор

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

Роль

Моя зона как UX/UI-дизайнера

  • Сначала я разобрала ручную сверку и нашла места, где теряется доверие.

  • Я отвечала за дизайнерскую часть: исследование, user flow, логику экранов и визуальную систему.

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

  • Отдельно продумала ошибки распознавания, пустые состояния, спорные позиции и возврат к правке.

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

Понимание проблемы

Интервью

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

Главный выводЛюдям нужен не новый список трат. Им нужно понять, откуда взялась сумма и можно ли ей доверять.из него вырос сценарий

Решение

Сложный расчёт без ощущения сложного расчёта

Главный экран, добавление чека и редактирование работали как один путь. Пользователь видит итог и может дойти до источника суммы.
Экран добавления чека SplitSnap
НазадДобавить чекчек
Источник

Фото или файл чека

Фото чекакамера или галереяФайл чекаMHTML или PDF

Добавление чека

принимает фото или файл. Ручные поля остаются рядом.

Редактирование

хранит связь с исходником.

Экран редактирования чека SplitSnap
НазадРедактированиечек

Кому относится позиция

Голубика249 ₽ • нужно проверитьОбщее
Батончик530 ₽ • похоже, РомаРома
Пакет и доставка231 ₽ • исключитьПропуск
Экран объяснения баланса SplitSnap
Объяснение расчёта

Моя задолженность

-1 840 ₽
Оплатил
7 120 ₽
Должен
8 960 ₽

Разбивка по продуктам

Самокат02.04 • оплатил: Рома
-845 ₽

Общее (249 ₽ / 2)124 ₽

Личное Рома189 ₽

Перекрёсток01.04 • оплатил: Катя
+920 ₽

Я оплатил3 120 ₽

Моя доля2 200 ₽

Баланс

объясняет, кто оплатил и что осталось вернуть.

Сценарий

Путь от чека до понятного баланса

  1. 01Войти по имени
  2. 02Увидеть месяц
  3. 03Добавить чек
  4. 04Разделить позиции
  5. 05Проверить баланс
  6. 06Понять, откуда долг

Полный набор карточек исследования

Ручной расчёт
Ручная сверка
Главный вывод

Человеку важно не просто получить число, а понять, что в него попало.

Артефакты
  • карта расчёта
  • исключения
  • логика долга

Разобрала, из каких источников складывается долг: чеки, банк, переводы, исключения и дубли.

Wireframe

Сквозной сценарий и ветки восстановления — ручной ввод, ошибка распознавания и правка расхода.
Карта пользовательского флоу SplitSnap: основной путь добавления чека через фото и ветки восстановления при ошибках распознавания

Состояния и исключения

От чего я отказалась в первом прототипе

Полный семейный бюджет

Слишком широкий продукт. Он уводил бы от главной боли: закрыть месяц по общим покупкам.

Автоматический импорт банка

Сильная идея для будущего, но в MVP она добавляла больше технического риска, чем UX-пользы.

Автоделение без контроля

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

Доверие к итогу

Как я убрала сомнения в итоговой сумме

видно, из чего сложился итогможно убрать личные покупкиможно добавить оплату без чеканеполный чек не ломает расчётдубли не попадают в долг дваждыправки сохраняются и пересчитывают итогЭкран объяснения расчёта SplitSnap
Объяснение расчёта

Моя задолженность

-1 840 ₽
Оплатил
7 120 ₽
Должен
8 960 ₽

Разбивка по продуктам

Самокат02.04 • оплатил: Рома
-845 ₽

Общее124 ₽

Личное Рома189 ₽

Перекрёсток01.04 • оплатил: Катя
+920 ₽

Я оплатил3 120 ₽

Моя доля2 200 ₽

Визуальная система

Спокойная система для денежного сценария

ТипографикаSplitSnap

Заголовки ведут историю, интерфейсный текст остаётся коротким.

Палитра
#86CE22#064204#D2F38A#1D2A17#FAFCF5#FFF06C#1E1E1E#F5F8EE

Проверка результата

Что уже можно проверить в прототипе

Результат

Меньше ручной сверки

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

Дальше

Куда развивать дальше

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