Любопытство — не порок
Исследуйте, как люди пользуются вашими сайтами
Автор статьи: Р. Чебыкин
Сайт: http://webtest.philigon.ru/
Древние мудрецы учили: «Делай добро и бросай его в воду». Многие создатели сайтов следуют этому принципу чересчур буквально: сделали сайт, положили его в Интернет — и забыли. Их не интересует, кто и как пользуется этим сайтом, да и пользуются ли им вообще. Им нет дела до того, какие проблемы и затруднения возникают у посетителей.
В результате такие сайты не добиваются успеха, а их хозяева убеждаются, что напрасно потратили деньги и время на их разработку и размещение.
Вместе с тем, если посмотреть на самые посещаемые сайты,— можно убедиться, что их разработчики уделяют огромное внимание исследованиям, кто и как пользуется сайтами. По результатам исследований сайты постоянно перерабатываются, чтобы лучше удовлетворять потребностям пользователей. Именно поэтому эти сайты — самые посещаемые, самые известные и самые прибыльные.
Практичность — главный критерий качества
Купите ли вы автомобиль, если вам нравится его внешний вид? Думаю, этого будет недостаточно: вы захотите убедиться, что машина быстро движется и легко управляется, что вы за рулём чувствуете себя комфортно, что предусмотрены разумные меры безопасности.
Этот же подход вы применяете ко всем предметам, которыми собираетесь пользоваться,— будь то бритва, микроволновая печь или гранатомёт. И браузер у вас именно тот, который кажется вам комфортнее. И сайты вы посещаете именно те, с которыми вам приятно работать.
Так почему же, ёлки-палки, вы сами делаете такие сайты, которые неприятны и неудобны для посетителей?
На протяжении всей истории человечества разработчики любого потребительского продукта старались обеспечить его функциональность и удобство для людей, которые будут им пользоваться. Автомобили, стиральные машины, слуховые аппараты, графические интерфейсы подвергаются многочисленным исследованиям, тестам и испытаниям, проверяющим удобство практического применения.
Но разработчикам сайтов тысячелетний опыт поколений — не указ. Тестирование ограничивается тем, что создатель сайта показывает его лучшему другу со словами: «Зацени, классный сайт я замутил?» — «Ну, типа, стильно и всё такое»,— отвечает лучший друг. После этого сайт размещается в Интернете, и никому не приходит в голову его ещё как-то исследовать и испытывать.
Практичность не мешает красоте
На этом месте мне обычно приписывают мнение, будто все сайты должны быть одинаковыми, чёрно-белыми и без картинок, за исключением логотипа в верхнем левом углу. Нет уж, друзья, функциональность и удобство нисколько не мешают красоте. Скорее наоборот: хорошее художественное оформление обычно улучшает практические качества сайта, а продуманная функциональность, в свою очередь, способствует гармоничному и стильному внешнему виду.
Если разработчик вдруг останавливается перед выбором: «сделать либо красиво, либо удобно» — это неквалифицированный разработчик, и серьёзных заданий ему поручать нельзя. Хороший сайт должен быть одновременно и красивым, и практичным, и грамотным, и быстрым при загрузке, и совместимым с различными устройствами просмотра.
Первая проверка — соответствие задачам
Перед тем, как разрабатывать любой продукт, надо решить — зачем, собственно, он нужен. Чем яснее и конкретнее задачи — тем востребованнее будет конечный результат.
Например, при создании профессионального сайта могут быть поставлены такие задачи:
- «Больше половины звонящих в наш офис обращаются за одной и той же информацией. Если мы поместим эту информацию на главной странице сайта,— можно рассчитывать, что нагрузка на наши телефоны снизится на столько-то процентов, благодаря чему наши издержки упадут на столько-то процентов».
- «Мы сделаем на сайте форму для выбора и предварительного заказа товаров, что снизит среднее время обслуживания покупателя в наших магазинах на столько-то процентов, сократит очереди и позволит увеличить продажи на столько-то процентов».
Перед реальными сайтами обычно ставится от одной до нескольких десятков подобных задач. И после того, как сайт размещён в Интернете,— нужно обязательно проверить, достигнуты ли поставленные цели.
Если же в начале работы над сайтом нет конкретных задач, выполнение которых потом можно будет объективно проверить,— получится плохой сайт.
Вторая проверка — наблюдение за пользователями
Кроме проверки объективных показателей, необходимо изучить, как реальные пользователи работают с вашим сайтом. Вас интересует, как это сделать? Очень просто — встать за спиной пользователя в тот момент, когда он посещает сайт, и некоторое время наблюдать за его работой. В прямом и буквальном смысле.
Только при этом главное — не вмешиваться в работу пользователя, ничего ему не подсказывать и не советовать, ни о чём не спрашивать. Просто смотрите, что он делает.
Во время такого исследования разработчики чаще всего испытывают культурный шок: реальные пользователи обращаются с сайтом совсем не так, как это себе представляли авторы. Просматривают страницы не в том порядке, щёлкают не по тем ссылкам (или вообще не по ссылкам), не находят очевидных (с точки зрения разработчиков) вещей, спотыкаются на ровном месте, неправильно понимают смысл написанного на сайте текста, путают форму поиска с формой регистрации, промахиваются мышью мимо ссылок, по десять раз возвращаются на одно и то же место (не замечая этого), а бoльшую часть содержания сайта вообще игнорируют. Да вы и сами так поступаете, когда посещаете чужие сайты.
Чтобы проверить качество автомобиля — нужно посмотреть, как он ездит по реальным дорогам. Чтобы проверить качество гранатомёта — нужно посмотреть, как он стреляет по реальным целям. Чтобы проверить качество сайта — нужно посмотреть, как им пользуются реальные посетители.
Третья проверка — сбор статистики
Разумеется, не требуется стоять над душой у каждого пользователя. Зато от каждого пользователя можно и нужно получать важную статистическую информацию.
Многочисленные создатели домашних страничек интересуются статистикой посещений сайта только для того, чтобы потешить собственную гордость — мол, вчера у меня было четыре посетителя, а сегодня — целых пять с половиной! Некоторые даже помещают счётчики прямо на страницы сайта — наверное, чтобы посетители сайта тоже видели, что их пять с половиной.
Между тем, назначение статистики — совсем не в том, чтобы удовлетворять самолюбие.
Серверная статистика
На веб-сервере, как правило, автоматически сохраняются данные о количестве посещений сайта, а также основные характеристики посетителя:
- дата и время посещения;
- адрес IP;
- название и версия браузера;
- название и версия операционной системы;
- адрес, с которого посетитель перешёл на данную страницу.
Эту информацию можно и нужно использовать для улучшения сайта. Например, на многих сайтах из статистики браузеров начисто пропал Internet Explorer 5.0 и близок к полному исчезновению Internet Explorer 5.5. Тем не менее в коде сайтов всё ещё присутствуют многочисленные «заглушки» и «костыли», предназначенные именно для этих браузеров. Эти архаизмы напрасно загромождают код и мешают применять на сайтах современные технологии. Наоборот, на момент написания этой статьи (середина декабря 2006) уже встречаются сайты, где доля посетителей с IE 7 доходит до 10–15 процентов, но при этом сайты не работают корректно в этом браузере.
В свою очередь, адрес IP помогает персонализировать страницу. Например, Google по умолчанию открывается на языке той страны, которой соответствует адрес IP посетителя. «Погода Яндекса» тоже по умолчанию предлагает данные о том регионе, где находится пользователь.
На многих веб-серверах также накапливается следующая статистика:
- сколько раз посещалась каждая отдельная страница сайта;
- сколько раз пользователи щёлкали по каждой гиперссылке;
- в каком порядке каждый пользователь просматривал страницы сайта.
Посмотрев на эту статистику, чаще всего можно убедиться, что на сайте есть страницы, которые вообще никто никогда не просматривает, а также есть ссылки, по которым никто никогда не щёлкает. Добросовестный разработчик своевременно удаляет такие страницы и ссылки.
Наоборот, иногда бывает так, что подавляющее большинство пользователей обращаются к одному и тому же ресурсу сайта. Например, на сайт «Экспобанка» заходят в основном за тем, чтобы найти банкомат этого банка в Москве. Раньше карта банкоматов была закопана глубоко во внутренних разделах сайта, и требовалось несколько переходов, чтобы добраться до неё с главной страницы. После переработки сайта ссылка «Найти банкомат в Москве» разместилась не просто на главной странице, а на первой позиции в основной панели навигации.
Клиентская статистика
Если к серверным технологиям добавить клиентские (cookies, JavaScript) — можно передавать на сервер ещё больше полезных сведений о посетителях, например:
- работают ли cookies,
- работает ли JavaScript,
- не отключены ли изображения.
Раньше разработчики тотально злоупотребляли всплывающими окнами, высовывая их чуть ли не из?под каждой ссылки. Однако грамотные пользователи уже давно применяют специальные программы, которые блокируют нежелательные всплывающие окна, а также скрывают баннеры, не дают сценариям создавать окна без стандартных элементов интерфейса, запрещают тем же сценариям перемещать окна или изменять их размеры. Когда?то людей с такими программами было немного, но ситуация решительно изменилась после выхода второго пакета обновления для Windows XP, где есть встроенная защита от всплывающих окон. Кроме этого, среди обычных пользователей всё больше распространяются антивирусы и брандмауэры с функцией отключения рекламы. Так что, если веб?страница пытается открыть всплывающее окно,— теперь уже у значительной части посетителей сразу несколько программ начинают бороться за то, которая из них убьёт это окно.
Таким образом, если вы в минуту душевного помутнения всё?таки разместили на сайте всплывающие окна или баннеры,— обязательно добавьте к ним средства подсчёта статистики: сколько процентов пользователей увидели эти окна и баннеры, а сколько — нет. Узнаете много нового.
Ещё, бывает, интересуются разрешением экрана, хотя на самом деле надо интересоваться размерами рабочей области окна браузера — то есть того пространства, в котором действительно отображается веб-страница. Например, у вас разрешение экрана — 1024x768 пикселов, а размеры рабочей области окна браузера — 1007x601 пикселов. Окно браузера может быть развёрнуто не на весь экран. Например, у обычных пользователей ссылки с «Яндекса» открываются в новом окне, которое очень часто оказывается уменьшенным. Кроме того, даже если браузер полностью распахнут,— левую часть окна нередко занимает «Избранное» или журнал посещённых страниц.
AJAX: новые горизонты
Ещё более подробные сведения о реальном использовании сайта можно получить, если задействовать объект XMLHttpRequest (или его заменитель XMLHTTP в старых версиях IE) — этот объект называют центральным звеном технологии AJAX.
Так вот, упомянутый AJAX позволяет отслеживать и передавать на сервер вообще каждое движение мыши и каждое нажатие клавиши — разумеется, только в пределах вашего сайта. В результате можно получить сколь угодно подробный протокол действий пользователя, вплоть до полной видеозаписи сеанса его работы с сайтом.
Здесь можно узнать, сколько времени пользователь провёл на каждой странице или сколько времени он потратил на важные операции (например, как долго он заполнял форму). Также можно узнать, как он пользуется прокруткой. Некоторые эксперты утверждают, что, если на главной странице сайта есть прокрутка, то подавляющее большинство посетителей ею не пользуются — и, таким образом, не видят содержания, которое изначально не уместилось в экран. Другие эксперты говорят, что это бред сивой кобылы. А вы можете взять и проверить — какой процент пользователей действительно прокручивает главную страницу сайта? Я, например, на своём сайте проверил и убедился.
Впрочем, совсем уж буквальное протоколирование, вероятнее всего, отнимет слишком много ресурсов на компьютере пользователя, да и на сервере потребуется немало дискового пространства, чтобы хранить полученные результаты. Но если применять AJAX в разумных пределах — почти отпадёт необходимость физически стоять за спиной у пользователей.
Любопытство — не порок, если вам любопытно, как реальные пользователи обращаются с вашим сайтом. Современные технологии позволяют узнать об этом практически всё. Главное — заранее решить, какие именно данные вы будете собирать, и как их потом использовать для улучшения сайта.
Самые выгодные обменные пункты электронных валют
