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

Содержание

Слайд 2

Лекция №3

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

Сбор данных (завершение)
Анализ данных

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

Слайд 3

Место в общем плане проектирования

Проектирование интерфейса пользователя. Лекция №3.

Место в общем плане проектирования Проектирование интерфейса пользователя. Лекция №3.

Слайд 4

Проектирование интерфейса пользователя. Лекция №3.

Изучение пользователей. Фокус-группы

Проектирование интерфейса пользователя. Лекция №3. Изучение пользователей. Фокус-группы

Слайд 5

Проектирование интерфейса пользователя. Лекция №3.

Изучение пользователей. Полевые исследования

Проектирование интерфейса пользователя. Лекция №3. Изучение пользователей. Полевые исследования

Слайд 6

Изучение пользователей. Прочие варианты/комбинации методов сбора данных.

Проектирование интерфейса пользователя. Лекция №3.

Изучение пользователей. Прочие варианты/комбинации методов сбора данных. Проектирование интерфейса пользователя. Лекция №3.

Слайд 7

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

Методы анализа собранных данных

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

Слайд 8

Место в общем плане проектирования

Проектирование интерфейса пользователя. Лекция №3.

Место в общем плане проектирования Проектирование интерфейса пользователя. Лекция №3.

Слайд 9

Анализ собранных данных

Цель:
Создание профилей групп и/или персонажей с их контекстными сценариями.
Задачи:
подготовка и

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

Проектирование интерфейса пользователя. Лекция №3.

Слайд 10

Проектирование интерфейса пользователя. Лекция №3.

Группировка пользователей

Проектирование интерфейса пользователя. Лекция №3. Группировка пользователей

Слайд 11

Качественные методы. Этапы

Проектирование интерфейса пользователя. Лекция №3.

Качественные методы. Этапы Проектирование интерфейса пользователя. Лекция №3.

Слайд 12

Диаграмма сходства (affinity diagram )

Область применения:
анализ наблюдений, полученных в ходе полевого

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

Проектирование интерфейса пользователя. Лекция №3.

Слайд 13

Сортировка по шкалам

Выявить поведенческие переменные.
Сопоставить респондентов с поведенческими переменными
Выявить значимые шаблоны
Синтезировать характеристики

Сортировка по шкалам Выявить поведенческие переменные. Сопоставить респондентов с поведенческими переменными Выявить
и соответствующие им цели
Проверить полноту и выявить избыточность.
Перейти к формированию персонажа.

Проектирование интерфейса пользователя. Лекция №3.

Слайд 14

Проектирование интерфейса пользователя. Лекция №3.

Пример. Сайт ГОУ Лицей №1524 («Школьный веб-сайт»)

Задача: перепроектирование

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

Предыдущая версия веб-сайта ГОУ Лицей №1524

Слайд 15

Проектирование интерфейса пользователя. Лекция №3.

Пример «Школьный веб-сайт». Основные наблюдаемые поведенческие переменные

Социально-демографические признаки
2)

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

Слайд 16

Проектирование интерфейса пользователя. Лекция №3.

Пример «Школьный веб-сайт». Сортировка по шкалам. Выявление значимых

Проектирование интерфейса пользователя. Лекция №3. Пример «Школьный веб-сайт». Сортировка по шкалам. Выявление
шаблонов

1 – Ученик
2 – Родитель
3 – Абитуриент
4 – Учитель
5 – Администратор
6 – Недавний выпускник
7 – Проверяющая орг.
8 – Админ. сайта

Слайд 17

Проектирование интерфейса пользователя. Лекция №3.

Пример. Сайт библиотеки МГТУ им. Н. Э. Баумана

Проектирование интерфейса пользователя. Лекция №3. Пример. Сайт библиотеки МГТУ им. Н. Э.
(«ЭБ Яуза»)

Задача: проектирование электронной версия каталога библиотеки для персональных настольных компьютеров (веб-приложение) и для киосков с соблюдением требований юзабилити, предъявляемых к современному ПО.

Текущая версия сайта библиотеки МГТУ им. Н. Э. Баумана

Киоск
(электронный каталог)

Слайд 18

Проектирование интерфейса пользователя. Лекция №3.

Пример. «ЭБ Яуза». Сортировка по шкалам. Малопригодный метод

?

Проектирование интерфейса пользователя. Лекция №3. Пример. «ЭБ Яуза». Сортировка по шкалам. Малопригодный метод ?

Слайд 19

Количественные методы. Этапы

Проектирование интерфейса пользователя. Лекция №3.

Количественные методы. Этапы Проектирование интерфейса пользователя. Лекция №3.

Слайд 20

Преобразование вариантов ответов в числовые эквиваленты

Варианты ответа:
номинальные;
порядковые;
непрерывные.

Проектирование интерфейса пользователя. Лекция №3.

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

Слайд 21

Проектирование интерфейса пользователя. Лекция №3.

Пример «ЭБ Яуза». Преобразование вариантов ответов в числовые

Проектирование интерфейса пользователя. Лекция №3. Пример «ЭБ Яуза». Преобразование вариантов ответов в
эквиваленты.

Сравнительная оценка для множества вариантов

Слайд 22

Количественный анализ данных

Отобрать разделяющие наблюдения переменные – факторный анализ данных;
Построить кластеры наблюдений

Количественный анализ данных Отобрать разделяющие наблюдения переменные – факторный анализ данных; Построить
– кластерный анализ. Выяснить:
принадлежность объектов кластерам;
расстояние до кластеров;
переменные, различающие кластеры.

Проектирование интерфейса пользователя. Лекция №3.

Слайд 23

Инструменты

Исследование «ЭБ Яуза» выполнено с использование статистического пакета SPSS Statistics 17.0.
Бесплатные статистические

Инструменты Исследование «ЭБ Яуза» выполнено с использование статистического пакета SPSS Statistics 17.0.
пакеты:
надстройка для Excel – AtteStat (http://attestatsoft.narod.ru/download.htm) – кластеризация данных;
надстройка для Excel – Chemometric (http://www.chm.bris.ac.uk/org/chemometrics/addins/index.html) – метод главных компонент.

Проектирование интерфейса пользователя. Лекция №3.

Слайд 24

Кластерный анализ данных. Отбор разделяющих переменных

Метод главных компонент:
по каким переменным наши

Кластерный анализ данных. Отбор разделяющих переменных Метод главных компонент: по каким переменным
пользователи различаются?
как взаимосвязаны переменные?

Проектирование интерфейса пользователя. Лекция №3.

Геометрическая интерпретация для случая двумерных данных (http://www.chemometrics.ru/materials/textbooks/pca.htm#Ch2.5)

Слайд 25

Кластерный анализ данных. Метод главных компонент

Проектирование интерфейса пользователя. Лекция №3.

, где n

Кластерный анализ данных. Метод главных компонент Проектирование интерфейса пользователя. Лекция №3. ,
– количество объектов (пользователей);
m – количество наблюдаемых признаков.

где T – матрица счетов, размерностью (n×p), – проекции объектов в новое пространство пониженной размерности p;
P – матрица нагрузок, размерностью (m×p), – проекции наблюдаемых признаков в новое пространство главных компонент;
E – матрица остатков, размерностью (n×m).

,

Слайд 26

Проектирование интерфейса пользователя. Лекция №3.

Пример «ЭБ Яуза». Исследование ролей переменных и предположения

Проектирование интерфейса пользователя. Лекция №3. Пример «ЭБ Яуза». Исследование ролей переменных и предположения о их взаимосвязях
о их взаимосвязях

Слайд 27

Проектирование интерфейса пользователя. Лекция №3.

Пример «ЭБ Яуза». Отбор разделяющих переменных

«многие ищут в

Проектирование интерфейса пользователя. Лекция №3. Пример «ЭБ Яуза». Отбор разделяющих переменных «многие
Интернет»

«многие берут учебные пособия»

«многие так поступают»

Слайд 28

Пример «ЭБ Яуза». Кластерный анализ данных

Число наблюдений в каждом кластере

Расстояния между центрами

Пример «ЭБ Яуза». Кластерный анализ данных Число наблюдений в каждом кластере Расстояния
кластеров

Проектирование интерфейса пользователя. Лекция №3.

Слайд 29

Интерпретация результата кластеризации

выделить характеризующие кластер значения переменных;
отбросить переменные, недифференцирующие кластеры;
сформировать гипотезы, объясняющие

Интерпретация результата кластеризации выделить характеризующие кластер значения переменных; отбросить переменные, недифференцирующие кластеры;
выделенные особенности.

Проектирование интерфейса пользователя. Лекция №3.

Слайд 30

Пример «ЭБ Яуза». Выборочные характеристики центров кластеров

Проектирование интерфейса пользователя. Лекция №3.

Пример «ЭБ Яуза». Выборочные характеристики центров кластеров Проектирование интерфейса пользователя. Лекция №3.

Слайд 31

Пример «ЭБ Яуза». Анализ сводных таблиц

Демографические характеристики

Цели использования библиотеки
С какой целью чаще

Пример «ЭБ Яуза». Анализ сводных таблиц Демографические характеристики Цели использования библиотеки С
всего обращаются в библиотеку?

Проектирование интерфейса пользователя. Лекция №3.

Слайд 32

Пример «ЭБ Яуза». Анализ сводных таблиц

Мотивы посещения библиотеки
Почему пользователь приходит в библиотеку?

Проектирование

Пример «ЭБ Яуза». Анализ сводных таблиц Мотивы посещения библиотеки Почему пользователь приходит
интерфейса пользователя. Лекция №3.

Слайд 33

Пример «ЭБ Яуза». Анализ сводных таблиц

Ожидания от использования библиотеки
Что Вы обычно делаете

Пример «ЭБ Яуза». Анализ сводных таблиц Ожидания от использования библиотеки Что Вы
с результатами поиска литературы в электронной версии каталога?

Ожидания от использования библиотеки
Типовой вариант посещения абонемента библиотеки

Проектирование интерфейса пользователя. Лекция №3.

Имя файла: Проектирование-интерфейса-пользователя.pptx
Количество просмотров: 212
Количество скачиваний: 1