Программное обеспечение для управления контрактами, созданное для сегодняшнего дня
Совместное и интеллектуальное решение по управлению контрактами. Parley Pro создано для вас, современного бизнеса. Все, что вам нужно для управления всем процессом заключения контрактов с легкостью, и ничего лишнего.
PARLEYPRO PRODUCT
Обзор
Система ParleyPro обеспечивает современный процесс заключения контрактов, который сочетает в себе интеллектуальное сотрудничество, автоматизацию и аналитику для обеспечения лучшего опыта для всех.

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

October 2018 - Август 2021
Бэкграунд
Система ParleyPro обеспечивает современный процесс заключения контрактов, который сочетает в себе интеллектуальное сотрудничество, автоматизацию и понимание, чтобы обеспечить лучший опыт для всех.

Я присоединился к Parleypro в качестве дизайнера продукта два с половиной года назад как один из двух дизайнеров в компании из более чем 30 инженеров и 5 менеджеров по продукту. Я поддерживаю дизайн во всех аспектах нашего бизнеса и отвечаю за руководство UX и UI в ключевых частях прикладной стороны платформы.

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

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

Создание дизайна-кита. Это помогло сохранить единообразие внешнего вида и поведения в разных частях платформы.

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




Процесс
Наш процесс в Parley Pro основан на теории double diamond, адаптированной к нашим реалиям.
Мы начали свою работу со знакомства с системой, обзора конкурентов и понимания аудитории пользователей, работающих с системой (чтобы лучше понимать особенности, на которые следует обратить внимание при создании пользовательского интерфейса).
ПЕРСОНЫ
* имена не настоящие
СУЩЕСТВУЮЩИЕ РОЛИ И ФАЗЫ
НАПРАВЛЕНИЯ УЛУЧШЕНИЯ
Мы нашли много проблем, все обсудили с владельцами проекта и решили, что нужно сделать в первую очередь. Так как это живой продукт, то в первую очередь было решено устранить самые проблемные места, попутно решая бизнес-задачи, которые покрывают срочные потребности.
Затем мы приступили к
Мы столкнулись с тем, что весь дизайн-проект был сделан в разных программах (часть файлов была в sketch и invision, а часть файлов в Photoshop). Мы решили, что (еще сырая на тот момент) Figma решит и покроет все наши потребности в проектировании и реорганизации дизайна системы гораздо элегантнее. И мы переехали на нее, правда пришлось потратить на это некоторое время, но уже через неделю с начала переезда мы могли проектировать новые решения и решать задачи с помощью Figma. Figma объединяет в себе два базовых функционала, которые нам так нужны (это проектирование и создание прототипов взаимодействия).
Созданию дизайн системы
...в тот момент, когда дизайн-система начала приобретать законченный вид, мы приступили к работе над срочными задачами.
Работа над продуктом
При этом при всех улучшениях системы и процесса проектирования, нам приходилось решать насущные проблемы. На примере одной из них я хочу показать, какие именно задачи мы решали.
Описание от клиента:
*Скриншот задачи из Jira
Сначала мы выяснили все требования конечных пользователей (о том, как они видят этот функционал и какие задачи он должен решать... еще раз хочу упомянуть, что данный продукт в большей степени ориентирован на юристов).
Что удалось выяснить
При создании практически каждого нового договора в Parleypro используются базовые шаблоны с соответствующими полями (как правило, это стандартные наборы документов, которые добавляются в зависимости от цели договора).
Главные переговорщики хотели создать пакеты с набором таких шаблонов, чтобы их не добавляли по одному каждый раз. Также одним из условий была возможность назначать на каждый из шаблонов определенных пользователей или группы пользователей (пользователи автоматически добавлялись бы в договор в зависимости от стадии работы с документом для согласования).
Далее консолидируем все требования и составляем список ключевых моментов для создания данного функционала
Основная функциональность
Добавить функционал для создания новых бандлов (точка входа + модуль для создания и настройки пакетов)
Где-то иметь список уже созданных бандлов (с возможностью управления ими)



Модуль создания комплекта:
Задать имя для нового пакета
Сформировать список шаблонов в пакете
Возможность задать порядок добавления шаблонов в договор
Назначить утверждающих для каждого шаблона
Заполнить метаданные для пакета
Возможность выключать пакеты из списка возможных для использования без его удаления

• •



Наследие
Внешний вид существующего списка шаблонов
Создание нового шаблона
Хранение списка созданных шаблонов
Менедж созданных шаблонов
Существующий список опубликованных шаблонов, при добавлении на контракт
Редизайн (страница с шаблонами)
Так как бандлы по сути являются сгруппированными шаблонами, то логично было разместить их на той же странице (однако, не хотелось мешать все в общую кучу).
В итоге:
Вкладки с шаблонами и бандлами
  • Разделил страницу с шаблонами на 2 списка
Перенес функционал создания новых шаблонов и бандлов на уровень выше вкладок и разрешил создавать новые шаблоны и бандлы из любой из этих вкладок
  • Переорганизовал расположение элементов на странице
Так как списки на этих вкладках выглядели очень похоже, было решено использовать значки для большей дифференциации между ними (они были добавлены непосредственно на табы и в списки)
  • Визуально разделил сущности шаблонов и бандлов
Страница с шаблонами
Отдельный шаблон
Бандл
Проектирование функциональности для создания бандла
Так как все компоненты дизайн-системы были уже готовы, то никаких чертежей не требовалось и проектировать все на них было быстрее. Оставалось только спроектировать весь функционал, которым должен был обладать данный модуль.
  • Наименование бандла
  • Формирование списка шаблонов в пакете
  • Возможность задать порядок добавления шаблонов в договор
  • Назначить утверждающих (ответственных) для каждого шаблона
  • Заполнить метаданные для пакета
  • Возможность выключать пакеты из списка возможных для использования без его удаления
Инициализация создания пакета: присвоение имени пакету и выбор шаблона
Возможность настройки порядка добавления шаблонов в договор
Добавление согласующих на шаблон
Финальный шаг: заполнение метаданных
Визуализация функциональности на странице шаблонов
После создания пакета необходимо иметь возможность управлять им, но здесь это выглядит немного иначе.
Редизайн функциональности добавление шаблона на договор
Процесс добавления шаблонов уже реализован в системе, осталось только добавить бандлы. Так как бандлы шаблонов и сами шаблоны по сути являются одной сущностью, было принято решение не плодить дополнительных локаций для списка бандлов и объединить его с шаблонами в один список (но немного разделив их визуально).
  • Добавление поиска по шаблонам
Так как шаблонов может быть много, для ускорения поиска необходимого, был добавлен поиск по шаблонам (по сути он работает как фильтрация списка по введенному значению в строке поиска)
На помощь приходят добавленные ранее иконки (по ним легко сориентироваться что именно ты добавляешь, набор или единичный шаблон)
  • Визуальная дифференциация сущностей шаблон и бандл шаблонов
  • Добавление бандлов в список шаблонов
В данном случае нет смысла разделять простые шаблоны и бандлы шаблонов (тк в данном диалоге происходит только выбор и загрузка в договор)
Список изменений:
Визуализация функциональности добавление шаблона на договор
Заключение
Конечные пользователи с нетерпением ждали внедрения этой функции. И вот после внедрения этой небольшой функциональности процесс создания и заполнения договора с базовыми шаблонами стал намного проще.

На самом деле, за время сотрудничества с ParleyPro было решено много интересных задач, я описал только одну из последних (так как ее было легче всего вспомнить). Продукт действительно не простой, но в то же время очень интересный и перспективный. Я очень рад, что у меня была возможность стать частью команды и помочь улучшить этот продукт.
Отзыв
Работать с Дмитрием было очень продуктивно и приятно, он всегда был на связи и в кратчайшие сроки решал поставленные перед ним задачи. За время нашего сотрудничества он проявил себя как очень исполнительный и ответственный специалист.
Лилиан Калдейра, Генеральный директор ParleyPro
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website