Привет, Хабр! Меня зовут Катя, я UI/UX-дизайнер внутрикорпоративных сервисов в компании «Совкомбанк Технологии».
В финансовой сфере дизайн — это не только про красивый визуал. Каждый неудачный экран, каждая неочевидная форма или лишний клик обходятся компании реальными денежными потерями: дополнительными часами поддержки, затянувшимися доработками и упущенными клиентами. Идея, которую я сформировала за время работы в финтехе, заключается в том, что, разрабатывая продукт с нуля, можно столкнуться с множеством трудностей. Одна их них – как разработать хорошее приложение. Чем сложнее цифровой продукт, тем разработка его подобна «мытью слона» - огромного и не поворотного. Трудно решиться, непонятно с чего начать и нужно заранее понимать: с какой стороны подойти, сколько времени потратить на каждую часть, и когда вовремя остановиться, признав, что слон уже достаточно чист – мы готовы показать его миру.
В этой статье я поделюсь своим мнением о том, как системный подход, работа на стыке аналитики и фронтенда и современные инструменты помогают не утонуть в рутине – и пока все внедряют фичи, дизайнер сохраняет целостность пользовательского опыта при пользовании глобальными банковскими продуктами.
UI и UX: где граница и почему важно её видеть
В работе часто замечаю, что эти понятия смешивают. Хотя они неразрывно связаны, назначение у них разное: как у кожи и нервной системы слона. Давайте разберемся:
UI (User Interface) — Интерфейс. Это внешний вид: кнопки, шрифты, цвета, анимации.
UX (User Experience) — Опыт. Логика взаимодействия и ощущение от продукта: продуманные сценарии, удобство и понятность на каждом шаге.
Хороший UI не спасёт продукт, если UX провален. Например, красиво оформленная форма, которая не подсказывает формат ИНН, обрушит конверсию. Зато продуманный UX вкупе с чистым UI может снизить нагрузку на поддержку на 25% — проверено на практике.
Принципы проектирования сложных интерфейсов: метод «мытья слона»
Финтех-продукт — это сложная экосистема, где над разными процессами работают десятки аналитиков параллельно, каждый со своим участком: кредиты, переводы, депозиты, отдельные проекты внутри банковских сервисов для операторов. В этом хаосе дизайнер становится точкой сборки. Именно он переводит бизнес-требования аналитиков на язык интерфейса и сокращает время фронтенд-разработки.
Чтобы справиться с этой сложностью, я использую метод «Мытье слона»:
С чего начать: Выбираем ключевые user flows, приносящие основной доход или решающие критичные боли. Например, платежи и переводы.
Как мыть: Декомпозируем задачи на экраны и компоненты, учитывая проверенные UX-паттерны и UI-гайды.
Сколько мыть: Приоритезируем этапы по их бизнес-значимости — не все требуют одинаковой глубины проработки.
Когда прекратить: Определяем критерии готовности. Ставим чёткие критерии: тестирование сценариев на пользователях, показатели успешности >85%, отсутствие серьёзных багов и подтверждённое снижение нагрузки на поддержку.
Как избежать ошибок ещё до релиза
Ошибка — это провал дизайна и аналитики, а не глупость пользователя. Скорее всего, что форма не подсказала правильный формат или интерфейс сбивал с толку. Выводилось уведомление об ошибке, еще с прошлого шага, вместо корректного объяснения и подсвечивания проблемного поля.
Поэтому везде, где возможно, нужно давать понятные подсказки: автозаполнение полей, чтобы не гадать, как писать «Иваново‑Вознесенск, или предупреждение не в виде Ошибка 404, а: У вас недостаточно средств. Пополните счет на 0,12 ₽.
Кроме того, важно следить за единообразием: если свайп удаляет элемент в одном разделе, он не должен архивировать в другом. Всё это поддерживается за счёт живой дизайн-системы, которую дизайнер поддерживает, обновляет и развивает. Она позволяет аналитикам быстро применять готовые UX-решения и описывать бизнес-требования на их основе, не изобретая велосипед заново.
Инструменты и автоматизация: как оптимизировать рутинные процессы
Сегодня дизайнер работает не только на стыке аналитики и фронтенда, но и в связке с нейросетями и автоматизированными сервисами. Это позволяет тратить меньше времени на рутинные задачи и больше – на улучшение юзабилити.
Живая дизайн-система. Мы с командой регулярно обновляем библиотеку компонентов в Figma и синхронизируем дизайн с фронтом. Это экономит десятки часов работы и обеспечивает единообразие интерфейсов.
Нейросети в Figma. Когда аналитики присылают новый процесс, дизайнер имеет возможность прогнать бизнес-требования через AI-функционал в Figma и собрать кликабельный прототип на основе уже существующей библиотеки компонентов проекта. Нейронка под капотом рабочей программы помогает предложить альтернативные варианты, находить нестандартные, но удобные решения. Остается проверить соответствие дизайн-системе и встроить во флоу.
Оптимизация исследований. Мы храним шаблоны юзабилити-тестов и фиксируем частые проблемы пользователей, подключаем автоматизированные отчёты. Перед каждым релизом макеты проходят автоматическую проверку на соответствие гайдлайнам.
Почему без UI/UX дизайнера будет грустно
Во многих проектах аналитиков десятки, каждый отвечает за свой процесс внутри системы. И здесь кроется опасность: разрозненность интерфейсов, когда одинаковые операции в разных разделах работают по-разному. Поэтому дизайнер формирует общее представление продукта для пользователя: собирает UI kit, описывает UX-паттерны, бережно развивает библиотеку компонентов. Он говорит с аналитиком на его языке, а с фронтом — на своём, понимая ограничения разработки и как подготовить макет, чтобы облегчить ему жизнь. Именно системный подход помогает сократить время на реализацию и переделки. Бизнес точно знает стоимость поддержки, имеет возможность для быстрого масштабирования продукта. Аналитики экономят время на описании бизнес-требований, а тестировщики работают с предсказуемыми сценариями. А главное – сохраняется целостность продукта.
Именно связка анализа, комплексного дизайна и разработки позволяет слонам мыться в нужное время и в нужном месте.
Заключение
Считаю, что финтех – это не про единый релиз, а про закономерные «точечные улучшения». Продукт должен ощущаться пользователем как единое целое — за это отвечает дизайн-система. Если мы подходим к делу системно и моем слона по частям, соблюдая приоритеты и стандарты, результат всегда лучше. И, что важно, нельзя пытаться довести до «абсолютной чистоты» — вовремя остановиться и выпускать продукт не менее важно, чем знать, когда начинать.
Цифровой дизайн — это не про украшательства. Это способ показать бизнесу, аналитикам, разработчикам, а главное клиентам, что всё продумано и работает как единое целое. Но важно помнить: идеально чистого слона не бывает, выпустив продукт, необходимо постепенно улучшать его на основе обратной связи от тестирования и разрастания бизнес-процессов.
Спасибо, что дочитали до конца! Надеюсь, после этой статьи тонкости UI/UX стали для вас чуть понятнее и ближе. Если остались вопросы или хочется что‑то обсудить — пишите в комментариях, буду рада диалогу и новым находкам