Компания Xdesign разработала интерфейс системы управления сигнализацией. Ссылка на проект https://zont-online.ru/console/
Разразработчик поддержал нашу идею - максимально упростить интерфейс и сделать процесс общения неопытного пользователя с системой удобным и доступным. Как на показалось, идеология Metro как нельзя лучше подходила к решению поставленной задачи. На руку нам сыграло и то, что уже имели опыт работы с этим стилем на проекте интерфейса NetCat 5.
Из предоставленной заказчиком информации ясно следовало, что интерфейс должен быть удобен, универсален и легкодоступен обывателю. Функций и возможностей у системы очень много, поэтому их требовалось разделить на логические блоки.
После сбора информации нарисовали скетч, который и лег в основу финальной версии.
Область уведомлений и общих настроек.
Располагается в верхней части, на которую выводится информация о требуемых обновлениях, событиях, имени пользователя и общих настройках системы.
Что характерно, первоначально хотели выводить события непосредственно на карте с отметками о месте происшествия, но после того как увидили какое количество информации фиксируется в системе решили все убрать под одну иконку в верхней части интерфейса. Иконка меняет цвет с серого на красный, если произошло важное, с точки зрения системы, событие, а также демонстрирует общее количество событий.
Область устройств:
С этой областью тоже пришлось потратить немало времени на рассмотрение различных вариантов компановки.
Во-первых, он занимает очень много места, для этого решили сделать его скрывающимся.
Во-вторых, было предложение сделать кнопку настроек общей для всех устройств, и именно так уже предоставить выбор устройства, но этот вариант также сочли «не рабочим», и пришли к тому, что кнопка настроек должна быть у каждого своя.
Область карты.
Область управления делится на 4 блока:
Окно настроек устройства.
Отдельный блок, как по расположению, так и по цветам. Содержит большое количество настраиваемых компонентов, приведу только часть из них:
Как можно заметить, этот блок сделали с использованием Metro UI, опыт показал, что элементы управления удобны и в web-приложении также как и в мобильном.
Дополнение: Кроме структуры и дизайна по данному проекту также разрабатывали и подбирали иконки, коих набралось немало.
P.S. В целом, хочется сказать, что проект очень понравился как нам, так и заказчику. В данный момент идет beta-тестирование и отзывы в большей степени положительные. Интерфейс, конечно же, будет дорабатываться по результатам. Уже сейчас можно заметить, что фрагменты представленные здесь и текущая версия немного отличаются. В основном, это оформление: цвета, иконки, надписи. Самое главное — «скелет» ни на йоту не изменился.
Отдельное «Спасибо» хочу сказать разработчикам со стороны заказчика: Геннадию Казимирову и Илье Скрибловскому.
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.