Пользователь читает свой гороскоп и никакие баннеры его не интересуют.

Пользователь читает свой гороскоп и никакие баннеры его не интересуют.

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

Опять заметен верхний баннер. И Баннер с изображением лица.

Верхний баннер

Человеческие лица в первую очередь привлекают взгляд пользователя. Поскольку это уже не первая

Верхний баннер приковал внимание. Правый незаметен.

Юзабилити сайта СМИ учет интересов пользователя Дмитрий Сатин UsabilityLab

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

Считаем деньги Доллар… вложенный в рекламу, возвращает 5 в юзабилити – от 10 до 100 Затраты… на рекламу превышают бюджет разработки на юзабилити < 10% от бюджета разработки При одинаковом притоке посетителей больше денег зарабатывает тот сайт, на котором пользователи могут быстро и результативно реализовать свои потребности.

Две ценности Ценность для бизнеса Ценность для пользователя

ISO 13407 "User Centered Design» Провести исследование пользователей актуальных, если текущей задачей является удержание;  или потенциальных, если задачей является привлечение новых пользователей. Спроектировать сайт (или изменения) быстро разработать прототип решения, не вкладываясь в его реализацию Провести оценку интерфейсов крайне желательно, с привлечением пользователей (юзабилити тестирование)

Исследование пользователей Каковы пользователи? Что пользователям нужно от сайта? Какие задачи они будут пытаться реализовать? В каких условиях пользователи будут работать с сайтом? Цель – получить «портреты» (персоны) пользователей, а не изолированные измерения.

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

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

Сценарий: Быть в курсе! Условие - Небольшое количество свободного времени Частота - Несколько раз в день Время - Утром перед началом работы, в перерывах на работе, перед сном Основная цель - Потратить 5 - 15 минут на то, чтобы составить общую картину происходящего в мире

Сценарий: Быть в курсе! Пользователь открывает наиболее оперативно обновляемый новостной сайт из тех, которые он знает (из закладок или набирая адрес вручную). Важно, чтобы главная страница сайта открылась быстро, т.к. у пользователя не так много свободного времени. Пользователь начинает просматривать (по диагонали) главную страницу с лентой наиболее свежих новостей. Пользователь бегло пробегает взглядом страницу – вдруг заметит что-то важное. Если ничего бросающегося в глаза нет, он начинает читать заголовки и рассматривает миниатюрные иллюстрации, сопровождающие анонсы новостей.

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

Сценарий: Быть в курсе! Поскольку пользователь находится в состоянии готовности совершить незапланированное действие, элементы интерфейсов должны быть императивными, заставляющими его выбрать новость и перейти на страницу с подробной информацией.  Если это произойдет, то на последующих страницах наиболее важную роль будут играть ссылки, сопровождающие новость (ссылки по теме, новости из этой категории, другие новости из ленты свежих новостей и т.п.). Комментарии на странице с полным текстом новости должны составлять единый блок с собственно текстом новости и для данного сценария не должны быть слишком объемными, так как пользователь, скорее всего, не собирается их внимательно читать – он хочет потратить свободную минуту на чтение чего-то более стоящего и проверенного.

Сценарий: Быть в курсе! Пользователь в этом состоянии не готов тратить много времени на восприятие рекламы, и, хотя он в принципе бездельничает (отдыхает), воспринятой будет такая реклама, которая по формату своему похожа на новость (новизна, актуальность, динамичность и лаконичность). Поскольку у пользователя нет времени на переход по рекламной ссылке, наиболее эффективной будет имиджевая реклама, не требующая затрат времени на восприятие. Поскольку в этом сценарии пользователь (если удастся) будет совершать повторяющиеся переходы от ленты новостей к тексту новости, необходимо, чтобы сайт отзывался на действия пользователя моментально. В противном случае у пользователя начнет накапливаться чувство, что он тратит минуты своего свободного времени, которое ему сейчас дорого, на частые ожидания. Такие ожидания быстро обернутся тем, что пользователь уйдет на более отзывчивый сайт.

Проектирование интерфейсов Соблюдать стандарты и заимствовать хорошие решения с других сайтов? Добиваться консистетности интерфейсов? Добиваться успешности сайта!!! Сайт должен служить одной цели – помочь пользователю решить свою задачу.

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

Юзабилити тестирование Есть большая разница между тем, что пользователь говорит, "что он хочет", и тем, что в действительности будет использовать. Единственный способ отличить одно от другого – наблюдение за его поведением. Оптимальным количеством для тестирования является 6-9 пользователей в каждой группе. Если пользователей больше чем 9, то срабатывает закон убывающей приростной отдачи, то есть, затрачиваемые усилия не будут оправдываться повышением точности результатов.

Технология eye-tracking

Технология eye-tracking 1878.

Технология eye-tracking. Наши дни. Tobii x120 Tobii T60

Управление взглядом

Какая позиция в модуле контекстной рекламы является наиболее заметной? Вопрос 1:

Существует ли «баннерная слепота»? Вопрос 2

Пользователям предлагалось найти свой гороскоп и прочитать его.

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

Женщинам предлагалось найти гороскоп и просмотреть его. На слайде представлены те области страницы, на которые обратили внимание пользователи.

Верхний баннер привлек внимание пользователей. Баннер, расположенный рядом с основным навигационным элементом сайта также привлекает внимание.

Пользователям предлагалось найти на сайте афишу и посмотреть информацию про любой фильм.

Внимание пользователя опять привлечено к верхнему баннеру. Правый баннер опять остался незамеченным.

Верхний баннер с изображением мужчины находится в области внимания пользователей.

Пользователям предлагалось найти интересную для них информацию

Пользователям предлагалось найти информацию про мультфильм «Мадагаскар». Помимо картинок и текста сайта замеченным пользователями также оказался левый баннер.

Пользователям предлагалось найти девушку/ молодого человека, который его заинтересует. Стоит отметить, что левый баннер остался отмеченными взглядом пользователя. Но наибольшее внимание привлекла реклама, которая стоит фоном на форме поиска.

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

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

Рекомендации Будьте внимательны, предоставляя выбор пользователю. Когда пользователь вышел на "финишную" прямую, например, готов купить товар, или зарегистрироваться на сайте, следует уменьшить количество альтернатив, с которыми сталкивается пользователь. В этот момент лишние выборы губительно сказываются на скорости принятия решения пользователем. Этот принцип не уникален для юзабилити, продавец в магазине может продолжать показывать ассортимент товаров даже тогда, когда покупатель уже принял решение о покупке, и тем самым сбивать покупателя с толку.

Рекомендации Помните, что дорога ложка к обеду. Даже реклама бывает уместной и полезной. Старайтесь, чтобы реклама, которую вы размещаете на сайте, повышала ценность сайта, а не разрушала её. Изучайте своих пользователей, запоминайте, что они любят, чем интересуются, пытайтесь понять в чем они могу нуждаться. Таргетированная (адресная) реклама не только более эффективна, она может придавать вашему сайту дополнительную ценность. Если пользователь сталкивается с функцией не тогда, когда она ему нужна, он оценивает её как бесполезную, что приведет к тому, что он не будет ею пользоваться, по-крайней мере, какое-то время, пока не обнаружит её полезность.

Рекомендации Формируйте ожидания пользователей уже в тексте рекламного объявления. С психологической точки зрения, дефект - это несоответствие реальности ожиданиям. Рекламное объявление может формировать неверные ожидания. Пользователи, откликнувшиеся на него, будут разочарованы, даже если с сайтов все в порядке. С другой стороны - люди, особенно перегруженные, мыслят очень просто. Они будут искать на сайте слова, связанные с текстом объявления. Если за 5-10 секунд они не увидят то, что обещала рекламная ссылка, то с высокой вероятностью они уйдут с сайта.

Рекомендации Не используйте на одном экране более одной формы, а в формах - более одной кнопки. Исходите из принципа, что люди обязательно будут ошибаться там, где можно ошибиться. Две формы (например, авторизация и регистрация, написание комментария и проставления рейтинга) на одном экране обязательно запутают пользователя. Он сделает не то, что хотел, в лучшем случае, просто расстроиться, к худшем - покинет сайт, ругаясь.

Рекомендации Говорите с пользователем на его языке. Хотя вроде бы все знают, что с человеком нужно говорить на его языке, мы постоянно допускаем жаргонные слова (логин, плагин, и т.д.). Пользователи не знают, что означают эти слова, а это приводит к тому, что они домысливают значение этих слов, и как правило неверно. Например, слово "плагин" чаще всего вызывает у них ассоциацию с "вирусами". Это явно не то, к чему стремятся разработчики сайта.

Спасибо за внимание! Дмитрий Сатин d.satin@usabilitylab.ru