Мобильная версия для сайта

Дата: 22.10.2012
Рубрики: Создание сайтов | Оставить комментарий

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

Для чего нужна мобильная версия?

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

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

Мобильное приложение или мобильная версия

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

Как узнать о количестве мобильных юзеров

Вам интересно, сколько пользователей просматривают ваш сайт с помощью мобильного телефона? Это легко узнать. Заходим в статистику Яндекс.Метрика и Google Analytics и ищем ответы на вопросы. Узнайте о количестве посетителей, моделях платформах устройств, и браузерах, через которые осуществлялся вход на сайт. Если пользователей, которые заходили на ваш сайт с мобильного телефона окажется больше 5%, то для них имеет смысл разработать отдельную версию.

И все же…

Несмотря на многочисленные достоинства и удобства мобильной версии, ей свойственны и некоторые существенные недостатки. Их мы отобразим, объединив в категории.

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

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

Что касается сенсорного ввода, то здесь рекомендуется использовать жесты (для листания фотографий), но не стоит использовать возможность показа информации при наведении на нее курсива. Для удобства пользования делайте элементы крупнее, чем обычно (это касается кнопок, чекбоксов, полей).

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

Сделать мобильную версию можно несколькими способами

Каждый из них обладает как достоинствами, так и недостатками:

Наиболее часто используемыми плагинами для CMS являются: для WordPress — Mobilize. А для Drupal и Joomla существует целое множество плагинов, что выбрать — решать вам.

ВАЖНО!!! Ответьте себе на вопрос – какая совместимость с какими браузерами и устройствами вам необходима (можно сделать выбор в пользу полной совместимости или оптимизации для мобильных телефонов). Так же, помните, что мобильные версии, как и обычные сайты, нуждаются в тестировании. Возьмите на заметку, что расширенный функционал лучше разместить на полной версии сайта, а в мобильной версии оставить только необходимое.

Делаем выводы:

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

Комментарии

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