На экране пользователь видел обычную форму заявления. За ней, однако, стояли 1С, ЕСИА, электронная подпись, несколько потоков данных и разные сценарии для физических и юридических лиц. UXART (Юиксарт) пришлось разбираться не только с интерфейсом, но и с тем, как этот интерфейс должен работать внутри сложного технологического процесса. После запуска через личный кабинет прошло более 10 000 технологических присоединений.
О проекте
Заказчик проекта: крупная государственная энергетическая компания.
Задача проекта: разработка структуры и дизайна личного кабинета со сложной интеграцией сервисов.
Решение
Личный кабинет для технологического присоединения выглядит как обычный цифровой сервис только на поверхности.
Пользователь открывает форму, вводит данные и отправляет заявление. За этими действиями находятся несколько информационных систем, проверка сведений, электронная подпись, статусы заявки, документы и передача данных между системами.
Именно поэтому проектирование началось не с визуального оформления экранов.
UXART (Юиксарт) подключился к работе над личным кабинетом крупной государственной энергетической компании и сначала разбирал сам процесс:
- Какие шаги проходит пользователь
- Какие сведения ему нужны
- Что происходит с заявлением после отправки
Первый артефакт — не дизайн
На старте требовалось определить полный состав будущего сервиса.
Отдельно нужно было понять, чем будут отличаться личные кабинеты физических и юридических лиц.
Для этого команда подготовила высокоуровневые прототипы. Они были намеренно простыми: каждый экран показывал набор предполагаемых элементов и одновременно служил местом для вопросов.
По такому прототипу можно было сразу обсудить содержание экрана, его функции и возможные технические сложности, не дожидаясь детальной отрисовки.
В рамках этого этапа разобрали
- Авторизацию
- Регистрацию
- Профили
- Подачу заявлений
- Список заявок
- Процесс технологического присоединения.
Внутри оказалось несколько систем
Одной из первых вводных стала 1С.
Поскольку существующий процесс технологического присоединения проходил там, 1С оставалась основной системой. При этом раньше часть данных менеджеры вносили вручную.
Новый личный кабинет должен был позволить пользователю передавать необходимые сведения самостоятельно.
Второй важной частью стала ЕСИА.
Через нее планировалось авторизовывать и проверять пользователей, а часть данных использовать при заполнении заявления.
Для юридических лиц добавлялась электронная подпись. Она нужна была для подписания документов непосредственно в личном кабинете.
Уже на этом этапе было понятно: форма заявления — далеко не весь проект.
Детализированный прототип пришлось связать с процессом
После согласования общей структуры команда детализировала экраны.
На них уже появились конкретные поля физических и юридических лиц, варианты авторизации, параметры списка заявлений, карточка заявления, статусы и форма подачи.
Прототипы делали в Axure 7. Они выглядели достаточно технически и не претендовали на финальную красоту. Но в этом и не было необходимости.
Основная задача прототипа заключалась в другом — показать, какие данные нужны на каждом экране и как человек проходит сценарий.
Самая сложная часть находилась за пределами интерфейса
После проработки экранов команда перешла к потокам данных.
Нужно было разобраться, что именно передается в 1С, какие сведения система возвращает обратно, как меняются статусы заявки и на каком этапе загружаются документы.
Для этого UXART (Юиксарт) подготовил схемы процессов.
Параллельно пришлось подробно описать поля:
- Тип данных
- Возможные значения
- Ограничения
- Маски
- И другие параметры
Отдельно составлялся маппинг между новой системой и 1С.
Эти материалы обсуждались с заказчиком, разработчиками и техническими специалистами, которые отвечали за существующую систему.
Разговор с командой 1С
Именно здесь проект стал заметно сложнее.
До обсуждения интеграции команда работала преимущественно с представителями заказчика, которые рассказывали, как сейчас устроен процесс и каким должен стать будущий сценарий.
Затем к обсуждению подключились специалисты, администрирующие 1С.
Нужно было договориться о том, какие данные система будет получать из личного кабинета и что должна отдавать обратно.
UXART (Юиксарт) приходилось приезжать на отдельные встречи и показывать схемы процессов непосредственно технической команде заказчика.
Схемы несколько раз корректировали:
- Менялось расположение блоков,
- Крупные процессы разбивали на отдельные части,
- Уточняли связи между этапами.
В конечном счете именно такая работа позволила согласовать пользовательский сценарий с существующей информационной системой.
Два сценария вместо одного
Разница между физическим и юридическим лицом проходила через весь сервис.
Менялись состав полей, данные профиля, порядок действий и требования к подписанию документов.
Поэтому команда не стала создавать один универсальный сценарий и потом добавлять в него исключения.
Различия закладывались еще на этапе прототипирования.
Так получились две логики работы, которые сходятся в общей системе, но учитывают разные требования к пользователю.
Результат измеряется не количеством экранов
Через созданный личный кабинет прошло более 10 000 технологических присоединений объектов.
Для пользователя основное изменение было простым: необходимые действия стали доступны удаленно, через один интерфейс.
За этой простотой стояла большая предпроектная работа — от высокоуровневых прототипов и детального проектирования до схем интеграции, описания полей и согласования потоков данных.
В этом проекте интерфейс был только последним слоем. Основной объем UXART (Юиксарт) пришлось на то, чтобы сначала разобраться в самом процессе, а уже потом переводить его в понятную последовательность действий для пользователя.
