Недавно мы завершили очередной этап редизайна уже новой админки и даже внедрили его почти везде (при этом осталась пара страниц в совсем старом дизайне, но их реально — пара и до конца года мы от них избавимся насовсем). В данном этапе редизайна основные изменения пришлись на меню и риббон.
19 ноября 2014
Улучшение дизайна Mindbox: Меню и риббон с действиями
Недавно мы завершили очередной этап редизайна уже новой админки и даже внедрили его почти везде (при этом осталась пара страниц в совсем старом дизайне, но их реально — пара и до конца года мы от них избавимся насовсем).
В данном этапе редизайна основные изменения пришлись на меню и риббон с действиями.
Если раньше риббон представлял из себя длинную простыню непонятных кнопок:
![Риббон раньше Риббон раньше](https://image.mindbox.ru/draw/24670818-ef50-44ca-8507-5cbbaca0fde7.jpg/-/size/1600/webp/1)
То теперь в нем появилось меню, а все действия — сгруппированы в несколько понятных блоков: Добавить, Действия, Импорт, Экспорт.
Если страница не предполагает добавление новой сущности — то там этого блока и не будет.
![Страница не предполагает добавление новой сущности Страница не предполагает добавление новой сущности](https://image.mindbox.ru/draw/a55ecb53-0b6e-4506-85ce-bcc471b1ff25.jpg/-/size/1600/webp/1)
Длинный список страниц, представленный двухуровневым основным меню:
![Длинный список страниц, представленный двухуровневым основным меню Длинный список страниц, представленный двухуровневым основным меню](https://image.mindbox.ru/draw/26b3bc67-a0aa-4f99-b542-2341a92d8535.png/-/size/1600/webp/1)
Превратился в 4 основных раздела: Потребители, Кампании, Отчетность и Администрирование. Меню всегда будет таким и пока добавление каких-либо новых пунктов и подпунктов не планируется:
![4 основных раздела 4 основных раздела](https://image.mindbox.ru/draw/144adfc5-8b4e-4e9f-a3c7-801deb4e2459.png/-/size/1600/webp/1)
Однако, т. к. страниц в системе меньше не стало, их надо было где-то разместить — под это выделили строчку вверху экрана, где выведены страницы данного раздела также (как и действия), сгруппированные в логические блоки:
![Страницы раздела сгруппированы в логические блоки Страницы раздела сгруппированы в логические блоки](https://image.mindbox.ru/draw/c02b69e4-0993-498f-b0b2-fa8cd02a01d6.png/-/size/1600/webp/1)
Меню на внутренних страницах стало хлебными крошками:
![Меню на внутренних страницах стало хлебными крошками Меню на внутренних страницах стало хлебными крошками](https://image.mindbox.ru/draw/00c0c74f-83c4-4eea-a5bd-f7253b85afb0.jpg/-/size/1600/webp/1)
Если у пункта меню есть треугольничек, то значит он объединяет в себе несколько страниц (аналогично блокам с действиями на риббоне), по нему можно кликнуть и выбрать нужную:
![Треугольник Треугольник](https://image.mindbox.ru/draw/bbe489bb-d319-4ff6-a640-043bf7e9868a.png/-/size/1600/webp/1)
Раздел с «Представлениями» (то, что раньше было привычными отчетами) — переехал в специальное место. У него скоро будет новый дизайн и понятное предназначение, о чем мы напишем отдельно:
![Раздел с «Представлениями» Раздел с «Представлениями»](https://image.mindbox.ru/draw/f7ddc9c4-0b88-4c87-aa9a-7d46012f66ad.png/-/size/1600/webp/1)
Еще из важного — мы добавили аватарки (может быть, когда-нибудь добавим и линеечки), которые подгружаются с помощью сервиса Gravatar (gravatar.com).
![Аватар Аватар](https://image.mindbox.ru/draw/5e768a8d-227d-4524-95b6-953d7e6fd34c.jpg/-/size/1600/webp/1)
В новом дизайне мы также везде, где можно (кнопки, фильтры), убрали тени у элементов, которые просто замусоривали экран:
![Слайд 1](https://image.mindbox.ru/draw/0b9935b9-40d1-40fe-b15f-c281eca1b127.png/-/size/1600/webp/1)
Слайд 1
![Слайд 2](https://image.mindbox.ru/draw/e5a6c9da-02e2-4bf4-865a-4a92704ef54e.png/-/size/1600/webp/1)
Слайд 2
![Слайд 3](https://image.mindbox.ru/draw/d4bd3012-aae5-490f-9af3-9fe50de23a24.png/-/size/1600/webp/1)
Слайд 3
![Слайд 4](https://image.mindbox.ru/draw/a120ff87-97ea-4866-9f54-9023d3b70989.png/-/size/1600/webp/1)
Слайд 4
![Слайд 5](https://image.mindbox.ru/draw/2a500a92-285c-48fb-9fbf-73071f5c322c.png/-/size/1600/webp/1)
Слайд 5
Новый дизайн пришел одновременно с переосмыслением расположения страниц по разделам.
В разделе «Потребители» теперь только то, что связано непосредственно потребителями — их действия, покупки, точки контакта.
То, что связано с проведением кампаний — уехало в раздел «Кампании» — шаблоны действий, категории шаблонов действий, разыгранные призы, заказы и пр.
Разделу «Администрирование» повезло, он остался нетронутым =).
Наверняка у читателя возник вопрос — зачем? ЗАЧЕМ вы все это делаете?! Оставьте, дайте пожить спокойно!
Ответ довольно прост — у нас реально большая и сложная система с большим набором страниц.
Неподготовленного человека это вводит в ступор (проверяли) и он не понимает, куда надо жать — закладки, простыня кнопок, фильтры, меню, что вообще???!!! — это всё пугает.
Поэтому мы, с одной стороны, решили визуально скрыть и упорядочить страницы, а с другой — вести работу по уменьшению количества непонятных и редкоиспользуемых страниц, типа тегов сообщений (путем их удаления из системы).
Мы надеемся, что новый дизайн всем понравится так, как он понравился нам и этому милому котику:
![Котик Котик](https://image.mindbox.ru/draw/4dd1ac0e-dcd3-4da2-9b3d-cc926e2e0923.jpg/-/size/1600/webp/1)