Евгений Еликов
Евгений Еликов
2 мин. читать
3503 показа
1153 открытия

Кейс. UX/UI дизайн платёжной системы

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

Задача: спроектировать интерфейс и разработать дизайн для платёжной системы с упором на криптовалютные операции

О проекте

Как часто бывает в моей практике, есть команда разработчиков и руководитель. Продумали функционал, проработали бэкенд, собрали какой-никакой фронтовый интерфейс для тестирования.

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

В штате такого нет, у знакомых тоже никто дальше корпоративных сайтов не ходил. Нужен специалист. А ещё нужно сделать всё грамотно, быстро и без ТЗ. На этом шаге меня и зовут обычно в команду )

Особенности проекта

Первое - баланс пользователя. В системе предусмотрена работа с колоссальным количеством валют и крипто-валют. Учитывая, что всё это ежесекундно меняется, зафиксировать баланс конкретной цифрой не представляется возможным. Поэтому ввели "примерный баланс".

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

Я разработал иерархию интерфейсов, разбил всё по группам, смыслам и приоритетам. В итоге формы обрели приятный, понятный и удобный дизайн.

Третье - обилие функций системы. Множество валют повлекло за собой множество операций с ними. Причём операции с долларами кардинально отличаются от операций с чеками.

Я использовал классический приём - цветовое кодирование. Он нашёл своё отражение в сайдбаре навигации, в фирменной полоске в шапке и других мелочах. Резкие акценты в такой системе недопустимы.

Результат

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

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

~

Если у вас аналогичные ситуации на проектах - напишите, посмотрим, что можно сделать!

Нравится 1
3503
0

Подпишитесь на еженедельный
дайджест

Редакция отбирает лучший контент за неделю и отправляет его на вашу почту

Cпасибо за подписку!

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

Рекомендации

только для зарегистрированных
только для зарегистрированных
Подтвердите действие
Точно?
Сообщение
Текст
Подтвердите действие