Войти с помощью
ТехАдмин

Новое мобильное меню

Новое мобильное меню

У всех зарегистрировавшихся на нашем сайте и заходящих на него с помощью мобильного устройства (смартфона/планшета) изменился вид меню для работы с сайтом. 

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

 Меню сайта

Нажатие на левую кнопку  приводит к открытию главного меню сайта:

Меню Настроек

Если нажать на центральную кнопку, то откроется меню настроек:

Меню пользователя

После нажатия на правую кнопку откроется меню пользователя:

Если нажать в этом меню на пункт "Создать", то откроется подменю со списком того, что можно создать (добавить на сайт):

Меню действий

Как для ПК, так и для смартфонов предусмотрено еще одно меню - меню действий. 

В версии сайта для ПК это меню размещено на страницах в их правой колонке.   Пользователям смартфонов страницы показываются в одну колонку, поэтому кнопки меню действий перенесены  в верхнюю часть страниц:

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

Так, если пользователь зашел на страницу со своей (им загруженной) фотографией, на странице появится кнопка "Редактировать фото".

Кроме этого, если пользователь является владельцем альбома, в котором размещена эта фотография, то ему будет показана еще одна кнопка - "Сделать обложкой альбома":

Все остальные на этой странице никаких кнопок из меню действий не увидят:

КНОПКА-ОПОВЕЩЕНИЕ

Как и на ПК, в смартфоне в случае поступления уведомления тоже появляется яркая кнопка-оповещение. 

Стандартное место размещения этой кнопки - между логотипом сайта и текстом с ником пользователя. В случае, если места там оказывается недостаточно, блок с меню автоматически сужается и кнопка-оповещение помещается справа от него:

Пожалуй, это всё, что я хотел рассказать о новом меню для смартфонов.  До новых встреч.

Понравилось? Лайкни!
5
06:16
245
Нет комментариев. Ваш будет первым!