Finassets: дашборд для проверки криптоплатежей

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

Перед выплатами нужно понимать, сколько денег доступно. При проверке поступлений — сколько уже пришло и сколько ещё обрабатывается. В Finassets эти данные находились на разных страницах. История позволяла проверить отдельный перевод, но общую картину приходилось собирать самостоятельно.

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

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

Баланс показывает доступные средства сейчас. Поступления и выводы — операции за выбранный день, неделю или месяц. Чтобы общий переключатель периода не путал пользователя, добавил метки времени в карточки.

Статистика пересчитывается раз в четыре часа. Поэтому недавний перевод может уже появиться в истории, но ещё не попасть в общие итоги.

Недельная сумма не объясняет, когда уходили деньги. Это могли быть ежедневные выплаты или один крупный перевод.

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

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

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

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

Шкала сумм остаётся слева, линии и даты перемещаются вместе. Так пользователь может рассмотреть нужные дни, сохраняя ориентир по суммам. Общие итоги закреплены и относятся ко всему выбранному периоду.

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

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

Для двух графиков я предусмотрел отдельные состояния ошибки. Если данные не загрузились, сообщение появляется прямо в карточке: пользователь сразу видит, чего именно не хватает — графика поступлений и выводов или разбивки объёма по сетям.

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

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

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

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