Редизайн интерфейса системы оценки кредитных рисков

В статье хочу коротко описать рабочий процесс по редизайну продукта от компании Credit Sense.

Постановка задачи

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

  • компания Credit Sense создала первую версию продукта, который помогает кредитным компаниям автоматически оценивать кредитные риски и быстро принимать решения о выдаче кредитных средств;
  • продукт был протестирован реальностью и показал свою жизнеспособность, и теперь в планах компании вывести продукт на международный рынок;
  • основная задача сейчас — сделать из текущей версии продукт мирового уровня, который можно продавать на мировом рынке.

На основе этой ингформации был выработан план работы над проектом:

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

Анализ

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

После этого мне нужно было собрать всю возможную информацию, чтобы понять следующее:

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

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

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

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

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

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

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

Синтез

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

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

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

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

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

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

Для того, чтобы с чего-то начать я продумываю ключевой сценарий использования продукта (User Flow), определяю из каких шагов он состоит, какая информация нужна на кождом шаге, какие действия совершаются на каждом шаге.

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

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

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

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

Проработка

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

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

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

Финальное графическое оформление пользовательского интерфейса и дизайн-система

На предыдущем щаге было проработано черновое оформление графического интерфейса после чего было сделано финальное, более вылизанное и более “сексуальное”, как хотел заказчик.

Светлая тема
Темная тема

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

Заключение

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

--

--

Alex Voloshyn
Блог-портфолио Александра Волошина

Проектирую сложные сайты, веб-сервисы и мобильные приложения, обучаю в своей онлайн-школе Open Design School.