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

CommuniGate System

сентябрь 2014

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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