Вы здесь

Оптимизация сайта под мобильные устройства

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

Это вызвано влиянием одновременно нескольких факторов:

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

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

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

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

Стационарная версия сайта

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

 

 

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

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

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

Как это сделать

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

В большинстве случаев, именно главная страница сайта будет «страницей входа» для мобильных посетителей. Поэтому все оптимизационные мероприятия для них начинайте с главной страницы и двигайтесь в наиболее востребованных направлениях (например, «Контакты», «Условия доставки»).

Необходимо предпринять такие действия:

  1. Убедитесь, что основное меню навигации работает на всех возможных мобильных устройствах, а также то, насколько оно информативно. Чаще всего мобильному пользователю при посещении необходимо выполнить всего одну цель, поэтому панель навигации должна соответствовать возможным сценариям поведения. Также убедитесь, что доступ к ключевой информации должен предоставляться на расстоянии «одного клика»;
  2. Стремитесь поместить ключевые и наиболее мотивирующие элементы как можно выше на странице, по возможности, чтобы посетителю не приходилось долго прокручивать ее;
  3. Сконцентрируйте текстовый контент, оставьте только максимально мотивирующую текстовку. Не смотря на то, что посетители с мобильных устройств более внимательно читают тексты, если при чтении первых строк пользователь не заинтересуется содержимым, тогда вы не сможете его удержать;
  4. Постарайтесь не перегружать страницы сайта различными второстепенными элементами. На стационарном ПК такие страницы сложно воспринимаются, а представьте, каково их просматривать, скажем, на смартфоне?
  5. Если на вашем сайте используется большая «шапка», обязательно сократите ее (или удалите совсем).

Потом задайте себе вопрос: какую информацию приоритетно вы хотели бы увидеть на сайте, если на его просмотр у вас есть всего 10-20 секунд?

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

Выводы

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

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

Автора автора