Юзабилити интернет-проекта Евгений Кулаков Usabilitylab

Содержание

Слайд 2

Сначала их много

Сначала их много

Слайд 3

Но остается всегда слишком мало

Но остается всегда слишком мало

Слайд 4

Где-то есть волшебные крючки?

Где-то есть волшебные крючки?

Слайд 5

Повестка дня

Повестка дня

Слайд 6

Слайд 7

Слайд 8

Слайд 9

Структура компании

Структура компании

Слайд 10

Структура компании

Структура компании

Слайд 11

Структура компании

Структура компании

Слайд 12

interaction

interaction

Слайд 13

Слайд 14

Слайд 15

Слайд 16

Ограничения

Ограничения

Слайд 17

Слайд 18

Слайд 19

Слайд 20

Слайд 21

Слайд 22

Информационная перегрузка

Информационная перегрузка

Слайд 23

Информационная перегрузка

Информационная перегрузка

Слайд 24

Информационная перегрузка

Информационная перегрузка

Слайд 25

Информационная перегрузка

Информационная перегрузка

Слайд 26

П о с т е п е н н о …

П о с т е п е н н о …

Слайд 27

П о с т е п е н н о …

П о с т е п е н н о …

Слайд 28

Слайд 29

Слайд 30

70% посетителей просматривают на сайтах только по одной странице.

70% посетителей просматривают на сайтах только по одной странице.

Слайд 31

Слайд 32

Слайд 33

Слайд 34

Слайд 35

Слайд 36

Слайд 37

Слайд 38

Слайд 39

Слайд 40

Слайд 41

Слайд 42

A.I.D.A.S. Attention

A.I.D.A.S.

Attention

Слайд 43

Слайд 44

A.I.D.A.S. Attention Interest

A.I.D.A.S.

Attention

Interest

Слайд 45

Слайд 46

A.I.D.A.S. Attention Interest Desire

A.I.D.A.S.

Attention

Interest

Desire

Слайд 47

Слайд 48

A.I.D.A.S. Attention Interest Desire Action

A.I.D.A.S.

Attention

Interest

Desire

Action

Слайд 49

Слайд 50

A.I.D.A.S. Attention Interest Desire Action Satisfaction

A.I.D.A.S.

Attention

Interest

Desire

Action

Satisfaction

Слайд 51

Довольный клиент

Довольный клиент

Слайд 52

Слайд 53

Слайд 54

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

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

информационных систем.
Слайд 55

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

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

информационных систем.
Слайд 56

ROI

ROI

Слайд 57

ROI 10-100 1

ROI

10-100

1

Слайд 58

Бюджет на юзабилити

Бюджет на юзабилити

Слайд 59

5-10% от бюджета проекта 5-10% от бюджета проекта

5-10% от бюджета проекта

5-10% от бюджета проекта

Слайд 60

Методология юзабилити-исследований

Методология юзабилити-исследований

Слайд 61

Интервью сотрудников Предметная область Пользователи «Ключевой путь» клиента Критерии успеха

Интервью сотрудников
Предметная область
Пользователи
«Ключевой путь» клиента
Критерии успеха

Слайд 62

Изучение web-аналитики Точки входа и ожидания пользователей Отклонения от «ключевого пути»

Изучение web-аналитики
Точки входа и ожидания пользователей
Отклонения от «ключевого пути» клиента
Места и

причины потери конверсии
Слайд 63

Изучаем целевую аудиторию

Изучаем целевую аудиторию

Слайд 64

Кто эти люди? ? ? ?

Кто эти люди?

?

?

?

Слайд 65

Кто эти люди? ? ? ? Характеристики и особенности

Кто эти люди?

?

?

?

Характеристики и особенности

Слайд 66

Кто эти люди? ? ? ? Характеристики и особенности Цели и задачи

Кто эти люди?

?

?

?

Характеристики и особенности

Цели и задачи

Слайд 67

Кто эти люди? ? ? ? Характеристики и особенности Цели и задачи Контекст: условия и ограничения

Кто эти люди?

?

?

?

Характеристики и особенности

Цели и задачи

Контекст: условия

и ограничения
Слайд 68

Мы любим точность

Мы любим точность

Слайд 69

Мнение vs. поведение

Мнение
vs.
поведение

Слайд 70

Как обрабатываем данные

Как обрабатываем данные

Слайд 71

Хорошо разбирается в своей бухгалтерской программе, но не дружит с компьютером

Хорошо разбирается в своей бухгалтерской программе, но не дружит с компьютером

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

Елена Александровна, 50 лет
Бухгалтер

Слайд 72

Как правило, персонажей несколько

Как правило, персонажей несколько

Слайд 73

Как правило, персонажей несколько

Как правило, персонажей несколько

Слайд 74

Как правило, персонажей несколько

Как правило, персонажей несколько

Слайд 75

Набор персонажей. Каждый набор персонажей - это образцы поведения группы пользователей.

Набор персонажей.
Каждый набор персонажей - это образцы поведения группы пользователей.
Множество персонажей

показывают всю область образцов поведения.
Зачем персонажи?
Слайд 76

Слайд 77

Слайд 78

Изучаем поведение

Изучаем поведение

Слайд 79

Изучаем поведение Hardware Software Metodology

Изучаем поведение

Hardware

Software

Metodology

Слайд 80

Слайд 81

Тепловая карта

Тепловая карта

Слайд 82

Мужчины Женщины

Мужчины

Женщины

Слайд 83

Слайд 84

Оцениваем страницы по чек-листам

Оцениваем страницы по чек-листам

Слайд 85

Аудит интерфейсов Проверка на соответствие эвристикам по ключевым страницам. Срезы по

Аудит интерфейсов

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

зон и степени критичности.
Слайд 86

Срезы по модулям Доверие к компании Навигация Каталог Поиск Карточка товара Регистрация …

Срезы по модулям

Доверие к компании

Навигация

Каталог

Поиск

Карточка товара

Регистрация


Слайд 87

Примеры!

Примеры!

Слайд 88

Общие замечания. Навигация Проблемы: Форма поиска на разных страницах находится в

Общие замечания. Навигация

Проблемы:
Форма поиска на разных страницах находится в разных местах.

Ее можно спутать с другими элементами (имеет такой же граф.дизайн, как и «Кабинет», который появляется на ее месте).
Приоритет: Высокий
Рекомендации:
Зафиксировать форму простого поиска в определенном месте для всех страниц сайта.
Сделать ее дизайн отличным от других элементов сайта.

* Подробности: см. Заметки к слайду

Слайд 89

Главная страница Граница окна

Главная страница

Граница окна

Слайд 90

Слайд 91

Проблема: Недостаточная видимость корзины в шапке ИМ. Приоритет: Высокий Рекомендация: Сделать

Проблема:
Недостаточная видимость корзины в шапке ИМ.
Приоритет:
Высокий
Рекомендация:
Сделать ссылку на корзину

визуально активной.

Корзина

Слайд 92

Вопросы?

Вопросы?