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

Содержание статьи:
- Ширина диапазона и другие характеристики
- Скорость – отличный бонус для всех
- Кто и как использует мой сайт?
- Проверка данных
- Какие выводы можно сделать: разрешение экрана?
- Инструменты по аналитике не в состоянии увидеть всех пользователей
- Какие выводы можно сделать: браузер?
- Важны тенденции, а не мода
Еще никогда прежде на свете не было столько много разных устройств, работающих он-лайн.
И завтра их будет еще больше.
Владельцы и разработчики сайтов, думающие о будущем, соревнуются между собой в предоставлении услуг для работы на телефонах и планшетниках, а также любых других разновидностях девайсов с высоким разрешением картинки.
В то же время размеры экрана и технологии также развиваются невообразимыми темпами в противоположном направлении. Телевизоры с функцией 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