прототип интерфейса веб-приложения
ATS24 — это SaaS решение для грузовладельцев, грузоперевозчиков и диспетчеров, которое позволяет управлять грузами, штатом, транспортом, обмениваться заказами на бирже и искать на ней исполнителей. Также система позволяет пользователям перейти на электронный документооборот и заключать договора при помощи электронных подписей.
Проект довольно большой, так что коротко рассказать обо всей проделанной работе мне, увы, не получится. Но я постараюсь затронуть самые интересные страницы и решения, показав их на примере перевозчика (для грузовладельцев некоторые вещи выглядят несколько иначе).
Страница входа
После авторизации пользователя ждет страница мониторинга (от английского «Dashboard»), на которой можно располагать виджеты и наблюдать всю ситуацию целиком: кто куда едет, кто какой груз везет, какие документы необходимо предоставить и т.д. Пользователь может расставлять виджеты как угодно и оставлять только нужные ему. Данное решение позволяет разработчикам легко наращивать функционал системы добавляя новые виджеты по желанию пользователей, при этом не нужно менять дизайн самой системы.
В гараже находится информация о всех транспортных средствах и их состояниях. В левой колонке находятся папки и смарт-папки, последние содержат транспортные средства выбранные по параметрам, заданным пользователем. Более того, пользователь может сохранить поисковый запрос в виде смарт-папки и получить быстрый доступ к результатам поиска (аналогичную функцию имеет сервис микроблоггинга Twitter).
Каждое транспортное средство (тягач, полуприцеп, прицеп или грузовик) представлено в виде карточки, которую можно раскрыть нажатием мыши:
При нажатии на скрепку она появляется в доке (вверху), откуда можно быстро получить информацию об объекте. Например если добавить туда выполняемый рейс, то чем бы не занимался пользователь, в каком бы разделе системы он не находился, эта информация всегда у него под рукой — нужно лишь навести курсор на скрепку в доке:
Чтобы ускорить визуальный поиск транспортных средств, мы нарисовали более 300 иконок тягачей, грузовиков, полуприцепоп, кузовов и прицепов, из которых можно составить более 50 000 различных вариантов автопоездов и грузовиков...
...и это не считая цвета! Каждая иконка нарисована с полупрозрачными областями, что позволяет раскрасить ее не только в один цвет, но и наложить изображение (например логотип компании):
Если нужно найти транспортное средство в определенном географическом регионе, то можно воспользоваться картой (предоставлена сервисом Яндекс-карты), которая доступна и в других разделах: поиск грузов, людей и предложений на бирже.
Чтобы добавить транспортное средство, информацию о сотруднике или иной документ, больше не нужно заполнять огромные формы, достаточно загрузить сканированную копию этого документа и система сделает все сама. Спасибо технологии распознания текста Abbyy FineReader Engine.
Если копии документа нет под рукой, ничего страшного, форма не попросит лишней информации, например технические характеристики транспортного средства (мощность, габариты и т.п.) уже имеются в базе данных сервиса, пользователю нужно лишь указать марку и модель.
Глаза работающих в ночную смену людей скажут спасибо темному оформлению интерфейса, которое можно включить в настройках:
