Создание мобильной версии сайта: как ее улучшить?

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

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

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

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

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

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