Дизайн интерфейса мобильного приложения для лесничеств

Компания Data Solution — наш очень старый клиент. Их специализация — IT-решения для автоматизации контролирующих органов (государственных и не только).
К 2021 году мы уже сделали для Data Solution приложение для работы с государственными реестрами и редизайн сервиса для управления такими реестрами.
Новое приложение предназначено для сотрудников лесничеств и владельцев складов и лесопилок. Приложение должно помочь им оформлять все необходимые документы на древесину, а оформлять их нужно много. Очень много.
Бизнес-задача
Создать инструмент, который будет, выражаясь бюрократическим языком, “способствовать реализации одной из мер по противодействию незаконной вырубке леса”.
А точнее, выражаясь языком человеческим, разработать мобильное приложение для лесничеств.


Контроль.Лес.Авторизация и профиль пользователя
Дизайн-задача
Разработать приложение, которое позволит всем, кто занимается лесозаготовками, — лесникам, владельцам лесопилок и складов леса — работать с документами в удобном формате.


Главная страница и действия с документом
Контекст
С того момента, как дерево превращается в бревно, все, что с ним происходит, обязательно сопровождается документами.
Электронный сопроводительный документ на транспортировку древесины
Тем, кто связан с лесной промышленностью, регулярно нужно оформлять и отправлять вот такие бумаги на лес:
- Отчеты о балансе древесины (ОБД) сообщают, что древесину привезли на склад или вывезли оттуда.
- Отчеты о переработанной продукции (ОПП) фиксируют все, что с деревом происходит на лесопилке.
- Электронные сопроводительные документы (ЭСД) на транспортировку древесины.
- Первичные учетные документы (ПУД) отражают покупку, продажу и т.п. на счетах бухгалтерского учета.


Создание нового документа
При этом на лесосеках и лесных складах вполне может и не быть интернета. Скорее всего и нет.
Приложение «Контроль.Лес» предназначено для того, чтобы быстро заполнять эти бумаги и отправлять их через Bluetooth.


Отправка документа через Bluetooth
Результат
Изучили, как выглядит лесной документооборот, в какие моменты, в связи с чем и какие именно бумаги оформляются. Какие действия должен совершить пользователь и какие дополнительные возможности ему нужно предоставить.
Любое действие на складе вызывает оформление ОБД. Любое действие на лесопилке вызывает оформление ОПП
Создали принципиальную схему работы приложения.
Спроектировали все необходимые экраны для основных сценариев работы с документами, затем отрисовали их для Android и iOS.
Всего около восьмидесяти экранов для каждой из мобильных платформ, в том числе:
13 экранов отправки и получения документов


Получение документа
6 экранов оформления электронного сопроводительного документа (ЭСД)




Действия с электронным сопроводительным документом (ЭСД)
23 экрана для различных вариантов и ситуаций оформления отчетов о переработанной продукции (ОПП)


Действия с отчетом о переработанной продукции (ОПП)
28 экранов для всевозможных отчетов о балансе древесины (ОБД)


Действия отчетом о балансе древесины (ОБД)
Кроме соовершенно необходимых действий с документами (открыть, заполнить, подписать, отправить…), предусмотрели возможности, которые вроде как не обязательны, но существенно облегчают жизнь тому, кто работает с приложением. Группировка по папкам, быстрые фильтры, возможность проверить, отправлял ли пользователь уже документ.


Карточка документа
У одного пользователя в приложении могут быть десятки, а то и сотни документов разных типов. Мы предусмотрели фильтрацию по следующим аттрибутам:
- Статус готовности:
- черновик
- подписанный
- неопубликованный
- опубликованный
- Дата:
- создания
- изменения
- передачи
- Тип:
- отчеты о балансе древесины (ОБД)
- отчеты о переработанной продукции (ОПП)
- электронные сопроводительные документы (ЭСД)
- первичные учетные документы (ПУД)


Фильтрация, черновики
Результаты приняты заказчиком и переданы в разработку.


Пользователь не найден, ошибка синхронизации
Некоторые цифры
Приложение доступно
на 2 платформах
Android и iOS
Мы спроектировали
> 80 экранов
для каждой платформы
Можно оформить
4 типа документов
в приложении
Вам нужен интерфейс?
Заказать дизайн
Напишите нам на we@sobakapav.ru
Что мы можем сделать?
UX-дизайн под ключ, как в этом кейсе, и многое другое.
UX/UI-дизайн под ключ
Когда нужна эта услуга
Интерфейс устарел или крайне неудобен. Или нуждается в переделке, потому что поменялись бизнес-процессы, рынок или целевая аудитория. Или вы создаете новый продукт и для него нужен новый интерфейс.
Что вы получите
Цельный дизайн сайта или системы. Нужный и удобный для пользователя, выгодный бизнесу и бережный к ресурсам разработки. Прозрачная методика и (по желанию) передача вам нашего опыта.
Слово директора
