Вчера увидел, что я сильно погрузился в передовые технологии дизайна и совершенно не публиковал чем же я занимаюсь в основное время. Пора исправиться )
Задача: спроектировать интерфейс и разработать дизайн для платёжной системы с упором на криптовалютные операции
О проекте
Как часто бывает в моей практике, есть команда разработчиков и руководитель. Продумали функционал, проработали бэкенд, собрали какой-никакой фронтовый интерфейс для тестирования.
Дальше встаёт вопрос: как с этим всем выходить на рынок? Нужно красиво оформить. Но есть два нюанса. Во-первых, дизайнер должен понимать как функционариует платёжная система, кто ей будет пользоваться и какие есть тонкости в конкретном проекте.
В штате такого нет, у знакомых тоже никто дальше корпоративных сайтов не ходил. Нужен специалист. А ещё нужно сделать всё грамотно, быстро и без ТЗ. На этом шаге меня и зовут обычно в команду )
Особенности проекта
Первое - баланс пользователя. В системе предусмотрена работа с колоссальным количеством валют и крипто-валют. Учитывая, что всё это ежесекундно меняется, зафиксировать баланс конкретной цифрой не представляется возможным. Поэтому ввели "примерный баланс".
Второе - иерархия интерфейса. Старый интерфейс отражал логику работы бэкенда, но для пользователя это выглядело как огромное количество полей. Ориентироваться в этом было сложно, пользоваться тем более.
Я разработал иерархию интерфейсов, разбил всё по группам, смыслам и приоритетам. В итоге формы обрели приятный, понятный и удобный дизайн.
Третье - обилие функций системы. Множество валют повлекло за собой множество операций с ними. Причём операции с долларами кардинально отличаются от операций с чеками.
Я использовал классический приём - цветовое кодирование. Он нашёл своё отражение в сайдбаре навигации, в фирменной полоске в шапке и других мелочах. Резкие акценты в такой системе недопустимы.
Результат
Не смотря на то, что функционал системы вроде бы был готов, на этапе дизайна пришлось многое доработать и переосмыслить.
В итоге получился совсем другой интерфейс. Удобный, понятный, аккуратный. А главное - легко масштабируемый. Ведь количество валют постоянно меняется, и меняются операции с ними.
~
Если у вас аналогичные ситуации на проектах - напишите, посмотрим, что можно сделать!