28
User eXperience 2012 Ru Проектируем взаимодействие с помощью... комиксов Максим Гапонов пятница, 12 октября 12 г.

Проектируем взаимодействие с помощью... комиксов

Embed Size (px)

Citation preview

Page 1: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Проектируем взаимодействие с помощью... комиксов

Максим Гапонов

пятница, 12 октября 12 г.

Page 2: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Кто я?

Макс  ГапоновCer.fied  Scrum  Product  OwnerCTO  в  Essen.al  [email protected]

пятница, 12 октября 12 г.

Page 3: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

О чем я сегодня буду рассказывать?

• Что такое хороший продукт• Что такое сториборд• Почему требования - это плохо• Как делать сториборды• Как улучшать сториборды

пятница, 12 октября 12 г.

Page 4: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Что такое хороший продукт?

Хороший продукт должен

уметь три вещи: решать

вашу задачу, делать вас лучше

и повышать вашу самооценку.

«

пятница, 12 октября 12 г.

Page 5: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Пример хорошего продукта

• Задачу решает

• Возможности расширяет

• Вы - крутой

пятница, 12 октября 12 г.

Page 6: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Ну или вот сравните...

пятница, 12 октября 12 г.

Page 7: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Почему хорошо бывает так редко?

Вот что у нас обычно

есть в начале:

пятница, 12 октября 12 г.

Page 8: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Почему хорошо бывает так редко?

Вот что у нас должно

получиться:

пятница, 12 октября 12 г.

Page 9: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Какую реакцию это вызывает?

WTF?!?

пятница, 12 октября 12 г.

Page 10: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Что такое сториборд?

Сториборд - это

последовательность

набросков, которая

рассказывает историю.

«

пятница, 12 октября 12 г.

Page 11: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Пример сториборда в разработке ПО

пятница, 12 октября 12 г.

Page 12: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Не нужно уметь рисовать

Человек-звездочка

пятница, 12 октября 12 г.

Page 13: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Не нужно уметь рисовать

Умеет нажимать кнопки

пятница, 12 октября 12 г.

Page 14: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Не нужно уметь рисовать

Говорить с другими

пятница, 12 октября 12 г.

Page 15: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Не нужно уметь рисовать

Смотреть телевизор

пятница, 12 октября 12 г.

Page 16: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Не нужно уметь рисовать

Пользоваться компьютером

пятница, 12 октября 12 г.

Page 17: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Есть одна книжечка...

Форма

Контекст

пятница, 12 октября 12 г.

Page 18: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Форма

Форма - это процесс или

задача, которую мы

хотим воспроизвести в

продукте

«

пятница, 12 октября 12 г.

Page 19: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Требования - это плохо!

Готовые требования

задают нам шаблон

работы и мы перестаем

смотреть по сторонам

«

пятница, 12 октября 12 г.

Page 20: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Контекст

Вместо требований нам

необходимо

внимательно изучить

окружение

«

пятница, 12 октября 12 г.

Page 21: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Окружение задает силы, влияющие на форму

Взаимодействие между

ветром и песком

пятница, 12 октября 12 г.

Page 22: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Что должно быть в сториборде

Установка

• Люди, которые принимают участие• Окружение, в котором происходит

взаимодействие

• Задача, которую необходимо решить

пятница, 12 октября 12 г.

Page 23: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Что должно быть в сториборде

Последовательность

• Какие шаги необходимы для решения

задачи

• Что приводит людей к использованию

приложения

• Как иллюстрируется решение задачи

пятница, 12 октября 12 г.

Page 24: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Что должно быть в сториборде

Удовлетворение

• Что мотивирует людей использовать продукт?

• Какие задачи пользователь смог решить?• Какую потребность пользователя реализует

продукт?

пятница, 12 октября 12 г.

Page 25: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Какие инструменты использовать?

• Маркерные доски• Стикеры• Бумага (как минимум, А3)

• Готовые шаблоны• Все, что пишет :)

пятница, 12 октября 12 г.

Page 26: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Как сделать сториборд лучше?

• Единственный способ сделать лучше - это сделать больше

• Привлекайте других людей• Ограничивайте время

пятница, 12 октября 12 г.

Page 27: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Что в итоге нам дает эта методика?

• Помогает сосредоточиться на задаче, а не интерфейсе• Объединяет персоны, пользовательские истории и окружение

• Позволяет помочь заказчикам надеть шляпу своего пользователя

• Дает возможность ошибаться как можно раньше

пятница, 12 октября 12 г.

Page 28: Проектируем взаимодействие с помощью... комиксов

User eXperience 2012Ru

Спасибо!

пятница, 12 октября 12 г.