97 SEO, Веб-разработка

Исследование Google и AnswerLab. 25 принципов оптимизации мобильного сайта

25.08.2016

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

Google Справка: Как создать удобный мобильный сайт

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

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

1. Призывы к действию должны быть вынесены на передний план. Размещайте основные призывы к действию на самых видных местах.

2. Меню должны быть краткими и содержательными. Пользователям мобильных устройств удобнее работать с краткими меню.

3. Возврат на главную страницу должен быть удобным. Разместите логотип, который будет работать как кнопка перехода на главную страницу.

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

5. Окно поиска должно быть заметным. Разместите поле поиска в верхней части главной страницы.

6. Результаты поиска должны быть релевантными. Позаботьтесь о том, чтобы первыми отображались самые релевантные результаты. Добавьте такие функции поиска, как автозаполнение и исправление ошибок.

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

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

9. Позвольте пользователю изучить товара. Предоставьте посетителям возможность просматривать сайт без регистрации.

10. Позвольте совершать покупки без регистрации. Опишите преимущества регистрации, чтобы заинтересовать пользователей, но позвольте совершать покупки и без нее.

11. Используйте имеющиеся сведения для ускорения процесса. Максимально упростите конверсию: пользуйтесь сведениями, имеющимися у вас, и данными сторонних платежных систем.

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

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

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

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

16. Предлагайте выбрать дату в календаре. Для ввода дат предложите удобный календарь с наглядными инструкциями.

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

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

19. Создайте мобильную версию всего сайта. Сайтом проще пользоваться, если все его страницы оптимизированы для мобильных устройств.

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

21. Позаботьтесь, чтобы изображения товаров можно было увеличивать. Добавьте качественные снимки товаров крупным планом.

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

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

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

25. Обозначьте, для чего нужны сведения о местоположении пользователя. Всегда четко объясняйте, зачем вам требуется знать местоположение пользователя.

Хотите знать больше? Читайте горячие рубрики
Ищите индивидуальное решение? Пишите!
Автор блога