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

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

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

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

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

5 Повестка дня

6 Сайт – часть бизнес-схемы

7 Бывают плохие витрины

8 Нужна система!

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

10

11

12 interaction Будем дружить…

13 …а может, даже влюбляться!

14

15

16 Ограничения

17

18 Им нужна только поб еда!

19 Что может его остановить?

20

21 Время – деньги, товарисч!

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

23

24

25

26 П о с т е п е н н о …

27

28

29 Мы его теряем…

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

31 Не хочу!

32 Кто-нибудь знает, куда кликать?

33

34

35

36

37 Мы его теряем!

38 Что делать?

39 Чем его мотивировать?

40 Идея! Дадим ему много-много функционала!

41 Слишком много «если»

42 A.I.D.A.S. Attention

43

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

45

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

47

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

49

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

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

52 Итак, что можно сделать?

53 Юзабилити- инженерия – это…

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

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

56 ROI

57

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

59 5-10% от бюджета проекта Бюджет на юзабилити

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

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

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

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

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

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

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

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

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

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

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

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

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

73

74

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

76 Составляем сценарии

77 Сценарии бывают разные

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

79 Hardware Software Metodology

80 Технология eye-tracking с 1878 года

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

82 Мужчины Женщины Выясняются интересные вещи!

83 Наблюдаем, как пользователь работает с системой

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

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

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

87 Примеры!

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

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

90

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

92 Вопросы?

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