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

27 Satin Optimization2008

Nov 11, 2014

Download

Documents

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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]