UX/UI of the "Network development monitor" service

UX/UI сервиса "Монитор программ развития

и оптимизации сети"

В компании постоянно происходит расширение географии присутствия: открываются, закрываются, переезжают, ремонтируются, объединяются новые точки продаж. Сейчас все сопутствующие этому процессы и документооборот ведутся через электронную почту и при помощи бумажных носителей. От бизнеса поступила задача: перенести все процессы и документооборот по расширению сети офисов в цифровую среду. Решение: разработан сервис "Монитор программ развития и оптимизации сети". На скриншоте представлен главный экран, где каждый проект (открытие, переезд, ремонт, реконструкция, объединение офисов и т. п.) представлен в виде одной

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

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

UX/UI of the service "Monitor of network development and optimization programs"

The company is constantly expanding its geographic presence: new points of sale are opening, closing, moving, renovating, merging. Currently, all associated processes and document flow are conducted via email and using paper media. The business task was to transfer all processes and document flow for expanding the office network to a digital environment. Solution: the service

"Monitor of network development and optimization programs" was developed. The screenshot shows the main screen, where each project (opening, moving, renovation, reconstruction, merging of offices, etc.) is presented as one row of the table. The program manager quickly and conveniently works with project-rows. He can fall into any project by double-clicking on any of the rows or clicking on the icon with the image of a pencil ("Edit"). The program manager monitors and configures task paths

within projects, monitors the timeliness of project task execution, and solves all other tasks using this interface, related to working with the company's office network extension. The program manager can load a pre-configured list of projects from a text file, or add each project to the system manually.

The program manager can mass-launch projects and assign project managers responsible

for their execution. Using the switcher, the manager can switch project visualization to types: table or cards.

More by Alexey Starodumov

View profile