Разработка пользовательского интерфейса — презентация
logo
Разработка пользовательского интерфейса
  • Разработка пользовательского интерфейса
  • Элементы и компоненты программы для обеспечения интерфейса пользователя
  • Этапы разработки пользовательского интерфейса
  • I. Сбор и анализ информации, поступающей от пользователей
  • Определение профиля пользователя
  • Методы исследования при построении модели пользователя
  • Сложности извлечения информации
  • Модели предметной области
  • Анализ задач, стоящих перед пользователями
  • Сбор требований
  • Программа - средство, ведущее к цели!
  • Анализ рабочей среды пользователя
  • Соответствие требований пользователей стоящим перед ним задачам
  • II. Разработка пользовательского интерфейса
  • Области целей и задач с точки зрения удобства применения продукта
  • Разработка задач и сценария действий пользователей
  • Пользовательские истории ( User story )
  • Характеристики User story
  • Характеристики User story
  • Характеристики User story
  • Характеристики User story
  • Пример User story
  • Определение объектов и операций
  • Диаграмма взаимодействия между объектами, пример
  • Матрица прямого манипулирования объектами
1/25

Изображение слайда

Набор задач пользователя, которые он решает при помощи системы Элементы и компоненты программы для обеспечения интерфейса пользователя Используемая системой метафора (например, рабочий стол в MS Windows®) Элементы управления системой Навигация между блоками системы Визуальный (и не только) дизайн экранов программы Средства отображения информации, отображаемая информация и форматы Устройства и технологии ввода данных Диалоги, взаимодействие и транзакции между пользователем и компьютером Обратная связь с пользователем Порядок использования программы и документация на нее

Изображение слайда

I. Сбор и анализ информации, поступающей от пользователей Этапы разработки пользовательского интерфейса II. Разработка пользовательского интерфейса III. Построение пользовательского интерфейса IV. Подтверждение качества пользовательского интерфейса

Изображение слайда

Слайд 4: I. Сбор и анализ информации, поступающей от пользователей

1. Определение профилей(моделей) пользователей I. Сбор и анализ информации, поступающей от пользователей 2. Анализ задач, стоящих перед пользователями 3. Сбор требований 4. Анализ рабочей среды пользователей 5. Соответствие требований пользователей стоящим перед ним задачам

Изображение слайда

1. Психофизиологические характеристики. Влияют на: возможность использования определенных каналов восприятия масштабирование элементов интерфейса и пр. Определение профиля пользователя 2. Социально - демографические сведения. Влияют на: глубину и уровень детализации программы набор используемых метафор язык представления информации стиль взаимодействия с программой лексику элементов интерфейса программы 3. Опыт работы с компьютерами и прикладными программами. Влияет на: содержание и время обучения объем и структуру справочной системы организацию протокола взаимодействия (привычность)

Изображение слайда

Слайд 6: Методы исследования при построении модели пользователя

1. Непосредственное общение наблюдение за работой пользователей интервью совещания мозговой штурм работа в фокус-группах 2. Исследование конкретных случаев типовые ситуации на примерах критические ситуации на примерах 3. Опросы бумажные анкеты программы для опросов 4. Искусственные образы моделирование целевой аудитории методом создания вымышленного представителя группы Методы исследования при построении модели пользователя

Изображение слайда

Слайд 7: Сложности извлечения информации

Наше восприятие основано на мотивации в том смысле, что если мы хотим есть, то видим только съедобные вещи, а если устали - то только предметы мебели, предназначенные для отдыха James Jerome Gibson

Изображение слайда

Слайд 8: Модели предметной области

Предметная область программного обеспечения Модель программиста: Платформа Операционная система Подход к разработке Методы разработки Среда и язык разработки Спецификации и т.п. Модель пользователя: Интуитивные модели Формальные модели Задачи Процессы Инструменты Результаты и т.п. Программная модель: Модель программиста Модель пользователя Тип интерфейса Метафоры Символы и т.п. Разработчик

Изображение слайда

Слайд 9: Анализ задач, стоящих перед пользователями

Какие задачи решают пользователи? Какие задачи являются наиболее важными? Какие шаги предпринимаются для решения задач? Какие цели преследуют пользователи при решении тех или иных задач? Какой информацией необходимо располагать для выполнения задач? Какой инструментарий используется для решения задач? Каков ожидаемый итог от решения каждой задачи? Каким образом пользователи выполняют свою работу (вручную, на компьютере, по телефону и т.д.)? Каким образом они взаимодействуют с другими лицами при решении задач? Каким образом задачи учитываются в общем бизнес-процессе? Как часто пользователям приходится решать их задачи? Каким образом компьютер или другая компьютерная техника помогает пользователям в решении задач? Анализ задач, стоящих перед пользователями

Изображение слайда

Слайд 10: Сбор требований

Основные вопросы: Какие основные технологии требуются пользователям? Сколько пользователи и менеджеры готовы заплатить за продукт? Кто устанавливает продукт? Кто будет сопровождать продукт, когда он будет установлен? Типичный программный продукт должен: Сокращать работу с бумагами Уменьшать ошибки пользователей Автоматизировать существующие ручные процессы Повышать скорость совершения транзакций Сбор требований

Изображение слайда

Слайд 11: Программа - средство, ведущее к цели!

Типичные цели: Поиск некоторого факта или объекта Изучение чего-либо Выполнение транзакции Управление или мониторинг чего-либо Создание чего-либо Общение с другим человеком Развлечение

Изображение слайда

Слайд 12: Анализ рабочей среды пользователя

Физическая сторона рабочей среды: Освещение Шум Рабочее пространство Температура Наличие компьютеров, телефонов Количество персонала и т.п. Место работы пользователя и степень его мобильности: Офис/Квартира/… Стационарно/с передвижениями и т.д. Вопросы эргономики и условий труда: Задействуется ли зрение/слух Работа ведется сидя/стоя Режимы работы, длительность смен и т.д. Особые запросы: Уровень подготовки Физическое состояние Интерес к познавательному процессу Особенности речи и возможные недостатки Интернационализация и другие культурологические условия Анализ рабочей среды пользователя

Изображение слайда

Слайд 13: Соответствие требований пользователей стоящим перед ним задачам

Проверка требований на реалистичность и выполнимость Соответствие требований пользователей стоящим перед ним задачам

Изображение слайда

Слайд 14: II. Разработка пользовательского интерфейса

1. Определение цели с точки зрения удобства применения продукта II. Разработка пользовательского интерфейса 2. Разработка задач и сценария действий пользователей 3. Определение объектов и операций интерфейса 4. Определение визуального представления 5. Разработка меню объектов и окон 6. Оптимизация визуальной разработки

Изображение слайда

Слайд 15: Области целей и задач с точки зрения удобства применения продукта

1. Пригодность цель : пользователи получают возможность использовать программу для выполнения своих задач задачи : Х% пользователей смогут использовать систему для решения своих задач с первой попытки/после прохождения бучения/… 2. Эффективность цель : деятельность пользователей станет более эффективной (по сравнению с …) задачи : Х% пользователей выполнят свои задачи в течение заданного промежутка времени/ с заданными показателями качества/… 3. Легкость в освоении цель : пользователям потребуется минимальный тренинг задачи : пользователи будут в состоянии успешно работать с продуктом после прохождения соответствующего обучения (длительность, форма обучения, средства обучения) 4. Оценка пользователями качества продукта цель : пользователи будут удовлетворены качеством продукта задачи : пользователи будут высоко оценивать степень своего удовлетворения качеством продукта (шкала оценки) Области целей и задач с точки зрения удобства применения продукта

Изображение слайда

Слайд 16: Разработка задач и сценария действий пользователей

Сценарий – описание действий, выполняемых пользователем Сценарий – последовательность задач, стоящих перед пользователями, или событий, направленных на достижение единой цели Разработка задач и сценария действий пользователей

Изображение слайда

Слайд 17: Пользовательские истории ( User story )

Как <пользователь>, я могу <действие>, для того, чтобы <цель> Будучи пользователем < тип пользователя > я хочу сделать < действие >, чтобы получить < результат > <пользователь> - одна из обобщенных пользовательских ролей <действие> - действие, выполняемое пользователем посредством взаимодействия с системой <цель> - конечная цель текущей задачи, выполняемой пользователем посредством взаимодействия с системой

Изображение слайда

Слайд 18: Характеристики User story

I.N.V.E.S.T. I ndependent (независимая) N egotiable (подверженная изменениям/обсуждению) V aluable (полезная) E stimable (поддающаяся временной оценке) S mall (небольшая) T estable (тестируемая) – пример истории, не поддающейся тестированию: "Программа должна быть простая в использовании"

Изображение слайда

Слайд 19: Характеристики User story

SMART S pecific - конкретная M easurable – измеримая A chievable - достижимая R esult-oriented - ориентированная на результат, а не на процесс. T ime-limited - ограниченная по времени

Изображение слайда

Слайд 20: Характеристики User story

SMART (другие трактовки) S - specific ( конкретный ), significant ( значительный ), stretching ( гибкий ) M - measurable ( измеримый ), motivational ( мотивирующий или стимулирующий ), manageable ( осуществимый ) A - attainable, achievable ( достижимый ), acceptable ( желаемый ), ambitious ( амбициозный ), action-oriented ( ориентированный на действие ), agreed upon ( согласованный с целями более высокого уровня ) R - realistic (реалистичный), relevant (значимый), reasonable (целесообразный, исходящий из здравого смысла), rewarding (рентабельный), result-oriented (ориентированный на результат) T - timely (своевременный), time-bound (ограниченный временными рамками), tangible (вещественный, осязаемый)

Изображение слайда

Слайд 21: Характеристики User story

SMART ER (дополнения) Evaluated - каждому этапу в достижении цели руководитель должен дать оценку, то есть наладить обратную связь Reviewed - цель должна периодически пересматриваться и корректироваться руководителем на основании изменений внутри и вовне компании, например: в связи с появлением новых технологий и отмиранием старых, изменением рынка, сменой вкусов потребителей и т.д.

Изображение слайда

Слайд 22: Пример User story

US: Как гость я могу зарегистрироваться в системе для получения пользовательской учетной записи и последующей работы Комментарий : Нужен проверенный email и выбранные пользователем имя и пароль. Тест 1: пользователь не может ввести пароль меньше 6 символов Тест 2: пользователь не может ввести имя меньше 3 и больше 20 символов Тест 3: пользователь должен иметь уникальное имя в системе Тест 4: после регистрации пользователь должен получить email для активизации своей учетной записи Тест 5: пользователь не может войти в систему, если учетная запись не была активизирована Тест 6: при успешном входе система приветствует пользователя текстом «Добро пожаловать, <имя пользователя>

Изображение слайда

Слайд 23: Определение объектов и операций

1. Выделить из сценариев и задач объекты, данные и действия выделение в тексте существительных, глаголов, отглагольных форм и пр. классификация объектов (данные, контейнер, устройство) соотнесение объектов и действий 2. Просмотреть и уточнить список объектов и действий совместно с пользователем 3. Построить диаграмму взаимодействия между объектами 4. Составить матрицу прямого манипулирования объектами Определение объектов и операций

Изображение слайда

Слайд 24: Диаграмма взаимодействия между объектами, пример

Изображение слайда

Последний слайд презентации: Разработка пользовательского интерфейса: Матрица прямого манипулирования объектами

Исходный объект Конечный объект Объект 1 Объект 2 Объект 3 … Объект 1 действие Объект 2 действие Объект 3 действие …

Изображение слайда

Похожие презентации