0
UX Russia 2 -й онлайн семинар 4 декабря 2008
Новости <ul><li>Нам исполнился месяц </li></ul><ul><ul><li>Нас стало 7 32 </li></ul></ul><ul><ul><li>Более 500 сообщений <...
Программа семинаров на декабрь <ul><li>4.12 User-Centered Design: основы процесса Андрей Сикорский </li></ul><ul><li>11.12...
User-Centered Design:  основы процесса <ul><li>ISO 13407 как методологическая основа для разработки продуктов: </li></ul><...
UCD:  основы процесса Андрей Сикорский
Любые технологии нужны, чтобы решать задачи людей
User Centered Design:  какой он?
UCD: 13407
Foolproof www.foolproof.co.uk/user_design/ucd_explained.php
Michigan State University http://usability.msu.edu/approach.aspx
SAXSO http://www.saxso.com/portfolio.html
Scott Weiss <ul><li>Определение аудитории </li></ul><ul><li>Сбор требований </li></ul><ul><li>Цикличное проектирование </l...
Uday Gajendar   http://www.udanium.com/html/thoughts.html
Leisa Reichelt   http://www.disambiguity.com/what-is-this-thing-you-call-ucd/
UE SCM UE SCM
SAP http://www.sapdesignguild.org/editions/edition10/ucd_overview.asp
UCD: 13407 Ориентированный на пользователя дизайн характеризуется активным вовлечением пользователя в процесс разработки д...
Так в чем вопрос?
Несколько сценариев <ul><li>«я все время думаю о пользователях, когда разрабатываю продукт» </li></ul><ul><li>«я хороший д...
Да, это надо делать все! <ul><li>Все активности  UCD  обязательны .  Но каждая из них может быть адаптирована под существу...
Еще разок...
Как собрать информацию?
Методы сбора информации <ul><li>Интервью </li></ul><ul><li>Сбор мнений (опрос) </li></ul><ul><li>Фокус-группы </li></ul><u...
Какую информацию собирать?
Кто? Зачем? Как? <ul><li>Профили пользователей </li></ul><ul><li>Профили задач </li></ul><ul><li>Профили контекстов исполь...
Профили пользователей
Профиль задач
Профиль контекста использования <ul><li>Расположение рабочего места </li></ul><ul><li>Рабочее место  </li></ul><ul><li>Осв...
Кто? Зачем? Как? И что со всем этим делать? 15% пользователей используют полноцветные сенсорные панели с разрешением 1024х...
Персонажи <ul><li>«Модель» пользователя, опирающаяся на результаты анализа и исследования; </li></ul><ul><li>Оживляет поль...
Персонажи – откуда они? 15% пользователей используют полноцветные сенсорные панели с разрешением 1024х768, используют в ра...
Пример персонажа Борис 30 лет, руководитель отдела дизайна. Водит машину 6 лет (права не покупал, а самостоятельно и насто...
Разработка
С чего начать – необходимые документы <ul><li>Стратегия с бизнес-требованиями </li></ul><ul><li>Персонажи </li></ul><ul><l...
Стратегия <ul><li>Документ, кратко описывающий бизнес-требования к системе и измеримые цели проектирования </li></ul><ul><...
Сценарии <ul><li>Сценарии – конкретные описания действий, которые совершает  пользователь, при этом в описаниях видны прич...
Сценарии: пример <ul><li>Отвезя машину в автосервис, Борис сталкивается с проблемой – надо добираться на работу. В метро о...
И как это поможет в проектировании? <ul><li>К этому моменту есть: </li></ul><ul><li>Сценарии </li></ul><ul><li>Персонажи <...
Концепция <ul><ul><li>Дает  представление об интерфейсе </li></ul></ul><ul><ul><li>Позволяет  оценивать реализуемость </li...
Концепция: вход <ul><li>Персонажи </li></ul><ul><li>Результаты сбора данных </li></ul><ul><li>Мозговые штурмы </li></ul><u...
Концепция: выход <ul><ul><li>Информационная архитектура </li></ul></ul><ul><ul><li>Навигация </li></ul></ul><ul><ul><li>Вн...
Взаимосвязь  составляющих концепции Автор схемы: Алексей Копылов
Прототирование <ul><li>Прототип – макет сайта, визуальное отображение пользовательских сценариев. </li></ul><ul><li>Протот...
Сравнение видов прототипирования Вид Достоинства Недостатки Низкая детализация <ul><ul><li>Меньше времени на разработку </...
Прототип: примеры
Прототипы: инструменты <ul><li>DENIM </li></ul><ul><li>Axure </li></ul><ul><li>Fireworks </li></ul><ul><li>Acrobat </li></...
Юзабилити-тестирование
Цель тестирования <ul><li>Определить степень  эффективности ,  продуктивности  и  удовлетворенности , с которой пользовате...
Юзабилити-тестирование это: <ul><li>Процесс получения опыта использования сайта, программы или продукта конечными или поте...
Что можно делать тестированием? <ul><li>Подходит ли дизайн? </li></ul><ul><li>Какие есть проблемы у продукта? </li></ul><u...
Что тестировать? <ul><li>Навигацию </li></ul><ul><li>Содержание </li></ul><ul><li>Представление </li></ul><ul><li>Взаимоде...
Таким образом: <ul><li>ЮТ вовлекает реальных пользователей в выполнение заданий </li></ul><ul><li>ЮТ – это форма обратной ...
Что нужно для тестирования? <ul><li>Продукт или прототип </li></ul><ul><li>Респонденты, которые будут тестировать </li></u...
Схема лаборатории камера  2 камера  1 зеркало Гизела   респондент фасилитаторы наблюдатели
Сценарий тестирования: <ul><li>Ситуация, основанная на какой-то истории </li></ul><ul><li>Участники выполняют задание </li...
На выходе: <ul><li>Проблемы </li></ul><ul><li>Рекомендации </li></ul><ul><li>Лучшее понимание продукта </li></ul><ul><li>В...
UCD: 13407
Спасибо за внимание! Вопросы можно задать в  обсуждении вебинара
Upcoming SlideShare
Loading in...5
×

UCD: основы процесса

2,600

Published on

Второй вебинар сообщества UX Russia. Тема: обзор цикла User Centered Design. Ведущий Андрей Сикорский

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

No Downloads
Views
Total Views
2,600
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
55
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Transcript of "UCD: основы процесса"

  1. 1. UX Russia 2 -й онлайн семинар 4 декабря 2008
  2. 2. Новости <ul><li>Нам исполнился месяц </li></ul><ul><ul><li>Нас стало 7 32 </li></ul></ul><ul><ul><li>Более 500 сообщений </li></ul></ul><ul><li>На 2-й семинар зарегистрировалось 42 </li></ul><ul><li>1-й семинар в записи посмотрело 445 </li></ul><ul><li>Вышел 26-й Юзабилити Бюллетень </li></ul>
  3. 3. Программа семинаров на декабрь <ul><li>4.12 User-Centered Design: основы процесса Андрей Сикорский </li></ul><ul><li>11.12 Оптимизируем интерфейсы инфокиосков   Анна Галахова и Валентина Третьякова </li></ul><ul><li>18.12 Теория деятельности Анастасия Якубова </li></ul><ul><li>25.12 Юзабилити-экспертиза в прямом эфире Юрий Ветров </li></ul>Хотите выступить? Задавайте вопрос Евгении Жадяевой
  4. 4. User-Centered Design: основы процесса <ul><li>ISO 13407 как методологическая основа для разработки продуктов: </li></ul><ul><ul><li>Cпособы сбора данных; </li></ul></ul><ul><ul><li>Этапы проектирования; </li></ul></ul><ul><ul><li>Виды тестирования. </li></ul></ul><ul><li>Семинар ведет Андрей Сикорский </li></ul>
  5. 5. UCD: основы процесса Андрей Сикорский
  6. 6. Любые технологии нужны, чтобы решать задачи людей
  7. 7. User Centered Design: какой он?
  8. 8. UCD: 13407
  9. 9. Foolproof www.foolproof.co.uk/user_design/ucd_explained.php
  10. 10. Michigan State University http://usability.msu.edu/approach.aspx
  11. 11. SAXSO http://www.saxso.com/portfolio.html
  12. 12. Scott Weiss <ul><li>Определение аудитории </li></ul><ul><li>Сбор требований </li></ul><ul><li>Цикличное проектирование </li></ul><ul><li>Реализация </li></ul><ul><li>Поставка (внедрение) </li></ul>
  13. 13. Uday Gajendar http://www.udanium.com/html/thoughts.html
  14. 14. Leisa Reichelt http://www.disambiguity.com/what-is-this-thing-you-call-ucd/
  15. 15. UE SCM UE SCM
  16. 16. SAP http://www.sapdesignguild.org/editions/edition10/ucd_overview.asp
  17. 17. UCD: 13407 Ориентированный на пользователя дизайн характеризуется активным вовлечением пользователя в процесс разработки для достижения прозрачного понимания пользовательских требований и надлежащего распределения функций между пользователями и технологиями, а также итеративным характером подхода и его мультидисциплинарностью.
  18. 18. Так в чем вопрос?
  19. 19. Несколько сценариев <ul><li>«я все время думаю о пользователях, когда разрабатываю продукт» </li></ul><ul><li>«я хороший дизайнер, я знаю предметную область. Я сделаю что-то, а потом протестирую – и не буду проводить начальные исследования» </li></ul><ul><li>«у меня нет времени на все эти ваши циклы» </li></ul><ul><li>«мы знаем, чего хотят наши пользователи, так что делайте то, что мы вам говорим» </li></ul><ul><li>... </li></ul>
  20. 20. Да, это надо делать все! <ul><li>Все активности UCD обязательны . Но каждая из них может быть адаптирована под существующие требования, свойства и ресурсы конкретного проекта. </li></ul><ul><li>Deborah Mayhew, The Usability Engineering Lifecycle. </li></ul>
  21. 21. Еще разок...
  22. 22. Как собрать информацию?
  23. 23. Методы сбора информации <ul><li>Интервью </li></ul><ul><li>Сбор мнений (опрос) </li></ul><ul><li>Фокус-группы </li></ul><ul><li>Полевые исследования (наблюдение) </li></ul><ul><li>Журналирование </li></ul>
  24. 24. Какую информацию собирать?
  25. 25. Кто? Зачем? Как? <ul><li>Профили пользователей </li></ul><ul><li>Профили задач </li></ul><ul><li>Профили контекстов использования </li></ul>
  26. 26. Профили пользователей
  27. 27. Профиль задач
  28. 28. Профиль контекста использования <ul><li>Расположение рабочего места </li></ul><ul><li>Рабочее место </li></ul><ul><li>Освещение </li></ul><ul><li>Компьютерная техника (Разрешения мониторов) </li></ul><ul><li>Программное обеспечение (Браузеры) </li></ul>
  29. 29. Кто? Зачем? Как? И что со всем этим делать? 15% пользователей используют полноцветные сенсорные панели с разрешением 1024х768, используют в работе преимущественно клавиатуру. 5% пользователей работают с жидкокристаллическими панелями с разрешением 1280х1024, могут пользоваться мышью и клавиатурой.
  30. 30. Персонажи <ul><li>«Модель» пользователя, опирающаяся на результаты анализа и исследования; </li></ul><ul><li>Оживляет пользователей Продукта; </li></ul><ul><li>Инструмент коммуникации; </li></ul><ul><li>… </li></ul>
  31. 31. Персонажи – откуда они? 15% пользователей используют полноцветные сенсорные панели с разрешением 1024х768, используют в работе преимущественно клавиатуру. 5% пользователей работают с жидкокристаллическими панелями с разрешением 1280х1024, могут пользоваться мышью и клавиатурой.
  32. 32. Пример персонажа Борис 30 лет, руководитель отдела дизайна. Водит машину 6 лет (права не покупал, а самостоятельно и настойчиво сдавал – с 5ой попытки). Поклонник джазовой музыки. Борис – владелец красного Opel Astra , которому два года. Пробки не любит – много времени уходит на них, а не на семью. На этой неделе отогнал машину в автосервис на плановое обслуживание – дня три-четыре, как ему сказали. И сейчас ему нужна машина для регулярных поездок на работу и домой. C арендой он связываться не хочет , т.к. там нужно оформлять много бумажек. Такси пользоваться не хочет (там слушают Шансон и вообще некомфортно). На ближайшие выходные у него запланирована поездка с ребенком на детский спектакль. Он готов оплатить помощь в поездке. Борис не курит, и не очень любит курящих водителей. Для него важен комфорт, поэтому он внимателен как к выбору водителя, таки попутчика. Борис сам не станет искать попутчика, но как человек отзывчивый, готов подвезти.
  33. 33. Разработка
  34. 34. С чего начать – необходимые документы <ul><li>Стратегия с бизнес-требованиями </li></ul><ul><li>Персонажи </li></ul><ul><li>Сценарии </li></ul>
  35. 35. Стратегия <ul><li>Документ, кратко описывающий бизнес-требования к системе и измеримые цели проектирования </li></ul><ul><li>Небольшой объем </li></ul><ul><li>Описываемые требования должны быть верифицируемыми </li></ul>
  36. 36. Сценарии <ul><li>Сценарии – конкретные описания действий, которые совершает пользователь, при этом в описаниях видны причины этих действий. </li></ul><ul><li>Сценарии представляют собой «истории»: что пользователь хочет делать, почему, каковы его ожидания. </li></ul><ul><li>Сценарии помогаю понять, как пользователи принимают решения, какие факторы на это влияют, мотивацию пользователей. </li></ul>
  37. 37. Сценарии: пример <ul><li>Отвезя машину в автосервис, Борис сталкивается с проблемой – надо добираться на работу. В метро он ездить не любит, и потому решает воспользоваться сервисом поиска попутчиков. </li></ul><ul><li>Он заходит на сервис, указывает маршрут и время приезда-отъезда, находит водителей. Изучает информацию о них (не хочет попасть к курящему водителю). Найдя пару подходящих, связывается с ними через сайт и договаривается о цене и о времени встречи. </li></ul>
  38. 38. И как это поможет в проектировании? <ul><li>К этому моменту есть: </li></ul><ul><li>Сценарии </li></ul><ul><li>Персонажи </li></ul><ul><li>Стратегия </li></ul>
  39. 39. Концепция <ul><ul><li>Дает представление об интерфейсе </li></ul></ul><ul><ul><li>Позволяет оценивать реализуемость </li></ul></ul><ul><ul><li>Дает возможность валидации </li></ul></ul>Дополнительная инорфмация в http://wud.ru/wud2007/kopylov.pdf
  40. 40. Концепция: вход <ul><li>Персонажи </li></ul><ul><li>Результаты сбора данных </li></ul><ul><li>Мозговые штурмы </li></ul><ul><li>Встречи/общение с заказчиком </li></ul>
  41. 41. Концепция: выход <ul><ul><li>Информационная архитектура </li></ul></ul><ul><ul><li>Навигация </li></ul></ul><ul><ul><li>Внутримодульная структура </li></ul></ul><ul><ul><li>Компоновка ключевых экранов </li></ul></ul><ul><ul><li>Концепция контента </li></ul></ul><ul><ul><li>Предметная область </li></ul></ul><ul><ul><li>Идеи </li></ul></ul><ul><ul><li>План работ </li></ul></ul>
  42. 42. Взаимосвязь составляющих концепции Автор схемы: Алексей Копылов
  43. 43. Прототирование <ul><li>Прототип – макет сайта, визуальное отображение пользовательских сценариев. </li></ul><ul><li>Прототипировать можно экраны сайта. Это горизонтальное прототипирование. </li></ul><ul><li>Прототипировать можно взаимодействие. Это вертикальное прототипирование. </li></ul>
  44. 44. Сравнение видов прототипирования Вид Достоинства Недостатки Низкая детализация <ul><ul><li>Меньше времени на разработку </li></ul></ul><ul><ul><li>Дешевле </li></ul></ul><ul><ul><li>Можно проверить несколько концепций </li></ul></ul><ul><ul><li>Удобны для коммуникации </li></ul></ul><ul><ul><li>Выявляют проблемы конкретных экранов </li></ul></ul><ul><ul><li>Ограниченное юзабилити тестирование </li></ul></ul><ul><ul><li>Трудно оценивать навигацию и поток задач </li></ul></ul><ul><ul><li>Мало деталей для спецификаций </li></ul></ul>Высокая детализация   <ul><ul><li>Частично функциональны </li></ul></ul><ul><ul><li>Интерактивны </li></ul></ul><ul><ul><li>Управляемы пользователем </li></ul></ul><ul><ul><li>Прозрачной понимание навигации </li></ul></ul><ul><ul><li>Можно использовать ненаправленное тестирование </li></ul></ul><ul><ul><li>Можно использовать для задач маркетинга и рекламы </li></ul></ul><ul><ul><li>Время на разработку может превышать время использования </li></ul></ul><ul><ul><li>Неэффективно для проверки концепции </li></ul></ul><ul><ul><li>Может отвлекать пользователей от основного предназначения продукта </li></ul></ul><ul><ul><li>Пользователи могут воспринимать прототип как реальный продукт </li></ul></ul>
  45. 45. Прототип: примеры
  46. 46. Прототипы: инструменты <ul><li>DENIM </li></ul><ul><li>Axure </li></ul><ul><li>Fireworks </li></ul><ul><li>Acrobat </li></ul><ul><li>Photoshop </li></ul><ul><li>HTML </li></ul><ul><li>Image Maps </li></ul><ul><li>Бумага </li></ul><ul><li>Visual Basic (и подобное) </li></ul><ul><li>Flash/Director </li></ul><ul><li>Специальные средства </li></ul>
  47. 47. Юзабилити-тестирование
  48. 48. Цель тестирования <ul><li>Определить степень эффективности , продуктивности и удовлетворенности , с которой пользователь может использовать продукт. </li></ul>
  49. 49. Юзабилити-тестирование это: <ul><li>Процесс получения опыта использования сайта, программы или продукта конечными или потенциальными пользователями </li></ul><ul><li>Оценка, основанная на выполнении задач </li></ul><ul><li>Процесс, сопровождающий разработку </li></ul>
  50. 50. Что можно делать тестированием? <ul><li>Подходит ли дизайн? </li></ul><ul><li>Какие есть проблемы у продукта? </li></ul><ul><li>Сравнение альтернатив </li></ul><ul><li>Соответствует ли дизайн целям? </li></ul>
  51. 51. Что тестировать? <ul><li>Навигацию </li></ul><ul><li>Содержание </li></ul><ul><li>Представление </li></ul><ul><li>Взаимодействие </li></ul>
  52. 52. Таким образом: <ul><li>ЮТ вовлекает реальных пользователей в выполнение заданий </li></ul><ul><li>ЮТ – это форма обратной связи, позволяющей двигаться дальше </li></ul><ul><li>ЮТ начинается, когда появляется первый набросок </li></ul><ul><li>ЮТ отличается от других техник оценки </li></ul>
  53. 53. Что нужно для тестирования? <ul><li>Продукт или прототип </li></ul><ul><li>Респонденты, которые будут тестировать </li></ul><ul><li>Сценарий, по которому будем тестировать </li></ul><ul><li>Фасилитатор, проводящий тест </li></ul><ul><li>Наблюдатели </li></ul>
  54. 54. Схема лаборатории камера 2 камера 1 зеркало Гизела респондент фасилитаторы наблюдатели
  55. 55. Сценарий тестирования: <ul><li>Ситуация, основанная на какой-то истории </li></ul><ul><li>Участники выполняют задание </li></ul><ul><li>Используется терминология пользователей </li></ul><ul><li>Однозначность трактовки </li></ul><ul><li>Обеспечиваются необходимые детали выполнения задания </li></ul><ul><li>Не содержит шагов выполнения задания </li></ul>
  56. 56. На выходе: <ul><li>Проблемы </li></ul><ul><li>Рекомендации </li></ul><ul><li>Лучшее понимание продукта </li></ul><ul><li>В и дение глазами пользователя </li></ul>
  57. 57. UCD: 13407
  58. 58. Спасибо за внимание! Вопросы можно задать в обсуждении вебинара
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×