VamShop Блог

 

Навигация и юзабилити в админке VamShop!

Январь 31, 2018

Небольшой анонс изменений в VamShop 2, которые будут сделаны при выходе следующей версии VamShop 2.5.

Что именилось:

1. Упрощён шаблон в админке. Убрано всё лишнее, теперь под контент отдано максимально возможное количество места.

2. Изменён подход к навигации в админке VamShop 2.

3. Адаптация навигации к десктопу, планшету, смартфону.

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

Теперь чуть подробнее, что конкретно было изменено:

Все данные изменения, о которых пойдёт речь ниже, уже можно проверить в онлайн демо-версии по адресу:

http://demo2.vamshop.ru

http://demo2.vamshop.ru/admin

admin

password

1. Как работает теперь навигация в админке по умолчанию:

Пример страницы редактирования контента в админке:

5a71a41fc46c3_Screenshotfrom2018-01-3114

Левое меню всегда остаётся на месте при прокрутке страницы вниз, строка с хлебными крошками так же всегда остаётся на месте.

5a71a6f40d029_Screenshotfrom2018-01-3114

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

2. Добавлены разные варианты навигации на выбор самого посетителя.

Навигация с вертикальным закрытым меню (по умолчанию):

5a71a4224b350_Screenshotfrom2018-01-3114

Навигация с вертикальным открытым меню:

5a71a424e6e78_Screenshotfrom2018-01-3114

Навигация с горизонтальным меню:

5a71a4276d9a9_Screenshotfrom2018-01-3114

Навигация с горизонтальным компактным меню:

5a71a42a1e8e6_Screenshotfrom2018-01-3114

Возможность «открепить» прицепленные элементы, т.е. можно меню и хлебные крошки открепить и что б они тоже двигались при прокрутке страницы.

3. Все эти варианты меню адаптируются под устройство, в зависимости от размера экрана.

Не десктопе может быть представлено максимальное количество информации в развёрнутом виде:

5a71a8f036265_Screenshotfrom2018-01-3114

На планшете экономится место экрана и вертикальное меню сворачивается в иконки.

5a71a922732cb_Screenshotfrom2018-01-3114

На смартфоне всё выстраивается в одну колонку: сверху в шапке выводятся две самые важные строки: заголовок, с возможностью открыть меню, нажав на иконку «гамбургер» и строка с хлебными крошками.

5a71a6c1ca9da_Screenshotfrom2018-01-3114

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

5a71a6c5b10ca_Screenshotfrom2018-01-3114

4. И последнее, сам посетитель может выбирать для себя наиболее удобный вид навигации, менять цвета, прицеплять/отцеплять меню и хлебные крошки, менять тип меню с горизонтального на вертикальный, с открытого меню на закрытое.

Теперь каждый может настроить админку на свой вкус и цвет.

Leave Your Comment

 
 

Google