Новая Почта — Личный кабинет: форма создания Интернет документа

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

Основными целями на разработку новой формы были:

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

Старая форма

Форма Личного кабинета 2.0 (сейчас это Бизнес-кабинет) полностью отображает систему в интерфейсе. В цифровом мире это называется «Технозависимость». Система оптимизируется под нагрузки, базу данных, архитектуру и т.п. результат показывается пользователю в виде интерфейса приспособленного к техническим особенностям, но не к реальной жизни.

В старой форме пользователи создавали новый контакт или адрес в модальном окне, так как это отдельный запрос. Но, для пользователя подобные действия излишни. Почему, например, не показывать все поля сразу и автоматически сохранять новый контакт при создании накладной, как это делает любой почтовик при отправке Email?

Также, в старом варианте формы использовались устоявшиеся типы отправлений «Посилка» (до 30 кг) и «Вантаж» (свыше 30 кг) Для того что бы отправить, например, меньше 30 кг пользователю приходилось переключаться с одного типа на другой. Разве нельзя определять это автоматически согласно указанному весу?

Были очень слабо представлены дополнительные услуги, которые хотелось показать в полном объеме. А так же мы обнаружили другие проблемы различного характера.

Все это замедляло работу пользователей с формой и приводило к ошибкам.

Тестирование старой формы

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

В тестировании мы изначально задействовали только сотрудников Новой Почты.

Прототипирование

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

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

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

Тестирование прототипа

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

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

Готовый макет

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

Заключение

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

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

Над проектом работали:

  • Александр Арбузов Александр Арбузов

    Проектный менеджер

  • Максим Нестерук Максим Нестерук

    Руководитель отдела дизайна

  • Николай Аникиенко Николай Аникиенко

    Дизайнер

  • Руслан Хомяк Руслан Хомяк

    Frontend разработчик

  • Андрей Ляшок Андрей Ляшок

    Frontend разработчик