Проектирование интерфейса пользователя

1.

Учебный курс
«Проектирование интерфейса
пользователя»
Преподаватель:
Калимбетова Ляззат Касеновна

2.

Лекция №11
Исследование пользователей и
предметной области
Сбор данных (завершение)
Анализ данных

3.

Место в общем плане проектирования
1
Исследование
пользователей, предметной
области
2
Собранные данные
Стратегия дизайна
Профили групп
Моделирование
Персонажи
Контекстные сценарии
пользователей и контекстов
использования
3
Выработка требований
к проектированию
пользовательских, бизнеса и
технологических
Функциональные,
информационные
требования
4
Информационная архитектура
Общая структура взаимодействия
Сценарии ключевого пути
Проверочные сценарии
Концепция пользовательского интерфейса
Оценка/проверка
Концептуальное
проектирование
общей структуры и
взаимодействия
продукта
5
Детальное
проектирование
поведения, формы и
наполнения
Спецификации
формы, поведения и
содержания
6
Спецификации
программной системы
Выработка требований
к разработке
Проектирование интерфейса пользователя. Лекция №11.
3

4.

Изучение пользователей. Фокус-группы
Назначение
Оценка отношений, мнений и впечатлений пользователей.
Область
применения
• генерация идей и выяснение принятия/непринятия этих идей
пользователями;
• поиск новых возможностей и функциональности продукта;
• получение информация о приоритетах для групп пользователей;
• получение озарения в результате групповой работы;
• выяснение привычек людей другой культуры.
Ограничения • влияние респондентов друг на друга;
• рассказ в группе может не отражать реального поведения людей.
Процедура
• участники: группы людей по 8-10 чел., несколько групп целевой аудитории,
нейтральный фасилитатор;
• время: 1-2 часа;
• мозговой штурм по заранее подготовленному плану;
• использование прототипа или демоверсии продукта (по возможности).
Подвиды
• jad-сессии (join application development);
• круглый стол.
Сложность
проведения
• управление процессом обсуждения требует особых навыков;
• низкие затраты на обобщение полученных данных;
• относительные временные затраты: низкие.
Проектирование интерфейса пользователя. Лекция №11.
4

5.

Изучение пользователей. Полевые исследования
Назначение
Изучение пользователей, их окружения и задач в реальном контексте.
Область
применения
• сбор объективной информации о деятельности пользователя в
естественной среде;
• сбор характеристик (время, последовательности, зависимости).
Особенности
проведения
• внимательный выбор времени и объекта наблюдения;
• наблюдается работа в привычном окружении;
• задачи решаются в плановом порядке;
• интенсивное погружение в процесс и контекст;
• тщательная запись деятельности;
• комбинация с интервью для уточнения деталей.
Основные
объекты
наблюдения
• как пользователи используют продукт (способы навигации, повторения в
использования конкретных экранов, пропущенные шаги, альтернативные
решения, трудности, заметки, вспомогательный материал);
• поступающие от окружающих задачи;
• терминология;
• число, порядок, частота, продолжительность задач.
Подвиды
• наблюдения;
• включённые наблюдения.
Сложность
проведения
• планирование посещений, организация их, анализ данных требуют
наиболее высоких затрат по сравнению с предыдущими методами;
• относительные временные затраты: от средних к высоким.
Проектирование интерфейса пользователя. Лекция №11.
5

6.

Изучение пользователей.
Прочие варианты/комбинации методов сбора данных.
Название
Обсуждение + Малозатратный
наблюдение
вариант
Процессный анализ
Фокус
конкретная
последовательность
задач
Сбор артефактов
контекст
Ведение дневника
«Наблюдение по
дешёвке» (DUO)
Этнографическое
исследование
взаимодействие с
продуктом
задачи и контекст
культурные различия
Анализ пожеланий и
потребностей
потребности и
пожелания
Групповой анализ
задания
желаемый поток
задач
Проектирование интерфейса пользователя. Лекция №3.
6

7.

Исследование пользователей и
предметной области
Методы анализа собранных
данных

8.

Место в общем плане проектирования
1
Исследование
пользователей, предметной
области
2
Собранные данные
Стратегия дизайна
Профили групп
Моделирование
Персонажи
Контекстные сценарии
пользователей и контекстов
использования
3
Выработка требований
к проектированию
пользовательских, бизнеса и
технологических
Функциональные,
информационные
требования
4
Информационная архитектура
Общая структура взаимодействия
Сценарии ключевого пути
Проверочные сценарии
Концепция пользовательского интерфейса
Оценка/проверка
Концептуальное
проектирование
общей структуры и
взаимодействия
продукта
5
Детальное
проектирование
поведения, формы и
наполнения
Спецификации
формы, поведения и
содержания
6
Спецификации
программной системы
Выработка требований
к разработке
Проектирование интерфейса пользователя. Лекция №11.
8

9.

Анализ собранных данных
Цель:
Создание профилей групп и/или персонажей с их
контекстными сценариями.
Задачи:
• подготовка и обработка результатов исследования;
• группировка пользователей.
Методы решения задач:
• качественные (участие всей команды);
• количественные (математические вычисления);
• комбинированные.
Проектирование интерфейса пользователя. Лекция №3.
9

10.

Группировка пользователей
Описание
Перечень ключевых характеристик группы
Виды групп
• по социально-демографическому признаку
• по поведению
• по потребностям
• по знаниям
• по контексту
• по жизненным ценностям и др.
Расстановка
приоритето
в с точки
зрения
заказчика
• текущие пользователи;
• новые пользователи;
• пользователи, покидающие сайт после первого посещения;
• новички (неопытные);
• по сложности удовлетворения потребностей;
• группа, приносящая бизнесу наибольший доход;
• самая многочисленная группа и др.
Проектирование интерфейса пользователя. Лекция №11.
10

11.

Качественные методы. Этапы
Подготовка
результатов
исследования
• Разбить все собранные наблюдения на
группы: (по задачам, по частоте, по
времени, по группам целевой аудитории);
• Категоризовать ответы: по вариантам
ответов (для закрытых вопросов), по
схожести ответов (для открытых вопросов).
Группировка
пользователей
• диаграмма сходства;
• сортировка по шкалам.
Создание
профиля
каждой группы
• интерпретация результатов кластеризации;
• формирование составляющих профилей;
• контрольное мероприятие.
Проектирование интерфейса пользователя. Лекция №11.
11

12.

Диаграмма сходства (affinity diagram )
Область применения:
анализ наблюдений,
полученных в ходе
полевого исследования;
определение и
группировка
пользовательских
функций как элементов
дизайна;
анализ наблюдений,
полученных в ходе
юзабилити-оценки.
Результат:
наблюдения,
сгруппированные по
тематикам.
Проектирование интерфейса пользователя. Лекция №11.
12

13.

Сортировка по шкалам
1)
2)
3)
4)
5)
6)
Выявить поведенческие
переменные.
Сопоставить
респондентов с
поведенческими
переменными
Выявить значимые
шаблоны
Синтезировать
характеристики и
соответствующие им цели
Проверить полноту и
выявить избыточность.
Перейти к
формированию
персонажа.
Уровень опытности
2
4 5 1
3
новичок
эксперт
кластер
Ориентация
2
на цену
Проектирование интерфейса пользователя. Лекция №3.
5
4 1 3
на качество
13

14.

Пример. Сайт ГОУ Лицей №1524 («Школьный веб-сайт»)
Задача:
перепроектирование
веб-сайта среднего
учебного заведения
с соблюдением
юзабилититребований,
предъявляемых к
современному ПО.
Предыдущая версия веб-сайта ГОУ Лицей №1524
Проектирование интерфейса пользователя. Лекция №3.
14

15.

Пример «Школьный веб-сайт». Основные наблюдаемые
поведенческие переменные
1) Социально-демографические признаки
2) Способности
Какой опыт работы с продуктом или со схожими продуктами, какие знания в
предметной области продукта?
3) Личные цели (в отношении продукта)
Чего пытаются достичь с помощью продукта?
4) Мотивация (в отношении продукта)
Зачем используют/будут использовать продукт, какова движущая сила?
Рабочие обязанности, развлечение, повседневные дела и др.
5) Ожидания(в отношении продукта)
Что ожидают в результате использования продукта? Какого рода опыт будет для
пользователей привлекательным и полезным? Как должен вести себя и выглядеть
продукт?
Технологические продукты, работающие, не так, как ожидалось, заставляют людей чувствовать себя
дураками, даже если они в конце концов достигли своей цели.
Проектирование интерфейса пользователя. Лекция №11.
15

16.

Пример «Школьный веб-сайт». Сортировка по шкалам.
Выявление значимых шаблонов
1 – Ученик
2 – Родитель
3 – Абитуриент
4 – Учитель
5 – Администратор
6 – Недавний
выпускник
7 – Проверяющая
орг.
8 – Админ. сайта
Проектирование интерфейса пользователя. Лекция №3.
16

17.

Пример. Сайт библиотеки
Задача: проектирование
электронной версия каталога
библиотеки для персональных
настольных компьютеров (вебприложение) и для киосков с
соблюдением требований
юзабилити, предъявляемых к
современному ПО.
Киоск
(электронный каталог)
Текущая версия сайта библиотеки МГТУ
им. Н. Э. Баумана
Проектирование интерфейса пользователя. Лекция №3.
17

18.

Пример. Сортировка по шкалам.
Малопригодный метод
Возраст
9
8 5 7 3
2
10
17
Цель обращения в библиотеку
1
4
26
22
6
45
31
55
3 7 9
1-2 курс
3 курс
4-5 курс
2
14 6
10
аспирант
преподаватель
дипломник
Навыки работы с компьютером
10
2 5 6 8
новичок
средние
14 3 7 9
эксперт в
своей
области
эксперт
в ИТ
Впечатления от первого посещения ЭБ
(наклонности)
3 7
2 8
не
просто
ознакомился разобрался
с ресурсами с поиском
5
учебные
задания
экзамен
НИР
1 2 6
«быть в курсе» по
научной тематике
Очень важные ресурсы библиотеки (деятельность)
Положение в МГТУ
5 8
4 9 10
3 7
5 8
146 9
с трудом, всё нашёл
но нашёл,
что искал
10
не
оказалось
в ЭК
28
3
45
9
46
9 10
14 6
9
6
9
57
10
39
научная научные
учебная
MSDNAA
РЖ
ничего
непериод.
литература
справочники,
журналы
литература
патенты и др.
Постоянно используемые ресурсы библиотеки
(деятельность)
8
2 3
10
6
45
9
1 6
9
9
57
9 10
научная научные
учебная
MSDNAA
РЖ
ничего
непериод.
литература
справочники,
журналы
литература
патенты и др.
Мотивация обращения в бибилиотеку
9 10
13 4
нет в
Интернет и
др. сетях
1 9
нет в
книжном
магазине
Проектирование интерфейса пользователя. Лекция №3.
2 5
совет
преподавателя
2 34 5 6
7 8 10
традиция
18

19.

Количественные методы. Этапы
Подготовка
результатов
исследования
• группировка вариантов ответов на
открытые вопросы;
• преобразование вариантов ответов в
числовые эквиваленты.
Группировка
пользователей
• кластерный анализ, факторный анализ,
методы математической статистики;
• анализ сводных таблиц в Excel и поиск
закономерностей.
Создание профиля
каждой группы
• интерпретация результатов
кластеризации;
• формирование составляющих профилей;
• контрольное мероприятие.
Проектирование интерфейса пользователя. Лекция №3.
19

20.

Преобразование вариантов ответов в
числовые эквиваленты
Варианты ответа:
• номинальные;
• порядковые;
• непрерывные.
Проектирование интерфейса пользователя. Лекция №3.
20

21.

Пример Преобразование вариантов ответов в числовые
эквиваленты.
Сравнительная оценка для множества
вариантов
Проектирование интерфейса пользователя. Лекция №3.
21

22.

Количественный анализ данных
принадлежность объектов
кластерам;
расстояние до кластеров;
переменные, различающие
кластеры.
Вовлечённость и преданность
сервису
1) Отобрать разделяющие
наблюдения переменные –
факторный анализ данных;
2) Построить кластеры
наблюдений – кластерный
анализ. Выяснить:
Основной
Основной
Основной
Основной
Основной
Основной
Основной
Основной
Основной
Основной
Основной
Частота обращений к сер
Проектирование интерфейса пользователя. Лекция №11
22

23.

Выборочные характеристики центров кластеров
Характеристики/ номера кластеров
1
2
Возраст
48
20
Положение
преподаватель
студент 3 курса
Основная причина обращения в библиотеку МГТУ
«преподаватель рекомендовал»
нет
да
НИР
нет
нет
Наиболее часто используемые ресурсы библиотеки МГТУ
научные непериодические издания
постоянно
никогда
периодические издания (журналы)
постоянно
никогда
реферативные базы данных
постоянно
никогда
Ценность возможностей сайта библиотеки МГТУ для работы пользователя
доступ к зарубежным полнотекстовым изд. очень важно
совсем не интересно
Частота использования возможностей сайта библиотеки МГТУ пользователем
поиск полнотекстовых документов
постоянно
никогда
библиотеки МГТУ
поиск отечественных журналов
постоянно
никогда
новости библиотеки
постоянно
никогда
Ценность атрибутов поиска в ЭК
поиск по ключевым словам
очень важны
иногда полезны
… по предметным рубрикам
очень важны
иногда полезны
… по УДК
иногда полезны
совсем не использую
Проектирование интерфейса пользователя. Лекция №3.
3
25
аспирант
нет
да
иногда
иногда
иногда
очень важно
иногда
иногда
иногда
очень важны
иногда полезны
иногда полезны
23