4 типичные ошибки адаптивного дизайна мобильного сайта

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

1. Игнорирование поведенческого фактора

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

2. Проектирование наоборот - с десктопа на смартфон

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

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

3. Сокращение времени тестирования мобильного сайта

Ни один серьезный вебсайт не запускается в работу без предварительного тестирования. Грамотное проведение тестирования особенно необходимо для мобильных версий интернет-магазинов. Если его провести кое-как, для «галочки», то возникающие ошибки во время стандартных действий в миг распугнут всех ваших покупателей.

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

• особенности функционирования сайта на 5-6 популярных интернет-браузерах;
• работу на ряде различных ОС (Windows, Unix, MacOS);
• работу на последних моделях мобильных устройств с различными ОС (Apple iOS, Android, Blackberry OS).

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

4. Большое время загрузки страниц

В отличии от владельцев стационарных компьютеров, для пользователей «мобильников» скорость работы сайта критична. Постарайтесь придать страницам минимально возможный размер - такая мера здорово уменьшит время загрузки. Взвесьте размер всех изображений - часто в для мобильных версий будет достаточно «легких» картинок с качеством чуть лучше среднего. Постарайтесь разбить контент по различным критериям - для этого можно использовать вкладки. Чем больше будет вкладок, тем меньшая часть общего контента будет на них приходиться. В результате скорость загрузки интернет-магазина на мобильных платформах значительно увеличится. Есть и еще один стимул поработать над увеличением скорости загрузки - этот параметр поисковая система Google учитывает при ранжировании. А это значит, что у «легких» интернет-ресурсов значительно больше шансов выйти в ТОП!

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