Проектируем взаимодействие с помощью... комиксов
TRANSCRIPT
![Page 1: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/1.jpg)
User eXperience 2012Ru
Проектируем взаимодействие с помощью... комиксов
Максим Гапонов
пятница, 12 октября 12 г.
![Page 2: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/2.jpg)
User eXperience 2012Ru
Кто я?
Макс ГапоновCer.fied Scrum Product OwnerCTO в Essen.al [email protected]
пятница, 12 октября 12 г.
![Page 3: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/3.jpg)
User eXperience 2012Ru
О чем я сегодня буду рассказывать?
• Что такое хороший продукт• Что такое сториборд• Почему требования - это плохо• Как делать сториборды• Как улучшать сториборды
пятница, 12 октября 12 г.
![Page 4: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/4.jpg)
User eXperience 2012Ru
Что такое хороший продукт?
Хороший продукт должен
уметь три вещи: решать
вашу задачу, делать вас лучше
и повышать вашу самооценку.
«
пятница, 12 октября 12 г.
![Page 5: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/5.jpg)
User eXperience 2012Ru
Пример хорошего продукта
• Задачу решает
• Возможности расширяет
• Вы - крутой
пятница, 12 октября 12 г.
![Page 6: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/6.jpg)
User eXperience 2012Ru
Ну или вот сравните...
пятница, 12 октября 12 г.
![Page 7: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/7.jpg)
User eXperience 2012Ru
Почему хорошо бывает так редко?
Вот что у нас обычно
есть в начале:
пятница, 12 октября 12 г.
![Page 8: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/8.jpg)
User eXperience 2012Ru
Почему хорошо бывает так редко?
Вот что у нас должно
получиться:
пятница, 12 октября 12 г.
![Page 9: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/9.jpg)
User eXperience 2012Ru
Какую реакцию это вызывает?
WTF?!?
пятница, 12 октября 12 г.
![Page 10: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/10.jpg)
User eXperience 2012Ru
Что такое сториборд?
Сториборд - это
последовательность
набросков, которая
рассказывает историю.
«
пятница, 12 октября 12 г.
![Page 11: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/11.jpg)
User eXperience 2012Ru
Пример сториборда в разработке ПО
пятница, 12 октября 12 г.
![Page 12: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/12.jpg)
User eXperience 2012Ru
Не нужно уметь рисовать
Человек-звездочка
пятница, 12 октября 12 г.
![Page 13: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/13.jpg)
User eXperience 2012Ru
Не нужно уметь рисовать
Умеет нажимать кнопки
пятница, 12 октября 12 г.
![Page 14: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/14.jpg)
User eXperience 2012Ru
Не нужно уметь рисовать
Говорить с другими
пятница, 12 октября 12 г.
![Page 15: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/15.jpg)
User eXperience 2012Ru
Не нужно уметь рисовать
Смотреть телевизор
пятница, 12 октября 12 г.
![Page 16: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/16.jpg)
User eXperience 2012Ru
Не нужно уметь рисовать
Пользоваться компьютером
пятница, 12 октября 12 г.
![Page 17: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/17.jpg)
User eXperience 2012Ru
Есть одна книжечка...
Форма
Контекст
пятница, 12 октября 12 г.
![Page 18: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/18.jpg)
User eXperience 2012Ru
Форма
Форма - это процесс или
задача, которую мы
хотим воспроизвести в
продукте
«
пятница, 12 октября 12 г.
![Page 19: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/19.jpg)
User eXperience 2012Ru
Требования - это плохо!
Готовые требования
задают нам шаблон
работы и мы перестаем
смотреть по сторонам
«
пятница, 12 октября 12 г.
![Page 20: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/20.jpg)
User eXperience 2012Ru
Контекст
Вместо требований нам
необходимо
внимательно изучить
окружение
«
пятница, 12 октября 12 г.
![Page 21: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/21.jpg)
User eXperience 2012Ru
Окружение задает силы, влияющие на форму
Взаимодействие между
ветром и песком
пятница, 12 октября 12 г.
![Page 22: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/22.jpg)
User eXperience 2012Ru
Что должно быть в сториборде
Установка
• Люди, которые принимают участие• Окружение, в котором происходит
взаимодействие
• Задача, которую необходимо решить
пятница, 12 октября 12 г.
![Page 23: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/23.jpg)
User eXperience 2012Ru
Что должно быть в сториборде
Последовательность
• Какие шаги необходимы для решения
задачи
• Что приводит людей к использованию
приложения
• Как иллюстрируется решение задачи
пятница, 12 октября 12 г.
![Page 24: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/24.jpg)
User eXperience 2012Ru
Что должно быть в сториборде
Удовлетворение
• Что мотивирует людей использовать продукт?
• Какие задачи пользователь смог решить?• Какую потребность пользователя реализует
продукт?
пятница, 12 октября 12 г.
![Page 25: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/25.jpg)
User eXperience 2012Ru
Какие инструменты использовать?
• Маркерные доски• Стикеры• Бумага (как минимум, А3)
• Готовые шаблоны• Все, что пишет :)
пятница, 12 октября 12 г.
![Page 26: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/26.jpg)
User eXperience 2012Ru
Как сделать сториборд лучше?
• Единственный способ сделать лучше - это сделать больше
• Привлекайте других людей• Ограничивайте время
пятница, 12 октября 12 г.
![Page 27: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/27.jpg)
User eXperience 2012Ru
Что в итоге нам дает эта методика?
• Помогает сосредоточиться на задаче, а не интерфейсе• Объединяет персоны, пользовательские истории и окружение
• Позволяет помочь заказчикам надеть шляпу своего пользователя
• Дает возможность ошибаться как можно раньше
пятница, 12 октября 12 г.
![Page 28: Проектируем взаимодействие с помощью... комиксов](https://reader038.vdocuments.net/reader038/viewer/2022103001/557ef0d5d8b42ad17d8b4bcf/html5/thumbnails/28.jpg)
User eXperience 2012Ru
Спасибо!
пятница, 12 октября 12 г.