Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

User Centered Design: обзор процесса

3,564 views

Published on

Второй вебинар сообщества UX Russia

Published in: Technology

User Centered Design: обзор процесса

  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. Спасибо за внимание! Вопросы можно задать в обсуждении вебинара

×