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

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

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

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

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

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

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

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

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

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

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