27 Satin Optimization2008
-
date post
19-Oct-2014 -
Category
Documents
-
view
774 -
download
0
description
Transcript of 27 Satin Optimization2008
![Page 2: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/2.jpg)
Юзабилити Инженерия
• Повышение эффективности бизнеса за счет повышения эффективности, продуктивности и удовлетворенности пользователей информационных систем.
• Возврат от инвестиций в разработку - живые деньги, которые можно посчитать
• Это возможно при соответствии функций сайта задачам и потребностям пользователей.
![Page 3: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/3.jpg)
Считаем деньги
• Доллар…– вложенный в рекламу, возвращает 5– в юзабилити – от 10 до 100
• Затраты…– на рекламу превышают бюджет разработки– на юзабилити < 10% от бюджета разработки
При одинаковом притоке посетителей больше денег зарабатывает тот сайт, на котором пользователи могут быстро и результативно реализовать свои потребности.
![Page 4: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/4.jpg)
Улучшение платежной формыГрафик продаж за 2006 год
4
Внедрение новой платёжной формы
Внедрение новой платёжной формы
![Page 5: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/5.jpg)
Платежная форма до изменения
Шаг 1 Шаг 2
![Page 6: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/6.jpg)
Платежная форма после изменения
![Page 7: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/7.jpg)
Платежная форма после изменения
![Page 8: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/8.jpg)
Две ценности
Ценность для
бизнеса
Ценность для
бизнеса
Ценность для
пользователя
Ценность для
пользователя
![Page 9: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/9.jpg)
ISO 13407 "User Centered Design»
• Провести исследование пользователей– актуальных, если текущей задачей является
удержание; или потенциальных, если задачей является привлечение новых пользователей.
• Спроектировать сайт (или изменения)– быстро разработать прототип решения, не
вкладываясь в его реализацию
• Провести оценку интерфейсов– крайне желательно, с привлечением пользователей
(юзабилити тестирование)
![Page 10: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/10.jpg)
Исследование пользователей
• Каковы пользователи?• Что пользователям нужно от сайта? Какие задачи
они будут пытаться реализовать?• В каких условиях пользователи будут работать с
сайтом?
• Цель – получить «портреты» (персоны) пользователей, а не изолированные измерения.
![Page 11: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/11.jpg)
Сценарии использования
• Приступая к проектированию необходимо определиться, какие сценарии использования должны быть ключевыми, и должны быть реализованы в прототипе сайта.
• Сценарии - это всегда реалистичные описания жизненных ситуаций, в которых пользователю может быть полезен разрабатываемый сайт.
• Сценарии направляют разработку прототипа. Проектировщик думает не о том, где разместить навигацию, а где форме регистрации, а о том, как наиболее эффективным способом решить задачу пользователя, оберегая его от возможных ошибок.
![Page 12: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/12.jpg)
Проектирование интерфейсов
• Соблюдать стандарты и заимствовать хорошие решения с других сайтов?
• Добиваться консистетности интерфейсов?
• Добиваться успешности сайта!!!
• Сайт должен служить одной цели – помочь пользователю решить свою задачу.
![Page 13: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/13.jpg)
Юзабилити тестирование
• Необходимо найти людей, соответствующих критериям целевой аудитории.
• Посадить их за компьютер, дать им задания, которые мы выбрали в качестве сценариев.
• И внимательно наблюдать за тем, как они справляются с этими заданиями, фиксируя проблемы с которыми они сталкиваются.
![Page 14: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/14.jpg)
Юзабилити тестирование
• Есть большая разница между тем, что пользователь говорит, "что он хочет", и тем, что в действительности будет использовать. Единственный способ отличить одно от другого – наблюдение за его поведением.
• Оптимальным количеством для тестирования является 6-9 пользователей в каждой группе. Если пользователей больше чем 9, то срабатывает закон убывающей приростной отдачи, то есть, затрачиваемые усилия не будут оправдываться повышением точности результатов.
![Page 15: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/15.jpg)
Технология eye-tracking
Фиксация
Контрастная область
Saccade
![Page 16: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/16.jpg)
Технология eye-tracking 1878.
![Page 17: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/17.jpg)
Технология eye-tracking. Наши дни.
Tobii x120 Tobii T60
![Page 18: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/18.jpg)
Управление взглядом
![Page 19: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/19.jpg)
Think aloud RetrospectiveSource: Dr L Ball, Lancaster University
![Page 20: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/20.jpg)
![Page 21: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/21.jpg)
![Page 22: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/22.jpg)
Какая позиция в модуле контекстной рекламы является наиболее заметной?
Вопрос 1:
![Page 23: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/23.jpg)
![Page 24: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/24.jpg)
![Page 25: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/25.jpg)
![Page 26: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/26.jpg)
Существует ли «баннерная слепота»?
Вопрос 2
![Page 27: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/27.jpg)
Пользователям предлагалось найти свой гороскоп и прочитать его.
![Page 28: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/28.jpg)
Верхний и правый баннеры остались незамеченными.
Нижние пункты меню, стилизованы под баннеры также не привлекли взгляд пользователя.
![Page 29: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/29.jpg)
Женщинам предлагалось найти гороскоп и просмотреть его. На слайде представлены те области страницы, на которые обратили внимание пользователи.
![Page 30: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/30.jpg)
Верхний баннер привлек внимание пользователей. Баннер, расположенный рядом с основным навигационным элементом сайта также привлекает внимание.
![Page 31: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/31.jpg)
Пользователям предлагалось найти на сайте афишу и посмотреть информацию про любой фильм.
![Page 32: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/32.jpg)
Внимание пользователя опять привлечено к верхнему баннеру. Правый баннер опять остался незамеченным.
![Page 33: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/33.jpg)
Верхний баннер с изображением мужчины находится в области внимания пользователей.
![Page 34: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/34.jpg)
Пользователям предлагалось найти интересную для них информацию
![Page 35: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/35.jpg)
Пользователям предлагалось найти информацию про мультфильм «Мадагаскар».
Помимо картинок и текста сайта замеченным пользователями также оказался левый баннер.
![Page 36: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/36.jpg)
Пользователям предлагалось найти девушку/ молодого человека, который его заинтересует.
Стоит отметить, что левый баннер остался отмеченными взглядом пользователя. Но наибольшее внимание привлекла реклама, которая стоит фоном на форме поиска.
![Page 37: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/37.jpg)
В данном случае левый баннер представляет собой небольшой флэш-ролик.
Все пользователи обратили на него внимание, часть пользователей нажали на Play и просмотрели ролик.
![Page 38: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/38.jpg)
В данном случае левый баннер остался незамеченным, поскольку он уже присутствовал на других страницах сайта и пользователи могли его уже посмотреть, а также на этой странице все внимание пользователя собрано на фотографиях.
![Page 39: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/39.jpg)
Рекомендации
• Будьте внимательны, предоставляя выбор пользователю.– Когда пользователь вышел на "финишную" прямую,
например, готов купить товар, или зарегистрироваться на сайте, следует уменьшить количество альтернатив, с которыми сталкивается пользователь. В этот момент лишние выборы губительно сказываются на скорости принятия решения пользователем. Этот принцип не уникален для юзабилити, продавец в магазине может продолжать показывать ассортимент товаров даже тогда, когда покупатель уже принял решение о покупке, и тем самым сбивать покупателя с толку.
![Page 40: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/40.jpg)
Рекомендации
• Помните, что дорога ложка к обеду. Даже реклама бывает уместной и полезной.– Старайтесь, чтобы реклама, которую вы размещаете на
сайте, повышала ценность сайта, а не разрушала её. Изучайте своих пользователей, запоминайте, что они любят, чем интересуются, пытайтесь понять в чем они могу нуждаться. Таргетированная (адресная) реклама не только более эффективна, она может придавать вашему сайту дополнительную ценность.
– Если пользователь сталкивается с функцией не тогда, когда она ему нужна, он оценивает её как бесполезную, что приведет к тому, что он не будет ею пользоваться, по-крайней мере, какое-то время, пока не обнаружит её полезность.
![Page 41: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/41.jpg)
Рекомендации
• Формируйте ожидания пользователей уже в тексте рекламного объявления.– С психологической точки зрения, дефект - это
несоответствие реальности ожиданиям. Рекламное объявление может формировать неверные ожидания. Пользователи, откликнувшиеся на него, будут разочарованы, даже если с сайтов все в порядке.
– С другой стороны - люди, особенно перегруженные, мыслят очень просто. Они будут искать на сайте слова, связанные с текстом объявления. Если за 5-10 секунд они не увидят то, что обещала рекламная ссылка, то с высокой вероятностью они уйдут с сайта.
![Page 42: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/42.jpg)
Рекомендации
• Не используйте на одном экране более одной формы, а в формах - более одной кнопки.– Исходите из принципа, что люди обязательно будут
ошибаться там, где можно ошибиться. Две формы (например, авторизация и регистрация, написание комментария и проставления рейтинга) на одном экране обязательно запутают пользователя. Он сделает не то, что хотел, в лучшем случае, просто расстроиться, к худшем - покинет сайт, ругаясь.
![Page 43: 27 Satin Optimization2008](https://reader034.fdocuments.net/reader034/viewer/2022051411/54447a5eb1af9f6c0a8b491d/html5/thumbnails/43.jpg)
Рекомендации
• Говорите с пользователем на его языке.– Хотя вроде бы все знают, что с человеком нужно говорить
на его языке, мы постоянно допускаем жаргонные слова (логин, плагин, и т.д.). Пользователи не знают, что означают эти слова, а это приводит к тому, что они домысливают значение этих слов, и как правило неверно. Например, слово "плагин" чаще всего вызывает у них ассоциацию с "вирусами". Это явно не то, к чему стремятся разработчики сайта.