Войти с помощью

Основы работы с сайтом. Часть пятая

Основы работы с сайтом. Часть пятая

 

Особенности мобильной версии сайта

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

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

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

МЕНЮ САЙТА

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

МЕНЮ НАСТРОЕК

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

МЕНЮ ПОЛЬЗОВАТЕЛЯ

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

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

МЕНЮ ДЕЙСТВИЙ

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

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

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

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

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

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

Вместо вкладок список вкладок

Некоторые из наших страниц имеют по несколько вкладок, переход по которым в версии сайта для ПК/ноутбуков производится нажатием на нужную вкладку:

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

Особенности мобильного профиля

Попасть в свой профиль можно двумя способами - нажав в открытом меню пользователя на кнопку "Мой профиль" (она первая сверху) или еще проще - нажав  на свой аватар, находящийся в верхнем правом углу всех страниц сайта.

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

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

Как и на большом экране, в мобильных устройствах в случае поступления уведомления  тоже появляется яркая кнопка-оповещение. 

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

ЗАКЛЮЧЕНИЕ

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

На этом первое ознакомление с сайтом можно считать законченным.

О всех текущих изменениях и улучшениях, а также о появлении на сайте новых функций можно  узнать, заглянув в блог Технического Администратора.

1
88
Нет комментариев. Ваш будет первым!
Загрузка...