Дизайн мобильной версии сайта существенно отличается от стандартного. Здесь важно принимать во внимание огромное количество нюансов, поскольку только таким образом можно создать веб-ресурс, на который будут приходить посетители.
Пользователи мобильных телефонов, смартфонов и других гаджетов не слишком любят прокрутку
Основная проблема заключается в том, что многие типы мобильных устройств не позволяют быстро и без проблем прокручивать страницу сайта. Пользователю будет гораздо проще, если он получит возможность видеть всю важную для него информацию сразу. Если речь идет о социальных веб-ресурсах, ему проще открыть форму для входа в собственный аккаунт сразу после того, как страница загрузится. Если вам необходимо корректно преподнести информацию, имеющую внушительный объем, будет лучше разделить ее на несколько блоков и отправить на разные страницы - посетитель сам выберет то, что его интересует в данный конкретный момент.
Пусть доступ к важной информации будет максимально простым
Простой пример: вы делаете сайт для пиццерии. Большинство посетителей, которые приходят на сайт с использованием мобильных устройств, интересуются только местом расположения заведения, регламентом его работы и контактными данными. Вряд ли владелец смартфона станет изучать историю компании. Вам стоит понять, что именно будет интересовать ваших посетителей, приходящих на мобильную версию сайта. Именно эта информация должна быть открыта и максимально доступно. Не заставляйте пользователей мобильных устройств разыскивать на небольшом экране важные для него данные.
Пусть размеры всех изображений будут заданы не в пикселах, а в процентах
Проблем в том, что обращаться с пикселами на мобильном устройстве жутко неудобно. Если вы задаете размер картинок и фотографий на сайте в процентах, вы сможете сохранить адаптивный дизайн сайта. Картинки не будут занимать слишком много места на маленьком экране телефона и не будут мешать пользователю знакомиться с другим контентом.
Дайте мобильным пользователям возможность открывать обычную версию веб-ресурса, предназначенную для стандартных ПК
Несмотря на то, что большая часть мобильных посетителей попадают на ваш веб-ресурс только потому, что хотят быстро найти нужную им информацию, у некоторых людей есть в запасе достаточно времени для того, чтобы получить более подробные данные о вас. Вполне возможно, что они захотят изучить полную версию сайта. Непременно оставьте ссылку на нее в мобильном веб-ресурсе.
Мобильная версия и призыв к действию: размещение кнопок
Если вы желаете разместить призыв к действию на странице мобильного веб-ресурса, непременно убедитесь в том, что кнопка достаточно заметна для тех, кто рассматривает сайт на небольшом экране. Наиболее приемлемым считается размещение кнопок в верхнем левом углу, а не снизу, как это принято делать на стандартных сайтах.
