Мастер-класс на конференции "Деловой интернет 13" в Минске

1. Экспресс-проектирование для
людей

2. О нас
Никита Ефимов
efimov.nikita@gmail.com
Юрий Веденин
y.vedenin@uxpresso.net

3. Цель
очень короткое
все равно
За короткое время проектируем
для людей
[
]
2 часа
1 ч. 15 мин.

4. Зачем нужно исследовать ЦА?
Когда мы проектируем,
забывая о пользователях,
получается…

5. Вот так

6. и так

7. и даже так

8. Зачем нужен анализ ЦА?
Откуда вам знать о
моих потребностях,
если вы не знаете
меня?

9. Почему «для всех» – плохой ответ?

10. Почему «для всех» – плохой ответ?
+
+
+
= Абсурд

11. Эмпатия
Осознанное сопереживание текущему
эмоциональному состоянию другого человека,
без потери ощущения внешнего
происхождения этого переживания
http://ru.wikipedia.org/wiki/Эмпатия

12. Карта эмпатии

13. Impact mapping

14. Impact mapping
Выявить и осознать, какое именно воздействие
(impact) на наших пользователей мы хотим
оказать, чтобы они нам помогли с достижением
нашей цели

15. Why? - Цель

16. Why?

17. Who? – Действующие лица

18. Who?

19. How? – Воздействие

20. What? – Фичи

21. How & What?

22. Sketches/Наброски

23. Sketches/Наброски
Что это:
Быстрая визуализация ваших идей и получение быстрого отклика.
Когда:
Скетчи рисуются на этапе ранних дизайнерских идей и концепций.
Для чего:
• Для оценки идей пользовательского интерфейса
• Дают возможность делать ошибки
• Могут создаваться на лету: много идей за минимум времени
• Фиксировать идеи, не погружаясь в детали
• Их легко обсуждать, критиковать, ими легко делиться.
• Найти верное решение

24. Неверные установки
"Я не умею рисовать
достаточно хорошо, чтобы
создать бумажный макет”
• Не бойтесь рисовать
каракули, чем «страшнее»,
тем лучше
• Художественное
достоинство не имеет
значения
• Не фокусируйтесь на
деталях
• Чем больше скетчей, тем
больше идей

25. Инструменты

26. Элементы
• Начинаем с тонких линий
• Толстыми линиями и
интенсивностью цвета выделяем
места, которые должны
привлекать больше внимания
• Используйте стикеры и
добавляйте с их помощью
подсказки, окна и любые
интерактивные элементы
• Используйте разные цвета,
чтобы обозначить разные типы
взаимодействий

27. Бумажные прототипы

28. Юзабилити-тестирование

29. Что проверяем?
• Производительность
• Ошибки
• Запоминаемость
• Эмоциональную реакцию

30. Советы
Если испытуемый говорит “хммм” или “ой” или “непонятно…”
Скажите: “Какие вопросы у вас появились?”
Если испытуемый молчит 10-20 секунд
Скажите: “О чем вы думаете?”
Если испытуемый останавливается потому что думает, что он
все сделал или не знает, что делать дальше
- Подытожьте то, что видите
- Спросите, про следующие шаги

31. Советы
•
Направляйте, не тренируйте и не учите!
•
Задавайте открытые вопросы (Почему? Как? Что?)
•
Обращайте внимание на:
Сомнение
Комментарии
Вопросы
Язык тела

32. Исключите из лексикона
• даа, тут корявенько все
• мы потом это исправим
• программисты опять не допилили
• мы проводим пользовательское тестирование
• воу, воу, полегче
• давай, нажимай на «купить»

33. Think aloud
Участники выражают вслух все мысли касательно
системы, с которой работают, в процессе тестирования

34. СПАСИБО!
Никита Ефимов
efimov.nikita@gmail.com
Юрий Веденин
y.vedenin@uxpresso.net