function fullHeightRow() { var fullHeight, offsetTop, element = document.getElementsByClassName('vc_row-o-full-height')[0]; if (element) { fullHeight = window.innerHeight; offsetTop = window.pageYOffset + element.getBoundingClientRect().top; if (offsetTop < fullHeight) { fullHeight = 100 - offsetTop / (fullHeight / 100); element.style.minHeight = fullHeight + 'vh' } } } fullHeightRow();

Удобство использования мобильных меню

usability mobile menu

Меню на мобильных устройствах и удобство использования

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

Мы уже рассматривали вопрос о мега-выпадающий меню в предыдущей статье блога, поэтому в этой статье я хочу подробнее остановиться на проблеме рационализации пунктов меню. Например, розничный торговец H&M, сгруппировали все категории покупок, которые отображаются на полноразмерном сайте (женские, мужские, детские, для дома и распродажи), в одну категорию "Магазин" на планшетной версии сайта: tablet.hm.com. Затем они группируют все подкатегории [скажем] "Мужчины" под кнопкой "Просмотреть все", которая выводит полное меню поверх содержимого товаров. На большом сайте эти категории представлены в виде навигации слева при любой ширине экрана.

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

Я думаю, что компания M&S проявила смелость, попробовав новый метод мобильной навигации, и думаю, что мы увидим еще много экспериментов в этой области, потому что пока нет "идеального" решения. Поведение пользователей меняется, как мы наблюдаем, когда сайт юзабилити-тестирование и поэтому идти в ногу со временем будет непросто. Удобство использования мобильных меню может пострадать в ближайший год или около того, особенно если не изменится дизайн пользовательского опыта.

Если вы хотите узнать больше о том, как пользователи ориентируются в меню мобильных устройств, свяжитесь с нами, и мы будем рады помочь. Вы можете позвонить нам бесплатно по телефону 0800 0246 247 или написать нам по электронной почте по адресу hello@ux247.com.

Похожие посты

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