Проект — интерфейс системы управления бизнес-сайтом


Главная страница сайта содержит кнопки управления функциональными блоками, которые позволяют выполнять ряд действий. Кнопки выполнены таким образом чтобы хорошо выделяться на фоне любой яркости и содержат наглядные пиктограммы. Предусмотрена смена цвета кнопок в случае использования на сайте красного фона.
Вся система работает на основе шлюзовой выгрузки информации, которая подразумевает сохранение произведенных изменений по нажатию соответствующей кнопки.
 
 
Каждый функциональный блок управляется индивидуально включая горизонтальное и вертикальное меню. Это сделано для упрощения пользования сайтом.
Интерфейс управления внутренним меню является вложенной древовидной структурой в которой легко понять положение разделов.
Функциональные кнопки внутренних разделов управления выполнены по аналогии с основным.
 
 
Управление информационными блоками типа «дроп-даун» в контент-части главной страницы реализовано модульно, с возможностью перемещения порядка и свертывания.
Для ряда специфических опций установлена специальная кнопка вызова моментальной подсказки, позволяющая напомнить пользователю действие, без обращения к полной инструкции.
 
 
В разделе дополнительных настроек блок редактирования метатэгов ограничивает количество вводимых символов в каждом из полей. Цифровое значение справа от поля показывает оставшееся число. Блок также может быть свернут для удобства работы с остальной информацией.
Список добавленных документов и скрытых разделов содержит необходимые учетные данные. Документы маркируются соответствующими, общепринятыми пиктограммами.
Окно подробного просмотра медиафайлов так же содержит все необходимое для учета и дальнейшей работы.
 
 
Самая интересная и сложная часть — модуль редактирования информации в разделах. Выполнен удобно и не пугает обилием ненужных кнопок. Прототипом послужил такой же WYSIWYG на livejournal.com, было взято все нужное, доработано и адаптировано.
Над формой редактирования расположен значек вызова подсказки, в которой описываются действия кнопок и режимов редактирования.
Модуль позволяет добавлять медиа-файлы включая те, которые были загружены в разделе дополнительных настроек. Детально проработано добавление таблиц с целью не перегружать пользователя лишней информацией. Чуть подробнее об этом ниже.
 
 
При работе над интерфейсами добавления и редактирования таблиц и медиафайлов учитывался основной принцип — простота. Не все пользователи хорошо разбираются в интернет-технологиях поэтому в ряде случаев приходилось искать компромисные решения:
- для таблиц было продумано наглядное контекстное меню в общем стиле. Основные функции дополнительно помечены понятными пиктограммами;
- в настройках изображения ширина и высота наглядно показана стрелками, это упрощает работу;
- медиафайлы можно выделять и редактировать непосредственно из общего списка и т.д.
 
Все разделы системы управления дополнены описаниями. Макеты интерфейсов приведены в порядок и содержат подробные комментарии.
 
 
 
Из прошлых работ
 
Редизайн корпоративного форума.
 
Интерфейс программы для работы с мр-томографом (драфт).