Основы
человекоориентированного

проектирования
Занятие № 2
История
▪ Слово «юзабилити» - 1979 год

«Экономический эффект юзабилити 

в интерактивных системах», Джон Беннет
2
История
▪ Корни – в эргономике, в т.ч. военной
3
История
▪ "...Так, например, резиновые перчатки
для работ в промышленности,
производившиеся по размерам 30-х
годов, сразу ...
История
▪ ...Первыми среагировали на слова об эргономике в
постановлении правительства СССР военные...K
"
▪ Хотя 

«военна...
История
ЦЕНА ОШИБКИK
"
"
…сегодня в промышленно развитых странах техника,
предназначенная для уничтожения людей, — самая
с...
Предмет дисциплины
Почему

именно

ПО

до сих пор остается неудобным

?
7
Предмет дисциплины
Почему

именно

ПО

до сих пор остается неудобным

?
8
Предмет дисциплины
▪ Изначально компьютер – инструмент ученого 

(= человека с хорошо развитыми навыками)K
▪ Ученые писали...
Предмет дисциплины
10
Методы и измеряемые показатели
Что измерять?K
▪ Количество необходимых действийK
▪ Сложность этих действий (% ошибок на пу...
Методы и измеряемые показатели
Сложность действий
12
Количествонеобходимыхдействий
Как правило
Методы и измеряемые показатели
▪ Количество действий - многоK
▪ Возможный процент ошибок – многоK
▪ Скорость достижения це...
Методы и измеряемые показатели
▪ Количество действий - 1K
▪ Возможный процент ошибок – 0K
▪ Скорость достижения цели - ?K
...
Методы и измеряемые показатели
Как измерятьK
▪ Количество необходимых действий и
Количество неудачK
▪ считать
15
Методы и измеряемые показатели
Как измерятьK
▪ Сложность действий:K
▪ количество повторных попыток"
▪ время на выполнение"...
Эвристики
17
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
18
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Методы и измеряемые показатели
Лучше – 

это больше или меньше?
19
Методы и измеряемые показатели
Бухгалтерская программаK
▪ Количество необходимых действий - ?K
▪ Сложность этих действий -...
Методы и измеряемые показатели
ИграK
▪ Количество необходимых действий - ?K
▪ Сложность этих действий - ?K
▪ Скорость дост...
Методы и измеряемые показатели
Просмотр фильмаK
▪ Количество необходимых действий - ?K
▪ Сложность этих действий - ?K
▪ Ск...
Методы и измеряемые показатели
"
"
КОНТЕКСТ!
23
Методы и измеряемые показатели
Хороший интерфейс –
эффективный интерфейсK
▪ Количество необходимых действийK
▪ Сложность э...
Методы и измеряемые показатели
Хороший интерфейс –
эффективный интерфейсK
"
Военная эргономика:K
Быстрое, удобное, понятно...
Методы и измеряемые показатели
Кому должно стать лучше?K
Что русскому хорошо, то немцу смерть
26
Методы и измеряемые показатели
Хороший интерфейс 

с точки зрения 

работодателя
27
Методы и измеряемые показатели
Хороший интерфейс 

с точки зрения 

работника
28
Получить зарплату
Почитать новости
Попить...
Основные этапы проектирования
"
"
СЕМИНАРK
Методологии
проектирования ПО
29
Основные этапы проектирования
30
Эволюция проектирования
Основные этапы проектирования
31
Триада задач 

разработки
Основные этапы проектирования
32
Примеры реальных триад разработки
Основные этапы проектирования
33
Основные этапы проектирования
34
Сбор данных
Концептуальное
проектирование"
Детальное
проектирован
ие
Тестировани
е
Методы и измеряемые показатели
Преимущества продукта,

который проектировали, 

а не просто писали:K
▪ Снижение затрат на ...
Эвристики
36
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
37
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
38
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
39
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
40
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
41
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
42
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
43
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
44
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
45
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
46
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Эвристики
47
Visibility of system status
The system should always keep users informed about what is going on, through appr...
Upcoming SlideShare
Loading in …5
×

Проектирование графических интерфейсов весна 2014 лекция 2

387 views
317 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
387
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Проектирование графических интерфейсов весна 2014 лекция 2

  1. 1. Основы человекоориентированного
 проектирования Занятие № 2
  2. 2. История ▪ Слово «юзабилити» - 1979 год
 «Экономический эффект юзабилити 
 в интерактивных системах», Джон Беннет 2
  3. 3. История ▪ Корни – в эргономике, в т.ч. военной 3
  4. 4. История ▪ "...Так, например, резиновые перчатки для работ в промышленности, производившиеся по размерам 30-х годов, сразу же попадали на склад, поскольку не подходили большинству рабочих...." 4
  5. 5. История ▪ ...Первыми среагировали на слова об эргономике в постановлении правительства СССР военные...K " ▪ Хотя 
 «военная техника — не санаторий, а военный человек — солдат и перенесение тягот — его оплачиваемый крест»,K ▪ Но
 ...Военная техника, созданная без учета антропометрических измерительных признаков, нередко создавала опасные ситуации при её использовании... 5
  6. 6. История ЦЕНА ОШИБКИK " " …сегодня в промышленно развитых странах техника, предназначенная для уничтожения людей, — самая совершенная с точки зрения учёта человеческих факторов... 6 Мунипов, Зинченко. «Эргономика: человекоориентированное проектирование техники, программных средств и среды...»
  7. 7. Предмет дисциплины Почему
 именно
 ПО
 до сих пор остается неудобным
 ? 7
  8. 8. Предмет дисциплины Почему
 именно
 ПО
 до сих пор остается неудобным
 ? 8
  9. 9. Предмет дисциплины ▪ Изначально компьютер – инструмент ученого 
 (= человека с хорошо развитыми навыками)K ▪ Ученые писали ПО для себяK ▪ Сегодня ПО пишут все, нет лицензии и цензуры 9
  10. 10. Предмет дисциплины 10
  11. 11. Методы и измеряемые показатели Что измерять?K ▪ Количество необходимых действийK ▪ Сложность этих действий (% ошибок на пути к цели)K ▪ Количество неудач (% достижений конечной цели)K ▪ Скорость достижения целиK ▪ Скорость обучения 11
  12. 12. Методы и измеряемые показатели Сложность действий 12 Количествонеобходимыхдействий Как правило
  13. 13. Методы и измеряемые показатели ▪ Количество действий - многоK ▪ Возможный процент ошибок – многоK ▪ Скорость достижения цели - низкая 13
  14. 14. Методы и измеряемые показатели ▪ Количество действий - 1K ▪ Возможный процент ошибок – 0K ▪ Скорость достижения цели - ?K " " " " " " " Хороший ли это интерфейс? 14
  15. 15. Методы и измеряемые показатели Как измерятьK ▪ Количество необходимых действий и Количество неудачK ▪ считать 15
  16. 16. Методы и измеряемые показатели Как измерятьK ▪ Сложность действий:K ▪ количество повторных попыток" ▪ время на выполнение" ▪ количество ошибок 16
  17. 17. Эвристики 17 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Как измерятьK ▪ Скорость достижения цели:
 не абсолютная, а отклонение от плановой
  18. 18. Эвристики 18 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Как измерятьK ▪ Скорость обучения:
 время достижения устойчивого % ошибок
  19. 19. Методы и измеряемые показатели Лучше – 
 это больше или меньше? 19
  20. 20. Методы и измеряемые показатели Бухгалтерская программаK ▪ Количество необходимых действий - ?K ▪ Сложность этих действий - ?K ▪ Скорость достижения цели - ? 20
  21. 21. Методы и измеряемые показатели ИграK ▪ Количество необходимых действий - ?K ▪ Сложность этих действий - ?K ▪ Скорость достижения цели - ? 21
  22. 22. Методы и измеряемые показатели Просмотр фильмаK ▪ Количество необходимых действий - ?K ▪ Сложность этих действий - ?K ▪ Скорость достижения цели - ? 22
  23. 23. Методы и измеряемые показатели " " КОНТЕКСТ! 23
  24. 24. Методы и измеряемые показатели Хороший интерфейс – эффективный интерфейсK ▪ Количество необходимых действийK ▪ Сложность этих действий (% ошибок на пути к цели)K ▪ Количество неудач (% достижений конечной цели)K ▪ Скорость достижения целиK ▪ Скорость обучения 24
  25. 25. Методы и измеряемые показатели Хороший интерфейс – эффективный интерфейсK " Военная эргономика:K Быстрое, удобное, понятное оружие 
 бесполезно, 
 если ты не попадаешь в цель. 25
  26. 26. Методы и измеряемые показатели Кому должно стать лучше?K Что русскому хорошо, то немцу смерть 26
  27. 27. Методы и измеряемые показатели Хороший интерфейс 
 с точки зрения 
 работодателя 27
  28. 28. Методы и измеряемые показатели Хороший интерфейс 
 с точки зрения 
 работника 28 Получить зарплату Почитать новости Попить кофе
  29. 29. Основные этапы проектирования " " СЕМИНАРK Методологии проектирования ПО 29
  30. 30. Основные этапы проектирования 30 Эволюция проектирования
  31. 31. Основные этапы проектирования 31 Триада задач 
 разработки
  32. 32. Основные этапы проектирования 32 Примеры реальных триад разработки
  33. 33. Основные этапы проектирования 33
  34. 34. Основные этапы проектирования 34 Сбор данных Концептуальное проектирование" Детальное проектирован ие Тестировани е
  35. 35. Методы и измеряемые показатели Преимущества продукта,
 который проектировали, 
 а не просто писали:K ▪ Снижение затрат на разработку" ▪ Снижение затрат на поддержку" ▪ Высокий КПД пользователя" ▪ Любовь и преданность пользователей 35
  36. 36. Эвристики 36 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Эвристики – 
 более или менее универсальные принципы проектирования интерфейсов" " http://www.nngroup.com/articles/ten-usability-heuristics/
  37. 37. Эвристики 37 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system statusK The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.
  38. 38. Эвристики 38 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Match between system 
 and the real worldK The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.
  39. 39. Эвристики 39 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. User control and freedomK Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.
  40. 40. Эвристики 40 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Consistency and standardsK Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.
  41. 41. Эвристики 41 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Error preventionK Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.
  42. 42. Эвристики 42 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Recognition rather than recallK Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.
  43. 43. Эвристики 43 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Flexibility and efficiency 
 of useK Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.
  44. 44. Эвристики 44 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Aesthetic and minimalist designK Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
  45. 45. Эвристики 45 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Help users recognize, diagnose, and recover from errorsK Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.
  46. 46. Эвристики 46 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Help and documentationK Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.
  47. 47. Эвристики 47 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. ▪ Отображение статуса системы
 Система всегда должна информировать пользователя о том, что происходит - давать обратную связь в реальном времени." ▪ Соответствие между системой и реальным миром
 Система должна говорить с пользователем на понятном ему языке, понятными словами и фразами. Следите за тем, чтобы информация подавалась в логическом порядке." ▪ Свобода действий и контроль
 При использовании функций системы пользователи часто совершают ошибки и нуждаются в «аварийном откате», чтобы избежать непоправимых изменений. Настройте функции отмены и повтора." ▪ Единообразие и стандарты
 Однажды поняв принцип работы интерфейса, пользователь должен быть уверен, что в будущем система будет работать по тем же алгоритмам. Всегда следуйте одним и тем же правилам внутри продукта." ▪ Профилактика ошибок
 Лучше всякого сообщения об ошибках будет тщательная работа по их предотвращению. Помните об этом в первую очередь." ▪ Наглядность и узнавание, а не запоминание
 Делайте объекты, опции и действия видимыми. Пользователь не должен запоминать информацию, переходя от одного объекта к другому. Инструкции по использованию системы должны быть видимыми или легкодоступными. " ▪ Гибкость и эффективность использования
 Функции, не видимые новичкам, зачастую могут ускорить процесс взаимодействия опытных пользователей с сайтом. Упрощайте функции, которыми ваши клиенты пользуются чаще всего." ▪ Эстетика и минимализм
 Тексты не должны содержать явно лишнюю или неактуальную информацию. Каждая относительно бесполезная информация конкурирует с полезной и делает ее менее заметной." ▪ Помогите пользователям распознавать, диагностировать и исправлять ошибки
 Сообщения об ошибках должны быть выражены простым языком (никакого кода), точно указывать на проблему и предлагать её решение." ▪ Помощь и документация
 Лучше, если систему можно использовать, не прибегая к помощи документации, однако не стоит ей пренебрегать. Любую подобную информацию должно быть легко найти, она должна быстро выводить пользователя на искомый вопрос и состоять из малого количества шагов.

×