15 тестов юзабилити от Lars Johansson + выводы о том, что повышает конверсию сайтов

Как получить больше регистраций, больше продаж, больше подписок? Lars Johansson тестирует различные элементы веб-дизайна, чтобы повысить конверсию сайтов.

 

Далее несколько заметок — выводов по презентации, о том, что повышает конверсию:

(далее…)

Текст на сайте должен «зацепить» взгляд пользователя

Никто не будет спорить, что первейшая задача всякого продающего веб-ресурса — донести информацию до пользователя, и не просто донести, а сделать так, чтобы из обычного читателя он превратился в покупателя или заказчика (смотря какие цели у владельца ресурса). Но здесь нужно понимать: как бы красиво не были представлены преимущества продукции, предлагаемой на сайте, продажа не состоится, если сам текст будет выглядеть серо и неинтересно.

Итак, что же нужно сделать, чтобы информацию прочли? Вот простые правила:

• располагать текст верным образом;
• выделять основные заголовки;
• разбивать на подстатьи (чтобы читатель «извлекал» из каждой отдельной части текста конкретную мысль);
• выбирать лучшие и располагающие цветовые варианты для фона и шрифта.

Если следовать этим правилам, пользователь, попадающий на сайт, начинает читать информацию просто потому, что она выглядит «мило его глазу». За счёт логики и структуры текста он получает экстракт информации, а значит делает для себя определенные (требуемые владельцу ресурса) выводы.

(далее…)

Визуальная составляющая аналитики в Google Analytics и Яндекс Метрике

Не так давно Гугл и Яндекс сообщили об обновлениях своих аналитических сервисов. Причём оба новшества касаются визуализации статистики.

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

Новые возможности вы найдёте в меню Содержание (в статистике сайта) > Статистика страницы.

Замечу что визуальная карта ссылок в Яндекс Метрике есть уже довольно давно (Да, да, Гугл догоняет Яндекс). Метрика же порадовала тепловой картой кликов. Процитирую блог Яндекса:

(далее…)

Сжимаем картинки и стили

Сегодня, когда скорость зашгрузки становится важным SEO параметром, стоит подумать о том, как сделать сайт быстрее. К тому же у многих на хостинге лимитированный трафик, поэтому уменьшая вес страниц, мы с одной стороны оптимизируем их для поиска, с другой — экономим бэндвич. Про удобство для пользователей говорить излишне. Людям нравятся быстрые сайты.

Начнём со стилей. CSS файлы могут быть очень большими. Например, в шаблоне блога adne.info эти файлы суммарно весят порядка 20 kb. При посещаемости в 2000 уников  — это около 40mb в сутки.  Сервис http://www.csscompressor.com — убрал порядка 25% ненужных комментариев, пробелов и т.д. Экономия 10mb в сутки. Надеюсь, мои расчёты верны.

Впрочем, на большинстве сайтов основной бэндвич съедают картинки (как мне кажется). Традиционно картинки готовятся к публикации и сжимаются фотошопом. Однако у Яху есть весьма полезный онлайн сервис, который делает тоже самое: http://developer.yahoo.com/yslow/smushit/ — причём за раз можно работать сразу с несколькими изображениями.

P.S.: Забавное видео про тестирование скорости Хрома: быстрее звука, света и даже картофеля:

Какое баннерное место в блоге наиболее эффективно? Эксперимент

На одном развлекательном блоге в течение 2-х месяцев мы провели эксперимент — блок с тизерами помещали на неделю в различные места шаблона и замеряли CTR. Многие вещи были очевидны, но хотелось заново всё пройти, в рамках ресурса, чтобы подобрать оптимальные варианты. При одинаковом трафике (порядка 12k/сутки — в основном — постоянные посетители и подписчики) получили следующие результаты:

Чем краснее — тем CTR выше. Опять же это частный экспермент — на одном сайте, полагаю, на другом ресурсе, с другим трафиком результат был бы иной. Тем не менее, мероприятие помогло повысить отдачу и от других развлекательных ресурсов с которыми я работаю, поэтому решил написать об этом на adne.info

О тизерных блоках: под пост — блок 6 пошло 5 тизеров — вертикально 100×100 с заголовками справа, 4,5 — тут всего 1 тизер — заголовок снизу,  3 — 10 тизеров 150×150 — вертикально, заголовок под тизером, 1,2,7 — горизонтальные блоки 100х100 — 150х150 — с заголовками снизу.

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

Как я заметил выше, использовались блоки с разным количеством тизеров. Если разделить результаты на количество тизеров, окажется что 4 и 5 — наиболее эффективны, а 1,2 — даже чуть лучше чем 3.

Увы, в этом эксперименте не попробовал поставить блок тизеров посредине текста.

Блоки 4,5,6 — доступны только на страницах одельных постов поэтому получают меньше трафика, чем прочие. 4 и 5 — встраиваются в текст поста и сильно докучают аудитории (важно делать их небольших размеров — до 1/3 от ширины поля поста — ИМХО).

Больше всего порадовал блок 6. Как правило, на блогах в этом блоке под постами — рекомендации и формы подписок, кнопки сабмита в социалки (кстати, место ли здесь им, настолько они эффективны, что бы быть тут?). Здесь стоит попробовать помещать блоки не только под пост, но и между комментариями, под и над формой комментариев и т.д. Блок с релевантными постами в этом месте значительно увеличит количество просматриваемых страниц на блоге.

Блоки 1,2 — первое время очень кликабельны, однако их CTR очень быстро уменьшился после первых нескольких суток. Если на этих местах поставить ротацию баннеров/тизерных блоков от разных сетей, то CTR будет на уровне или даже выше чем в сайдбаре — при более компактных размерах. Впрочем, для имиджевой рекламы — это наиболее эффективные варианты размещения.

Блок 7 теряет CTR примерно с той же скоростью, что 1 и 2, однако благодаря своему размеру и количеству тизеров, которые туда можно добавить, он даёт хорошие результаты.

Всё. Вышло несколько сумбурно, и это при том, что я не стал выкладывать проценты до сотых долей и не углублялся в расчёты:)

P.S.: Ещё одно интересное наблюдение, если в сайбаре выложить ещё один блок тизеров — паралельно с первым, но с более мелкими по размеру тизерами — то CTR первого блока несколько вырастает — на время.

P.P.S.: Постоянные изменения размеров тизеров могут помочь сохранить CTR который, как правило, после суток-двух по размещению — стремится вниз. Так на одной посещаемой странице весь апрель удерживаю в среднем 3.70% при том что на этом же сайте в среднем 1.73%.

Реклама, которая раздражает

На днях на Ярушном блоге запустил опрос по поводу интернет рекламы, которая раздражает. Аудитория там бОльшей частью не гиковская. Сейчас проголосовало чуть более 40 человек. По мнению голосовавших, Всплывающие окна и Флэш баннеры, которые накладываются на контент сайта являются самыми неприятными.

Идеальная форма регистрации

В последнее время много внимания уделю вопросам usability. Поэтому на adne.info появилась соответствующая рубрика. В этом посте, как следует из названия, поговорим о формах регистрации. Точнее: о подписях к полям (label).

Как я убедился, этот — с виду не самый значительный элемент — может серьёзно повлиять на количество регистраций. Особенно заметно на большом трафике.  Хотя в каждом случае свои нюансы, есть всё же некоторые тенденции.

(далее…)