Недавно мы завершили очередной этап редизайна уже новой админки и даже внедрили его почти везде (при этом осталась пара страниц в совсем старом дизайне, но их реально — пара и до конца года мы от них избавимся насовсем). В данном этапе редизайна основные изменения пришлись на меню и риббон.
19 ноября 2014
Улучшение дизайна Mindbox: Меню и риббон с действиями
Недавно мы завершили очередной этап редизайна уже новой админки и даже внедрили его почти везде (при этом осталась пара страниц в совсем старом дизайне, но их реально — пара и до конца года мы от них избавимся насовсем).
В данном этапе редизайна основные изменения пришлись на меню и риббон с действиями.
Если раньше риббон представлял из себя длинную простыню непонятных кнопок:
То теперь в нем появилось меню, а все действия — сгруппированы в несколько понятных блоков: Добавить, Действия, Импорт, Экспорт.
Если страница не предполагает добавление новой сущности — то там этого блока и не будет.
Длинный список страниц, представленный двухуровневым основным меню:
Превратился в 4 основных раздела: Потребители, Кампании, Отчетность и Администрирование. Меню всегда будет таким и пока добавление каких-либо новых пунктов и подпунктов не планируется:
Однако, т. к. страниц в системе меньше не стало, их надо было где-то разместить — под это выделили строчку вверху экрана, где выведены страницы данного раздела также (как и действия), сгруппированные в логические блоки:
Меню на внутренних страницах стало хлебными крошками:
Если у пункта меню есть треугольничек, то значит он объединяет в себе несколько страниц (аналогично блокам с действиями на риббоне), по нему можно кликнуть и выбрать нужную:
Раздел с «Представлениями» (то, что раньше было привычными отчетами) — переехал в специальное место. У него скоро будет новый дизайн и понятное предназначение, о чем мы напишем отдельно:
Еще из важного — мы добавили аватарки (может быть, когда-нибудь добавим и линеечки), которые подгружаются с помощью сервиса Gravatar (gravatar.com).
В новом дизайне мы также везде, где можно (кнопки, фильтры), убрали тени у элементов, которые просто замусоривали экран:
Слайд 1
Слайд 2
Слайд 3
Слайд 4
Слайд 5
Новый дизайн пришел одновременно с переосмыслением расположения страниц по разделам.
В разделе «Потребители» теперь только то, что связано непосредственно потребителями — их действия, покупки, точки контакта.
То, что связано с проведением кампаний — уехало в раздел «Кампании» — шаблоны действий, категории шаблонов действий, разыгранные призы, заказы и пр.
Разделу «Администрирование» повезло, он остался нетронутым =).
Наверняка у читателя возник вопрос — зачем? ЗАЧЕМ вы все это делаете?! Оставьте, дайте пожить спокойно!
Ответ довольно прост — у нас реально большая и сложная система с большим набором страниц.
Неподготовленного человека это вводит в ступор (проверяли) и он не понимает, куда надо жать — закладки, простыня кнопок, фильтры, меню, что вообще???!!! — это всё пугает.
Поэтому мы, с одной стороны, решили визуально скрыть и упорядочить страницы, а с другой — вести работу по уменьшению количества непонятных и редкоиспользуемых страниц, типа тегов сообщений (путем их удаления из системы).
Мы надеемся, что новый дизайн всем понравится так, как он понравился нам и этому милому котику:
