О мобильной версии сайта

По статистике, более 48% посетителей бизнес-сайтов (в особенности интернет-магазинов) просматривают информационный материал с помощью своих мобильных помощников - смартфонов. Многие сообразительные владельцы бизнеса не могут не учитывать этот факт и понимают, что разработка мобильной версии — очень важная задача.

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

1) Учитывая современные веяния в веб-дизайне, где приветствуется исключительная легкость и простота, при разработке мобильной версии - желательно держать курс на достижение максимально простого серфинга, где главным будет являться - простота навигации.

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

- в мобильной версии сайта желательно "скрывать" лишний информационный материал. К примеру, такую информацию, как "О предприятии", "О коллективе" или «Последние новости» - это важно лишь для брендинга, но видимо не будет полезно потенциальному покупателю в интернет-магазине, который открыл мобильную версию вашего сайта на ходу.
- постарайтесь уменьшить время загрузки Вашего сайта на мобильном устройстве. А именно: упрощая дизайн, по-возможности убрать Flash-анимацию, тем более, что продукты компании Apple вообще не поддерживают Flash (не секрет, что iPhone, занимает 30% рынка смартфонов). Java также может сильно влиять на время загрузки.  

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

Разработка качественной мобильной версии веб-сайта — это услуга не является бесплатной, поэтому желательно изначально подумать о необходимости создания мобильного приложения.

Первоначально, попробуйте проанализировать заходы на ваш сайт с мобильных устройств. Если вы не знаете есть ли у вашего сайта мобильный трафик и какова его цифра, то зайдите в Google Analytics. Там найдите: Аудитория — Мобильные устройства — Обзор. 

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

Интересное понимание этого вопроса студии "Артемия Лебедева":
"Делать мобильные версии сайтов есть смысл только за деньги тех,
кому некуда деньги девать"

P.S. Да, кстати, если Ваш сайт на DIAFAN.CMS, то при разработке полной версии сайта, наверняка и предусматривалась разработка мобильной версии (зачастую, в готовых шаблонах, разработанных специалистами этой CMS, имеется такая версия). Тогда остается в административной панели поставить галочку "разрешить мобильную версию" самим администратором сайта. И при выходе с мобильного устройства на ваш сайт - посетитель увидеть сразу мобильную версию, но при желании увидеть полную версию сайта он может воспользоваться переключателем "переход на полную версию". 

По материалам сайтов:

http://business-vzakone.ru
http://puzinas.ru
http://www.artlebedev.ru