Блог студии веб-дизайна «Make a Site» Дизайн, верстка, программирование, наполнение и раскрутка сайтов.

Особенности использования планшетов и смартфонов для просмотра веб-страниц

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

Особенности использования планшетов и смартфонов для просмотра веб-страниц

nokia-3310Еще 5-6 лет назад для просмотра сайтов в интернете использовались лишь стационарные компьютеры и ноутбуки. Доля мобильных телефонов и смартфонов в интернет-трафике была очень маленькой. Причин для этого было несколько. Во-первых, дисплеи мобильных устройств на тот момент обладали относительно небольшим разрешением. Просматривать полноценную веб-страницу на таком дисплее, по понятным причинам, было не очень удобно. Во-вторых, мобильный интернет в то время находился чуть ли не в зачаточном состоянии. Скорость была слишком маленькой, а трафик – слишком дорогим. В-третьих, люди еще не осознавали всех преимуществ мобильного интернета.

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

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

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

tabletsБытует довольно распространенное мнение, что дизайн сайта для планшета и дизайн для смартфона должны быть идентичны друг другу. Ведь тот и другой аппарат – это мобильные устройства с относительно небольшим дисплеем. На самом деле смартфон и планшет довольно сильно отличаются друг от друга. В первую очередь, отличия связаны с условиями (местом) использования того или иного устройства. Не так давно компания Forrester провела интересный опрос среди пользователей с целью выяснить, какое конкретно устройство они используют в конкретном месте (дома, на улице, в общественном транспорте, в машине, на учебе, на работе, в гостях, в поезде и т.д.). Результаты оказались довольно предсказуемыми.

Оказалось, что на улице, в гостях, в коротких поездках по городу, на учебе и на работе многие респонденты предпочитают использовать смартфон (ввиду его компактности и небольшого веса). А вот дома и в длинных поездах, к примеру, на поезде, люди чаще используют планшет, так он обладает более продвинутыми возможностями в плане работы с мультимедиа, файлами. Кроме того, с планшета гораздо удобнее просматривать веб-сайты (из-за большего размера дисплея и его книжной ориентации). Еще одна причина «любви» к планшетам – более живучая батарея. Таким образом, человек, находящийся в спокойной домашней обстановке, едущий в купе поезда, с большей вероятность воспользуется планшетом (и всеми его преимуществами), а не смартфоном (который быстрее разряжается и обладает меньшим дисплеем).

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





Предыдущая статья:
Планировщик заданий Cron – выполнение скриптов в назначенное время

Читайте также:
Верстаем знак рубля разными способами на HTML и CSS

Возможно, вам это интересно:



Блог студии веб-дизайна «Make a Site».
Дизайн, верстка, программирование, наполнение и раскрутка сайтов.

Текущий проект: «Stream Booster» — раскрутка Twitch и YouTube каналов

Студия веб-дизайна «Make a site»