27 satin optimization2008

44
Юзабилити сайта Дмитрий Сатин UsabilityLab

Upload: mikhail-lomonosov

Post on 11-Nov-2014

773 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: 27 Satin Optimization2008

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

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

Page 2: 27 Satin Optimization2008

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

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

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

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

Page 3: 27 Satin Optimization2008

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

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

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

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

Page 4: 27 Satin Optimization2008

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

4

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

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

Page 5: 27 Satin Optimization2008

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

Шаг 1 Шаг 2

Page 6: 27 Satin Optimization2008

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

Page 7: 27 Satin Optimization2008

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

Page 8: 27 Satin Optimization2008

Две ценности

Ценность для

бизнеса

Ценность для

бизнеса

Ценность для

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

Ценность для

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

Page 9: 27 Satin Optimization2008

ISO 13407 "User Centered Design»

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

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

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

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

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

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

Page 10: 27 Satin Optimization2008

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

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

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

сайтом?

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

Page 11: 27 Satin Optimization2008

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

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

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

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

Page 12: 27 Satin Optimization2008

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

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

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

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

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

Page 13: 27 Satin Optimization2008

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

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

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

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

Page 14: 27 Satin Optimization2008

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

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

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

Page 15: 27 Satin Optimization2008

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

Фиксация

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

Saccade

Page 16: 27 Satin Optimization2008

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

Page 17: 27 Satin Optimization2008

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

Tobii x120 Tobii T60

Page 18: 27 Satin Optimization2008

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

Page 19: 27 Satin Optimization2008

Think aloud RetrospectiveSource: Dr L Ball, Lancaster University

Page 20: 27 Satin Optimization2008
Page 21: 27 Satin Optimization2008
Page 22: 27 Satin Optimization2008

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

Вопрос 1:

Page 23: 27 Satin Optimization2008
Page 24: 27 Satin Optimization2008
Page 25: 27 Satin Optimization2008
Page 26: 27 Satin Optimization2008

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

Вопрос 2

Page 27: 27 Satin Optimization2008

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

Page 28: 27 Satin Optimization2008

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

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

Page 29: 27 Satin Optimization2008

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

Page 30: 27 Satin Optimization2008

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

Page 31: 27 Satin Optimization2008

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

Page 32: 27 Satin Optimization2008

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

Page 33: 27 Satin Optimization2008

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

Page 34: 27 Satin Optimization2008

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

Page 35: 27 Satin Optimization2008

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

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

Page 36: 27 Satin Optimization2008

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

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

Page 37: 27 Satin Optimization2008

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

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

Page 38: 27 Satin Optimization2008

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

Page 39: 27 Satin Optimization2008

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

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

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

Page 40: 27 Satin Optimization2008

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

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

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

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

Page 41: 27 Satin Optimization2008

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

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

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

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

Page 42: 27 Satin Optimization2008

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

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

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

Page 43: 27 Satin Optimization2008

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

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

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

Page 44: 27 Satin Optimization2008

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

Дмитрий Сатин[email protected]