SlideShare a Scribd company logo

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

•
•
Dmitry Satin
Dmitry Satin

Мастер-класс Дмитрия Сатина на конференции RIW-2008

Related slideshows

Промо Эксперт — презентация компании
Промо Эксперт — презентация компанииПромо Эксперт — презентация компании
Промо Эксперт — презентация компании
 
A. Sadovsky presentation seo 100%
A. Sadovsky presentation seo 100%A. Sadovsky presentation seo 100%
A. Sadovsky presentation seo 100%
 
Komerch site-sadovsky-optimization2011
Komerch site-sadovsky-optimization2011Komerch site-sadovsky-optimization2011
Komerch site-sadovsky-optimization2011
 
1 of 39
Юзабилити сайта Дмитрий Сатин UsabilityLab
Юзабилити Инженерия Повышение эффективности бизнеса за счет повышения эффективности, продуктивности и удовлетворенности пользователей информационных систем. Возврат от инвестиций в разработку - живые деньги, которые можно посчитать Это возможно при соответствии функций сайта задачам и потребностям пользователей.
Считаем деньги Доллар… вложенный в рекламу, возвращает 5 в юзабилити – от 10 до 100 Затраты… на рекламу превышают бюджет разработки на юзабилити < 10% от бюджета разработки При одинаковом притоке посетителей больше денег зарабатывает тот сайт, на котором пользователи могут быстро и результативно реализовать свои потребности.
Улучшение платежной формы График продаж за 2006 год Внедрение новой платёжной формы
Платежная форма до изменения Шаг 1 Шаг 2
Платежная форма после изменения
Платежная форма после изменения
Две ценности Ценность для бизнеса Ценность для пользователя
ISO 13407 &quot;User Centered Design» Провести исследование пользователей актуальных, если текущей задачей является удержание;  или потенциальных, если задачей является привлечение новых пользователей. Спроектировать сайт (или изменения) быстро разработать прототип решения, не вкладываясь в его реализацию Провести оценку интерфейсов крайне желательно, с привлечением пользователей (юзабилити тестирование)
Исследование пользователей Каковы пользователи? Что пользователям нужно от сайта? Какие задачи они будут пытаться реализовать? В каких условиях пользователи будут работать с сайтом? Цель – получить «портреты» (персоны) пользователей, а не изолированные измерения.
Сценарии использования Приступая к проектированию необходимо определиться, какие сценарии использования должны быть ключевыми, и должны быть реализованы в прототипе сайта. Сценарии - это всегда реалистичные описания жизненных ситуаций, в которых пользователю может быть полезен разрабатываемый сайт. Сценарии направляют разработку прототипа. Проектировщик думает не о том, где разместить навигацию, а где форме регистрации, а о том, как наиболее эффективным способом решить задачу пользователя, оберегая его от возможных ошибок.
Проектирование интерфейсов Соблюдать стандарты и заимствовать хорошие решения с других сайтов? Добиваться консистетности интерфейсов? Добиваться успешности сайта!!! Сайт должен служить одной цели – помочь пользователю решить свою задачу.
Юзабилити тестирование Необходимо найти людей, соответствующих критериям целевой аудитории. Посадить их за компьютер, дать им задания, которые мы выбрали в качестве сценариев. И внимательно наблюдать за тем, как они справляются с этими заданиями, фиксируя проблемы с которыми они сталкиваются.
Юзабилити тестирование Есть большая разница между тем, что пользователь говорит, &quot;что он хочет&quot;, и тем, что в действительности будет использовать. Единственный способ отличить одно от другого – наблюдение за его поведением. Оптимальным количеством для тестирования является 6-9 пользователей в каждой группе. Если пользователей больше чем 9, то срабатывает закон убывающей приростной отдачи, то есть, затрачиваемые усилия не будут оправдываться повышением точности результатов.
Технология eye-tracking Пало чки ( rod cells ) К о л б о ч к и ( cone cells )
Технология eye-tracking Фиксация Контрастная область Saccade
Технология eye-tracking 1878.
Технология eye-tracking . Наши дни. Tobii x120 Tobii T60
 
 
 
 
 
 
Управление взглядом
Регистрации движений глаз ( eye-tracking) Есть большая разница между тем, что пользователь говорит, &quot;что он хочет&quot;, и тем, что в действительности будет использовать. Единственный способ отличить одно от другого – наблюдение за его поведением.
Чем полезен eye-tracking в юзабилити тестировании ? Четкое понимание поведения человека Больше информации и фактов Измеримое поведение Объективные результаты Возможность добиться трудно получаемых данных и изображений Облегчение интерпретации, понимания результатов
На какие вопросы можно получить ответы используя eye-tracking? Мы не можем прочитать мысли людей, но мы можем выяснить на что они смотрят Что увидел человек, сколько информации он получил, когда, и сколько времени ему потребовалось? Правильно ли подобраны графические элементы и контент? Как пользователь ищет информацию на страницах веб-сайта ? Скорость кликов и концентрацию внимания на баннерах Обнаружение замешательств, напряжения и проблем Запись дополнительных данных Объективные данные для проведения анализа
Как использовать метод регистрации движения глаз ? Как дополнение к любому другому методу или как независимый метод Как главный и дополнительный источник данных в количественных исследованиях Нет надобности заставлять участников тестирования думать слух Обнаруживает гораздо больше проблем в использовании Участники чувствуют себя более комфортно и юзабилити тестирование становится приятным процессом
Think aloud Retrospective Source: Dr L Ball, Lancaster University
Метрические показатели Первая фиксация Наиболее значимая фиксация Время первого фиксирования взгляда Время фиксированного взгляда Порядок фиксации взгляда Взгляд между фиксациями Длительность наблюдения Итог наблюдения
 
 
Рекомендации Будьте внимательны, предоставляя выбор пользователю. Когда пользователь вышел на &quot;финишную&quot; прямую, например, готов купить товар, или зарегистрироваться на сайте, следует уменьшить количество альтернатив, с которыми сталкивается пользователь. В этот момент лишние выборы губительно сказываются на скорости принятия решения пользователем. Этот принцип не уникален для юзабилити, продавец в магазине может продолжать показывать ассортимент товаров даже тогда, когда покупатель уже принял решение о покупке, и тем самым сбивать покупателя с толку.
Рекомендации Помните, что дорога ложка к обеду. Даже реклама бывает уместной и полезной. Старайтесь, чтобы реклама, которую вы размещаете на сайте, повышала ценность сайта, а не разрушала её. Изучайте своих пользователей, запоминайте, что они любят, чем интересуются, пытайтесь понять в чем они могу нуждаться. Таргетированная (адресная) реклама не только более эффективна, она может придавать вашему сайту дополнительную ценность. Если пользователь сталкивается с функцией не тогда, когда она ему нужна, он оценивает её как бесполезную, что приведет к тому, что он не будет ею пользоваться, по-крайней мере, какое-то время, пока не обнаружит её полезность.
Рекомендации Формируйте ожидания пользователей уже в тексте рекламного объявления. С психологической точки зрения, дефект - это несоответствие реальности ожиданиям. Рекламное объявление может формировать неверные ожидания. Пользователи, откликнувшиеся на него, будут разочарованы, даже если с сайтов все в порядке. С другой стороны - люди, особенно перегруженные, мыслят очень просто. Они будут искать на сайте слова, связанные с текстом объявления. Если за 5-10 секунд они не увидят то, что обещала рекламная ссылка, то с высокой вероятностью они уйдут с сайта.
Рекомендации Не используйте на одном экране более одной формы, а в формах - более одной кнопки. Исходите из принципа, что люди обязательно будут ошибаться там, где можно ошибиться. Две формы (например, авторизация и регистрация, написание комментария и проставления рейтинга) на одном экране обязательно запутают пользователя. Он сделает не то, что хотел, в лучшем случае, просто расстроиться, к худшем - покинет сайт, ругаясь.
Рекомендации Говорите с пользователем на его языке. Хотя вроде бы все знают, что с человеком нужно говорить на его языке, мы постоянно допускаем жаргонные слова (логин, плагин, и т.д.). Пользователи не знают, что означают эти слова, а это приводит к тому, что они домысливают значение этих слов, и как правило неверно. Например, слово &quot;плагин&quot; чаще всего вызывает у них ассоциацию с &quot;вирусами&quot;. Это явно не то, к чему стремятся разработчики сайта.
Спасибо за внимание! Дмитрий Сатин [email_address]

More Related Content

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

  • 2. Юзабилити Инженерия Повышение эффективности бизнеса за счет повышения эффективности, продуктивности и удовлетворенности пользователей информационных систем. Возврат от инвестиций в разработку - живые деньги, которые можно посчитать Это возможно при соответствии функций сайта задачам и потребностям пользователей.
  • 3. Считаем деньги Доллар… вложенный в рекламу, возвращает 5 в юзабилити – от 10 до 100 Затраты… на рекламу превышают бюджет разработки на юзабилити < 10% от бюджета разработки При одинаковом притоке посетителей больше денег зарабатывает тот сайт, на котором пользователи могут быстро и результативно реализовать свои потребности.
  • 4. Улучшение платежной формы График продаж за 2006 год Внедрение новой платёжной формы
  • 5. Платежная форма до изменения Шаг 1 Шаг 2
  • 7. Платежная форма после изменения
  • 8. Две ценности Ценность для бизнеса Ценность для пользователя
  • 9. ISO 13407 &quot;User Centered Design» Провести исследование пользователей актуальных, если текущей задачей является удержание;  или потенциальных, если задачей является привлечение новых пользователей. Спроектировать сайт (или изменения) быстро разработать прототип решения, не вкладываясь в его реализацию Провести оценку интерфейсов крайне желательно, с привлечением пользователей (юзабилити тестирование)
  • 10. Исследование пользователей Каковы пользователи? Что пользователям нужно от сайта? Какие задачи они будут пытаться реализовать? В каких условиях пользователи будут работать с сайтом? Цель – получить «портреты» (персоны) пользователей, а не изолированные измерения.
  • 11. Сценарии использования Приступая к проектированию необходимо определиться, какие сценарии использования должны быть ключевыми, и должны быть реализованы в прототипе сайта. Сценарии - это всегда реалистичные описания жизненных ситуаций, в которых пользователю может быть полезен разрабатываемый сайт. Сценарии направляют разработку прототипа. Проектировщик думает не о том, где разместить навигацию, а где форме регистрации, а о том, как наиболее эффективным способом реш��ть задачу пользователя, оберегая его от возможных ошибок.
  • 12. Проектирование интерфейсов Соблюдать стандарты и заимствовать хорошие решения с других сайтов? Добиваться консистетности интерфейсов? Добиваться успешности сайта!!! Сайт должен служить одной цели – помочь пользователю решить свою задачу.
  • 13. Юзабилити тестирование Необходимо найти людей, соответствующих критериям целевой аудитории. Посадить их за компьютер, дать им задания, которые мы выбрали в качестве сценариев. И внимательно наблюдать за тем, как они справляются с этими заданиями, фиксируя проблемы с которыми они сталкиваются.
  • 14. Юзабилити тестирование Есть большая разница между тем, что пользователь говорит, &quot;что он хочет&quot;, и тем, что в действительности будет использовать. Единственный способ отличить одно от другого – наблюдение за его поведением. Оптимальным количеством для тестирования является 6-9 пользователей в каждой группе. Если пользователей больше чем 9, то срабатывает закон убывающей приростной отдачи, то есть, затрачиваемые усилия не будут оправдываться повышением точности результатов.
  • 15. Технология eye-tracking Пало чки ( rod cells ) К о л б о ч к и ( cone cells )
  • 16. Технология eye-tracking Фиксация Контрастная область Saccade
  • 18. Технология eye-tracking . Наши дни. Tobii x120 Tobii T60
  • 19.  
  • 20.  
  • 21.  
  • 22.  
  • 23.  
  • 24.  
  • 26. Регистрации движений глаз ( eye-tracking) Есть большая разница между тем, что пользователь говорит, &quot;что он хочет&quot;, и тем, что в действительности будет использовать. Единственный способ отличить одно от другого – наблюдение за его поведением.
  • 27. Чем полезен eye-tracking в юзабилити тестировании ? Четкое понимание поведения человека Больше информации и фактов Измеримое поведение Объективные результаты Возможность добиться трудно получаемых данных и изображений Облегчение интерпретации, понимания результатов
  • 28. На какие вопросы можно получить ответы используя eye-tracking? Мы не можем прочитать мысли людей, но мы можем выяснить на что они смотрят Что увидел человек, сколько информации он получил, когда, и сколько времени ему потребовалось? Правильно ли подобраны графические элементы и контент? Как пользователь ищет информацию на страницах веб-сайта ? Скорость кликов и концентрацию внимания на баннерах Обнаружение замешательств, напряжения и проблем Запись дополнительных данных Объективные данные для проведения анализа
  • 29. Как использовать метод регистрации движения глаз ? Как дополнение к любому другому методу или как независимый метод Как главный и дополнительный источник данных в количественных исследованиях Нет надобности заставлять участников тестирования думать слух Обнаруживает гораздо больше проблем в использовании Участники чувствуют себя более комфортно и юзабилити тестирование становится приятным процессом
  • 30. Think aloud Retrospective Source: Dr L Ball, Lancaster University
  • 31. Метрические показатели Первая фиксация Наиболее значимая фиксация Время первого фиксирования взгляда Время фиксированного взгляда Порядок фиксации взгляда Взгляд между фиксациями Длительность наблюдения Итог наблюдения
  • 32.  
  • 33.  
  • 34. Рекомендации Будьте внимательны, предоставляя выбор пользователю. Когда пользователь вышел на &quot;финишную&quot; прямую, например, готов купить товар, или зарегистрироваться на сайте, следует уменьшить количество альтернатив, с которыми сталкивается пользователь. В этот момент лишние выборы губительно сказываются на скорости принятия решения пользователем. Этот принцип не уникален для юзабилити, продавец в магазине может продолжать показывать ассортимент товаров даже тогда, когда покупатель уже принял решение о покупке, и тем самым сбивать покупателя с толку.
  • 35. Рекомендации Помните, что дорога ложка к обеду. Даже реклама бывает уместной и полезной. Старайтесь, чтобы реклама, которую вы размещаете на сайте, повышала ценность сайта, а не разрушала её. Изучайте своих пользователей, запоминайте, что они любят, чем интересуются, пытайтесь понять в чем они могу нуждаться. Таргетированная (адресная) реклама не только более эффективна, она может придавать вашему сайту дополнительную ценность. Если пользователь сталкивается с функцией не тогда, когда она ему нужна, он оценивает её как бесполезную, что приведет к тому, что он не будет ею пользоваться, по-крайней мере, какое-то время, пока не обнаружит её полезность.
  • 36. Рекомендации Формируйте ожидания пользователей уже в тексте рекламного объявления. С психологической точки зрения, дефект - это несоответствие реальности ожиданиям. Рекламное объявление может формировать неверные ожидания. Пользователи, откликнувшиеся на него, будут разочарованы, даже если с сайтов все в порядке. С другой стороны - люди, особенно перегруженные, мыслят очень просто. Они будут искать на сайте слова, связанные с текстом объявления. Если за 5-10 секунд они не увидят то, что обещала рекламная ссылка, то с высокой вероятностью они уйдут с сайта.
  • 37. Рекомендации Не используйте на одном экране более одной формы, а в формах - более одной кнопки. Исходите из принципа, что люди обязательно будут ошибаться там, где можно ошибиться. Две формы (например, авторизация и регистрация, написание комментария и проставления рейтинга) на одном экране обязательно запутают пользователя. Он сделает не то, что хотел, в лучшем случае, просто расстроиться, к худшем - покинет сайт, ругаясь.
  • 38. Рекомендации Говорите с пользователем на его языке. Хотя вроде бы все знают, что с человеком нужно говорить на его языке, мы постоянно допускаем жаргонные слова (логин, плагин, и т.д.). Пользователи не знают, что означают эти слова, а это приводит к тому, что они домысливают значение этих слов, и как правило неверно. Например, слово &quot;плагин&quot; чаще всего вызывает у них ассоциацию с &quot;вирусами&quot;. Это явно не то, к чему стремятся разработчики сайта.
  • 39. Спасибо за внимание! Дмитрий Сатин [email_address]