UX сайта на смартфоне
UX — User eXperience, "опыт взаимодействия". Здесь речь пойдет о его разделе, который называется HCI (человеко-компьютерное взаимодействие). Цель UX-дизайна обеспечить удобную работу с ресурсом.
Любой сайт — это интерфейс взаимодействия с информационным ресурсом. Поскольку единых стандартов таких интерфейсов не существует, дизайнеры находятся в перманентном поиске удачных решений.
Пока интернет плавно мигрировал на смартфоны, на десктопе давно уже устоялись негласные правила игры: логотип, как правило, вы ожидаете увидеть в верхнем левом углу; меню сайта где-то вверху по середине; "шапка", "подвал"; и так далее.
Так же на десктопе у нас есть такой инструмент как мышь, с помощью которого мы, взаимодействуя с сайтом, можем так сказать "пощупать" его. Так, где можно кликнуть на что-то, курсор меняется и мы таким образом исследуем сайт.
Проблема
Расмотрим на примере устройства компании Apple, которая заложило основы UX для смартфона и проделала невероятную работу по разработке в области опыта взаимодействия.
Чаще мы пользуемся смартфоном одной рукой. Сегодня пяти дюймовая диганаль экрана своего рода стандарт в индустрии, при этом дотянуться большим пальцем правой руки до левого верхнего угла не перехватив смартфон мало у кого получится.
Зеленым отмеченна область комортнго использования области экрана смартфона одной рукой, оранжевым не комфортная зона использования, а красным "опасная зона".
Alexa Top
Компания Alexa, один из лидеров в области статистики посещаемости веб-ресурсов, поможет нам разобраться. Возьмем топ 50 самых посещаемых сайтов в мире и посмотрим как их интерфейс выглядит на смартфоне. Вот некоторые из них.
Что мы узнаем? По мимо того, что даже с плохим интерфейсом можно сделать очень популярный сайт. Большинство сайтов расположили меню навигации в верху.
Youtube, VK, Aliexpress, Twitter, Instagram стремились сделать сайт похожим на нативное приложение.
Awwwards
Так же в исследовании нам поможет Awwwards — конкурс профессиональных веб-дизайнеров. Вот некоторые победители в наминации "сайт года".
Артхаус
Приложения переходят на новую парадигму. Например, Firefox Preview для Android (Google Play) смело экспериментирует с UX, и это действительно удобней по сравнению с тем же Chrome.
Сайты пока не решаются переносить кнопку меню в нижнюю часть экрана смартфона и идти против мейнстрима. Парадокс в том, что в пример плохого пользовательского опыта можно привести сайт apple.com, где придется тянуться в левый верхний угол до меню, видеть мелкий шрифт и запутанную навигацию.
