Новые интерфейсы CommuniGates

Редизайн раздела администрирования

CommuniGate System

сентябрь 2014

ЗадачаПереработать существующий дизайн для упрощения восприятия и придания ему наиболее современного вида с учетом трендов в разработки пользовательских интерфейсов.

Конфиденциальная информация

Что мы сделали1. Провели технический и юзабилити анализ системы

2. Совместно с специалистами по юзабилити разработали концепцию нового графического интерфейса с учетом поставленной цели

3. Реализовали решение


Изменение навигацииМы разделили пользотельский интерфейс на две части, тем самым, отделив зону контента от основных разделов меню.


Упрощение системного менюВ некоторых особо сложных разделах, где существует подменю, мы выделили для него отдельное место в зоне контента.


Ускорение навигацииДля скорости навигации по столь сложной системе были разработаны дополнительные навигационные элементы.


Решение проблемы перцептивной перегрузкиДля группировки настроек мы использовали плашки разных цветов, визуально объединяя связанные элементы и, в некоторых случаях, отражая их иерархию относительно друг друга.


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


Акценты на важных деталяхДля того чтоб пользователю было легче ориентироваться в большом количестве настроек, мы выделили цветами только важные элементы интерфейса. При этом мы выровняли цвета остальных элементов и избавились от излишней пестрости.


Убрали повторяющиеся кнопкиНа некоторых страницах кнопка выполняющая одну и ту же функцию могла дублироваться несколько раз, вводя пользователей в заблуждение. Мы логично разместили повторяющиеся кнопки в панели в нижней части экрана, всегда доступную для внимания пользователю.


Изменили взгляд на уведомленияМногие уведомления в системе отображались сразу в нескольких местах на одной странице, что усложняло восприятие и так запутанных настроек системы. Мы пересмотрели отображение уведомлений: все уведомления выводятся в одном месте, всегда находящемся в поле зрения пользователя.


РезультатВ результате получился дружественный пользовательский интерфейс, располагающий к использованию новичками, и не сковывающий специалистов.


Спасибо за внимание!

Новые интерфейсы CommuniGates

Technology