Post on 15-Nov-2014
description
Куда смотрят пользователи?
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/http://vk.com/dmitry_nikotinhttp://www.facebook.com/dmitry.nikotin
Посетитель приходит к нам с поискового сайта.
Наша задача — захватить внимание
посетителя и удержать его,
чтобы он прочитал и эту
статью, и другие.Дмитрий Никотин, г.Волгоград
http://meetmarket.ru/
Кто занимается похожими задачами?
Радио и Телевидение – УдержатьГазеты и Журналы – ЗахватитьСайты – Удержать и Захватить
Дмитрий Никотин, г.Волгоград
http://meetmarket.ru/
Захватить = Привлечь внимание
Интригующие заголовки и фото на обложках
Человек купил газету - цель выполнена.
Заставить переключиться на нужный канал сложно.
Люди попадают на канал, просто «щелкая» кнопки на пульте
Единственное, что могут сделать люди на ТВ — это удержать зрителя как можно дольше на своем канале.
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
У пользователя Сети свобода абсолютна. Пользователь Сети смотрит исключительно то, что его интересует.
Как только просматриваемый сайт становится скучен, он сразу же закрывается.
Пользователь Сети очень ценит свое время.
Часть 2: Контент
F-образный принцип чтения веб-страниц
• Сначала, пользователь читает в горизонтальном направлении, обычно что-нибудь в верхней части контента страницы. Это составляет верхушку буквы F.
• Далее опускается взглядом ниже и второй раз читает в горизонтальном направлении. Этот шаг составляет вторую планку буквы F.
• В конце концов, просматривает начало абзацев содержимого двигаясь взглядом вертикально вниз.
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
• Статья «О компании» на корпоративном сайте (слева)
• Страница с описанием товара на сайте интернет-магазина (по центру)
• Выдача результатов поиска на сайте поисковой системы (справа)
Eye tracking
Пример
Сайт Бюро переписи США, на котором 86% пользователей не смогли обнаружить численность
населения страны написанную большими красными цифрами.
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
На первый взгляд, все выглядит нормально:
• Пользователь пробегает глазами основные части страницы
• Система категорий работает достаточно хорошо
• Пользователи уделяют значительное внимание счетчику населения (Population Clock) и Population Finder, расположенному ниже.
При более детальном рассмотрении обнаруживается, что пользователи задерживали взгляд только на первых трех цифрах из всех, что отображают текущее население.
Другими словами, люди просто просматривали эту часть сайта, но на самом деле не читали число.
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
Вы использовали Population Clock ?
Пользователи склонны игнорировать перенасыщенные оформлением участки сайта, потому что они визуально похожи на рекламу.
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
Banner blindness – баннерая слепота
Модели поведения пользователей
График А, показывает классического пользователя нацеленного на поиск. Пользователь быстро осмотрел страницу и затем перешел прямо к поиску. В этом исследовании такие пользователи преобладали — 57%.Пользователь пробежал глазами по остальным частям страницы — таким как меню слева и список категорий в центре — но ни разу не посмотрел на правую колонку, содержимое которой похоже на рекламу.
Пользователь также прекратил просматривать меню слева в месте, где проявился графический баннер, а категории в центре — на баннере с предложением участвовать в опросе.
Слепота в отношении рекламы в действии.
График А
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
График B
График B — пользователь нацеленный на навигацию. Этот пользователь посмотрел на ссылки в центре страницы и «прошелся» взглядом до самого низа меню слева, после чего нажал на ссылку, которую посчитал перспективной.
Ориентированные на навигацию пользователи были в меньшинстве в этом исследовании, они чаще встречаются на сайтах, где нет интерактивных элементов (вроде тех, что привлекли внимание пользователей с графиков С и D).
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
График C
График С — пользователь предпочитающий интерактивность. Внимание таких пользователей сразу привлекают выпадающие меню, поля ввода и другие элементы, с которыми можно что-то сделать.
На многих сайтах часто нет никаких интерактивных элементов, но как только они появляются, они часто привлекают внимание значительного процента посетителей — людям нравятся зоны сайтов, на которых они могут что-нибудь сделать и чем-нибудь поуправлять. Дмитрий Никотин, г.Волгоград
http://meetmarket.ru/
График D
Графике D — модель поведения «успешного» пользователя, который таки использовал Population Clock, чтобы ответить на заданный вопрос.
Пользователь с графика D на самом деле пользователь нацеленный на поиск, что подтверждается множеством фиксаций взгляда в строке поиска.
Но, как раз прежде чем начать поиск, пользователь обратил внимание на Population Clock и оставался взглядом в этой зоне достаточно долго, чтобы понять, что она содержит нужную для него информацию.
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
Выводы
На этом сайте ни поиск, ни навигация, ни Population Finder не привели большинство пользователей к правильному ответу.
Один пользователь сказал: «Я знаю, где я смогу найти ответ быстрее — в Гугле»
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
Часть 2: Контент
Ну, тут все понятно.
Чтобы привлечь внимание людей к чему-то, надо чтобы это что-то было.
Мы предполагаем, что хороший контент у вас есть, а мы лишь помогаем донести его до читателя.
1. Содержание
2. Форматирование текста
Когда пост написан одной сплошной «простыней», глазу не за что зацепиться, и у читателя автоматически включается режим «много букаф, не буду читать».
Чтобы добиться лучшей «читаемости» текста используйте:
• абзацы• заголовки• выделение ключевых фраз жирным и курсивом• таблицы• списки
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
2. Форматирование текста
Форматированный текст лучше сплошного, а форматированный текст с картинками лучше их обоих.
Картинка сразу же привлекает внимание и разбавляет текст, делая его более интересным.
3. Картинки
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
3. Картинкиновостной сайт — Лента.Ру
3. Картинкиновостной сайт — Корреспондент.net «Последние
новости» абсолютно нечитаемы, потому что идут стройными рядами.
Это скучно.
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
4. Анонс и Начало
Если вы вспомните обычный выпуск новостей, то он начинается с анонса — диктор говорит «В этом выпуске вы увидите» и быстро перечисляет заголовки новостей.
Когда вы услышите этот список новостей, что-то вас да и заинтересует, и вы не переключите канал.
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
5. Аттракторы
В англоязычной литературе есть такое слово — attractor. Им обозначают все, что привлекает внимание.
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
ВНИМАНИЕ!
Попробуйте найти общие элементы у следующих обложек журнала!
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
5.1 Особые слова
Вполне вероятно, что заголовок со словом СЕКС был первым, который вы прочитали. И хорошо, если не единственным.
Есть некоторый класс слов, которые хорошо привлекают внимание людей.( сейчас – кризис, инновация, мотивация, митинги, Путин )
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
5.2 Люди и лица.
Второй общей особенностью всех обложек обычно называют то, что на всех обложках девушки стоят в одной позе и излучают уверенность.
Человеческие лица вообще очень хорошо привлекают внимание.
Причина, почему лица других людей так привлекают внимание, должно быть, кроется в нашей социальности
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
5.3 Цифры
Менее заметная одинаковая черта всех обложек — использование цифр. 7 способов, 40 причин, 6 секретов.
Цифры тоже хорошо «цепляют взгляд».
Они выделяются на фоне остального текста, кроме того, они более информативны, они создают иллюзию конкретики.
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/
Дмитрий Никотин, г.Волгоградhttp://meetmarket.ru/http://vk.com/dmitry_nikotinhttp://www.facebook.com/dmitry.nikotin