Юзабилити сайта

Дмитрий СатинUsabilityLab

Юзабилити Инженерия

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

• Возврат от инвестиций в разработку - живые деньги, которые можно посчитать

• Это возможно при соответствии функций сайта задачам и потребностям пользователей.

Считаем деньги

• Доллар…– вложенный в рекламу, возвращает 5– в юзабилити – от 10 до 100

• Затраты…– на рекламу превышают бюджет разработки– на юзабилити < 10% от бюджета разработки

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

Улучшение платежной формыГрафик продаж за 2006 год

4

Внедрение новой платёжной формы

Внедрение новой платёжной формы

Платежная форма до изменения

Шаг 1 Шаг 2

Платежная форма после изменения

Платежная форма после изменения

Две ценности

Ценность для

бизнеса

Ценность для

бизнеса

Ценность для

пользователя

Ценность для

пользователя

ISO 13407 "User Centered Design»

• Провести исследование пользователей– актуальных, если текущей задачей является

удержание;  или потенциальных, если задачей является привлечение новых пользователей.

• Спроектировать сайт (или изменения)– быстро разработать прототип решения, не

вкладываясь в его реализацию

• Провести оценку интерфейсов– крайне желательно, с привлечением пользователей

(юзабилити тестирование)

Исследование пользователей

• Каковы пользователи?• Что пользователям нужно от сайта? Какие задачи

они будут пытаться реализовать?• В каких условиях пользователи будут работать с

сайтом?

• Цель – получить «портреты» (персоны) пользователей, а не изолированные измерения.

Сценарии использования

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

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

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

Проектирование интерфейсов

• Соблюдать стандарты и заимствовать хорошие решения с других сайтов?

• Добиваться консистетности интерфейсов?

• Добиваться успешности сайта!!!

• Сайт должен служить одной цели – помочь пользователю решить свою задачу.

Юзабилити тестирование

• Необходимо найти людей, соответствующих критериям целевой аудитории.

• Посадить их за компьютер, дать им задания, которые мы выбрали в качестве сценариев.

• И внимательно наблюдать за тем, как они справляются с этими заданиями, фиксируя проблемы с которыми они сталкиваются.

Юзабилити тестирование

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

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

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

Фиксация

Контрастная область

Saccade

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

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

Tobii x120 Tobii T60

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

Think aloud RetrospectiveSource: Dr L Ball, Lancaster University

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

Вопрос 1:

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

Вопрос 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все пользователи обратили на него внимание, часть пользователей нажали на Play и просмотрели ролик.

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

Рекомендации

• Будьте внимательны, предоставляя выбор пользователю.– Когда пользователь вышел на "финишную" прямую,

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

Рекомендации

• Помните, что дорога ложка к обеду. Даже реклама бывает уместной и полезной.– Старайтесь, чтобы реклама, которую вы размещаете на

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

– Если пользователь сталкивается с функцией не тогда, когда она ему нужна, он оценивает её как бесполезную, что приведет к тому, что он не будет ею пользоваться, по-крайней мере, какое-то время, пока не обнаружит её полезность.

Рекомендации

• Формируйте ожидания пользователей уже в тексте рекламного объявления.– С психологической точки зрения, дефект - это

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

– С другой стороны - люди, особенно перегруженные, мыслят очень просто. Они будут искать на сайте слова, связанные с текстом объявления. Если за 5-10 секунд они не увидят то, что обещала рекламная ссылка, то с высокой вероятностью они уйдут с сайта.

Рекомендации

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

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

Рекомендации

• Говорите с пользователем на его языке.– Хотя вроде бы все знают, что с человеком нужно говорить

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

Спасибо за внимание!

Дмитрий Сатинd.satin@usabilitylab.ru