ݺߣ

ݺߣShare a Scribd company logo
Редизайн раздела 
администрирования 
CommuniGate System 
сентябрь 2014
Задача 
Переработать существующий дизайн для упрощения восприятия и 
придания ему наиболее современного вида с учетом трендов в разработки 
пользовательских интерфейсов. 
Конфиденциальная информация
Что мы сделали 
1. Провели технический и юзабилити анализ системы 
2. Совместно с специалистами по юзабилити разработали концепцию 
нового графического интерфейса с учетом поставленной цели 
3. Реализовали решение 
Конфиденциальная информация
Изменение навигации 
Мы разделили пользотельский интерфейс на две части, тем самым, отделив 
зону контента от основных разделов меню. 
Конфиденциальная информация
Упрощение системного меню 
В некоторых особо сложных разделах, где существует подменю, мы 
выделили для него отдельное место в зоне контента. 
Конфиденциальная информация
Ускорение навигации 
Для скорости навигации по столь сложной системе были разработаны 
дополнительные навигационные элементы. 
Конфиденциальная информация
Решение проблемы перцептивной перегрузки 
Для группировки настроек мы использовали плашки разных цветов, 
визуально объединяя связанные элементы и, в некоторых случаях, отражая 
их иерархию относительно друг друга. 
Конфиденциальная информация
Модальные слои 
Мы добавили всплывающие окна, в случаях, когда перезагружать контент 
страницы нет необходимости. 
Конфиденциальная информация
Акценты на важных деталях 
Для того чтоб пользователю было легче ориентироваться в большом 
количестве настроек, мы выделили цветами только важные элементы 
интерфейса. При этом мы выровняли цвета остальных элементов и 
избавились от излишней пестрости. 
Конфиденциальная информация
Убрали повторяющиеся кнопки 
На некоторых страницах кнопка выполняющая одну и ту же функцию могла 
дублироваться несколько раз, вводя пользователей в заблуждение. Мы 
логично разместили повторяющиеся кнопки в панели в нижней части экрана, 
всегда доступную для внимания пользователю. 
Конфиденциальная информация
Изменили взгляд на уведомления 
Многие уведомления в системе отображались сразу в нескольких местах на 
одной странице, что усложняло восприятие и так запутанных настроек 
системы. Мы пересмотрели отображение уведомлений: все уведомления 
выводятся в одном месте, всегда находящемся в поле зрения пользователя. 
Конфиденциальная информация
Результат 
В результате получился дружественный пользовательский интерфейс, 
располагающий к использованию новичками, и не сковывающий 
специалистов. 
Конфиденциальная информация
Спасибо за внимание!

More Related Content

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

  • 2. Задача Переработать существующий дизайн для упрощения восприятия и придания ему наиболее современного вида с учетом трендов в разработки пользовательских интерфейсов. Конфиденциальная информация
  • 3. Что мы сделали 1. Провели технический и юзабилити анализ системы 2. Совместно с специалистами по юзабилити разработали концепцию нового графического интерфейса с учетом поставленной цели 3. Реализовали решение Конфиденциальная информация
  • 4. Изменение навигации Мы разделили пользотельский интерфейс на две части, тем самым, отделив зону контента от основных разделов меню. Конфиденциальная информация
  • 5. Упрощение системного меню В некоторых особо сложных разделах, где существует подменю, мы выделили для него отдельное место в зоне контента. Конфиденциальная информация
  • 6. Ускорение навигации Для скорости навигации по столь сложной системе были разработаны дополнительные навигационные элементы. Конфиденциальная информация
  • 7. Решение проблемы перцептивной перегрузки Для группировки настроек мы использовали плашки разных цветов, визуально объединяя связанные элементы и, в некоторых случаях, отражая их иерархию относительно друг друга. Конфиденциальная информация
  • 8. Модальные слои Мы добавили всплывающие окна, в случаях, когда перезагружать контент страницы нет необходимости. Конфиденциальная информация
  • 9. Акценты на важных деталях Для того чтоб пользователю было легче ориентироваться в большом количестве настроек, мы выделили цветами только важные элементы интерфейса. При этом мы выровняли цвета остальных элементов и избавились от излишней пестрости. Конфиденциальная информация
  • 10. Убрали повторяющиеся кнопки На некоторых страницах кнопка выполняющая одну и ту же функцию могла дублироваться несколько раз, вводя пользователей в заблуждение. Мы логично разместили повторяющиеся кнопки в панели в нижней части экрана, всегда доступную для внимания пользователю. Конфиденциальная информация
  • 11. Изменили взгляд на уведомления Многие уведомления в системе отображались сразу в нескольких местах на одной странице, что усложняло восприятие и так запутанных настроек системы. Мы пересмотрели отображение уведомлений: все уведомления выводятся в одном месте, всегда находящемся в поле зрения пользователя. Конфиденциальная информация
  • 12. Результат В результате получился дружественный пользовательский интерфейс, располагающий к использованию новичками, и не сковывающий специалистов. Конфиденциальная информация