Как использовать аналитику для принятия правильных решений относительно редизайна сайтов

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

И завтра их будет еще больше.

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

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

И вот снова на арену выходит ‘iTV’ от Apple. И в очередной раз новинка от Apple на рынке смогла бы изменить положение всех вещей!

Ширина диапазона и другие характеристики

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

К примеру, пользователи телефонов могут так же свободно пользоваться Интернетом посредством обычного GPRS-соединения, как если бы они пользовались Wi-Fi. К сожалению, сегодня у нас нет какого-то точного способа определить, каким скоростным Интернет-соединением пользуются посетители нашего сайта.

Таким образом, по состоянию на сегодняшний день владельцы сайтов должны учитывать два аспекта: оптимизацию скорости загрузки сайта и создание адаптивного или гибридного (RESS – «Адаптивный дизайн + Серверные компоненты») дизайна для обеспечения отличной работы на устройстве любого типа.

Скорость – отличный бонус для всех

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

Эксперт в области вебсайтов и автор книг «Сайты с высокой эффективностью» (‘High Performance Web Sites’) и «Сайты, работающие еще быстрее» (‘Even Faster Web Sites’), Стив Соудерс, отмечает:

«…если вас волнует то, как долго пользователи ждут, пока загрузится ваш сайт, значит вам однозначно следует уделить внимание фронтэнду».

Это означает сжатие рисунков, меньшее количество http-запросов, а также наличие GZip компонентов там, где это возможно. В этой связи вам могут очень пригодиться такие инструменты, как Yslow и Google Page Speed. К счастью, имея соответствующие знания в этой области, вам не составит труда исправить эти недочеты, ведь все проблемы и варианты их решения известны и зафиксированы.

Кто и как использует мой сайт?

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

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

Не сомневаюсь, что вы знакомы с работой Google Analytics. Маленький сниппет на языке JavaScript используется для отслеживания нахождения посетителя, определения вида браузера, ОС, размера экрана и ряда других показателей практически до бесконечности.

Проверка данных

В деле редизайна «Интернет-собственности» разумно начинать процесс с проверки данных, а затем учесть эту информацию на следующем этапе развития «собственности».

Какими устройствами, браузерами и экранами пользуется большинство людей? Ответ вы найдете с помощью Google Analytics, выбрав Audience > Technology, а затем Browser & OS в меню слева.

Какие выводы можно сделать: разрешение экрана?

Итак, мы выяснили, что дизайн, подходящий для огромного количества различных устройств, — это очень хорошо.

Однако, было бы ошибкой думать только в узких рамках всяких «айфонов», «айпадов» и «десктопов».

К примеру, даже на рядовом сайте-брошюре сегодня не так уж непривычно увидеть более 50 видов разрешения для разных экранов, которыми пользуются каждый день! Адаптивный или RESS дизайн будет лучшим выбором в каждом отдельном случае.

Как бы то ни было, это ВАША Интернет-собственность. Если 99% ваших посетителей пользуются экраном с разрешением более 1000 пикселей, то, возможно, будет более разумно сосредоточиться на более большом экране, пренебрегая всеми остальными вариантами. Однако, будьте осторожны…

Инструменты по аналитике не в состоянии увидеть всех пользователей

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

В то время как смартфоны (Android, iPhone и др.) понимают язык JavaScript, более старые модели обычных мобильных телефонов не в состоянии этого сделать. Таким образом, они будут незаметны для таких инструментов, как Google Analytics.

В качестве альтернативы можно использовать Mobile specific (основан не на JavaScript), но эта программа не может быть использована в тандеме со стандартным кодом. Сегодня выбор можно сделать только в пользу одного или другого. Поэтому всегда имейте в виду: если вы полагаетесь на JavaScript в анализе данных (как делает большинство людей), любые девайсы, не распознающие JavaScript, в этом случае распознаваться не будут. Чисто гипотетически этот список в будущем может включать холодильники автомобили и настенные устройства с выходом в Интернет.

Какие выводы можно сделать: браузер?

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

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

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

Тем не менее, не все функции CSS3 поддерживаются всеми браузерами без исключения (узнайте больше об этих характеристиках на caniuse.com). Как правило, Internet Explorer 8 и более старые его версии не могут познать всех прелестей CSS3. Поэтому, если количество ваших посетителей, пользующихся Internet Explorer 7 или 8, совсем ничтожно, двигайтесь вперед и улучшайте работу сайта исключительно с помощью CSS3.

Однако, если более 50% ваших посетителей пользуются IE 7 или 8, действуйте более осторожно. Зайдите на Audience > Technology > Browser & OS и затем Browser, чтобы узнать соответствующую информацию в Google Analytics. Выберите из списка Internet Explorer, чтобы увидеть долю неэффективной работы версии.

Важны тенденции, а не мода

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

Скорее всего, вы никогда не будете располагать абсолютно точными данными о каждом пользователе, посетившем вашу «Интернет-собственность».

Тем не менее, вы можете принимать взвешенные решения, основываясь на том, что вы знаете. К примеру, увеличивается или уменьшается количество людей, заходящих на ваш сайт с мобильного телефона? Отыщите эту информацию в Google Analytics, выбрав Audience > Mobile > Overview, а затем сравнив эти показатели с информацией справа наверху.

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

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

Оригинал: How To Use Analytics To Make Smart Decisions About A Web Redesign

Перевод: SeoSchool.ru