12 советов для создания mobile-friendly дизайна

0

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

Google недавно рассказал об этой тенденции, и внес изменения в свой алгоритм поиска, чтобы повысить рейтинг mobile friendly сайтов в результатах поиска и наказывать сайты, которые не mobile friendly.  Это называют “Mobilegaddon”, многие сайты увидели, что их рейтинги значительно упали после этих изменений, и что другие сайты становятся mobile friendly. Тем не менее, по-прежнему есть веб-сайты, которые не очень хорошо работают на мобильных устройствах. Даже новые веб-сайты.

Поисковая оптимизация это не просто домен интернет-маркетологов. Дизайн сайта и его реализация влияют на результаты поиска.

Как дизайнеры и разработчики, мы должны остановиться и оценить нашу работу. Сайты, которые мы создаем, не могут просто выглядеть красиво. Они должны отвечать потребностям пользователя и приносить доход нашим клиентам. Не оставляйте “mobile-friendly” тест на конец вашего дизайна. Включите его в дизайн и разработку.

Чтобы помочь вам в этом, вот список топ-вопросов, чтобы лучше понять, насколько mobile-friendly ваш сайт.

1. Хорошо ли он отображается на различных устройствах?

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

В прошлом, сайты использовали отдельные URL для мобильной версии сайта. Учитывая широкий диапазон размеров экранов, использование адаптивного макета для вашего сайта, вероятно, лучший вариант.

1433225138WebsiteOnDifferentDevices

2. Насколько легко могут мобильные пользователи завершать обычные задачи?

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

Поделиться: