Website/service development thru continous experiment and prototyping. In Russian

1. Несколько приёмов
прототипирования
интернет-сервисов
Практики изобретающего эксперимента
Николай Яремко
рассказано в 2008 году,
оформлено для NaNoSliMo 2009

2. Подготовлено в рамках программы
ГЛУБОКОЕ
БУРЕНИЕ
Николай Алексей
Яремко Кулаков
www.thinkdeep.ru
we@thinkdeep.ru

3. Эксперимент
этот мем стал
очень популярным
в интернет-разработке
за последние два года

4. Все вокруг носятся с A/B-тестированим, сплит-тестами
+15.57% -53.28%

5. Google запускает свой сервис A/B-тестирования

6. А что, если весь процесс
разработки интернет-сервиса
цикл
построить как
экспериментов?

7. Я сам использую
экспериментальный
подход в ежедневной
практике

8. Например, благодаря экспериментальному подходу я
в одиночку выиграл командный Rambler Hackfest 2008

9. Этой презентацией
я хочу поделиться
несколькими
приёмами,
которые помогают
мне в постановке
экспериментов

10. Итак, я считаю, что
ЭКСПЕРИМЕНТ
это основной
инструмент
проектировщика

11. Признаки эксперимента
• всегда оперирует
измеримыми величинами
• начинается с гипотезы
• имеет критерий подтверждения
• можно проводить на модели

12. На какие вопросы
нужно ответить при
постановке
эксперимента?

13. Какие вопросы задавать в эксперименте?
Что нового мы узнаем?
— какова гипотеза

14. Какие вопросы задавать в эксперименте?
Что нового мы узнаем?
— какова гипотеза
Что изменится в результате?
— какова метрика, в чём измеряем

15. Какие вопросы задавать в эксперименте?
Что нового мы узнаем?
— какова гипотеза
Что изменится в результате?
— какова метрика, в чём измеряем
Какой ожидаем масштаб изменений?
— каков критерий успеха

16. Какие вопросы задавать в эксперименте?
Что нового мы узнаем?
— какова гипотеза
Что изменится в результате?
— какова метрика, в чём измеряем
Какой ожидаем масштаб изменений?
— каков критерий успеха
Какое минимальное изменение системы
нам потребуется?
— какой модели достаточно

17. ЭКСПЕРИМЕНТ
это направленное
изменение системы
Если мы создаём интернет-сервис
с нуля, то мы будем менять
воображаемую, пока ещё
не существующую систему.
Как?

18. Обычно всё
начинается
с идеи

19. Скорее всего,
ваша идея никуда
не годится.
Перестаньте думать о ней, как о
собственности, как о “вещи”.

20. Скорее всего, вы
держите в руках
хобот, а думаете,
что это змея.

21. Думайте о вашей идее, как о
стартовой гипотезе,
используйте идею
как трамплин для
вашего прыжка

22. Что значит
прыжок?
Новый сервис должен завоевать,
увлечь, захватить аудиторию.
Наш желаемый эффект:
увлечение пользователя

23. Сформулируем гипотезу нашего
эксперимента в виде ответа
на главный его вопрос:
Какие действия
пользователя
приносят
удовлетворение
ему самому?

24. Следующий этап:
придумаем название
Название должно отражать главную идею

25. Что вы будете делать на сайте,
который называется
«ЭЛИТНАЯ ОВОЩНАЯ ЛАВКА»?
Докапываемся с этим вопросом до окружающих,
получаем первую обратную связь

26. Радуемся, когда люди угадывают
ЭЛИТНАЯ
Накапливаем паразитные смыслы,
ищем обходные пути

27. Удержитесь от объяснений:
«Да разве ты не понимаешь, что на самом деле
ЭЛИТНАЯ значит свежие продукты?!»
Нет никакого «на самом деле»!

28. Придумайте новое,
более точное
название и повторите цикл

29. Выдохлись?
Новые итерации работы с названием не приносят эффекта?
Уточняем через логотип, слоганы.
Работаем над словами, которые используем:
— “пользователь” или “музыкант”?
— “потоки”, “каналы”, “RSS” или “подписки”?

30. Следующий этап:
графические макеты
Представьте себе, что ваш сервис состоит
только из одной страницы

31. В самом начале мы с вами решили, что
людей на нашем
сайте прёт от того,
что они
_______________
(наблюдают/делают что-то)

32. ?
Как выглядит та одна
страница, на которой они
это делают?

33. Это и будет та
самая страница,
которую люди
запомнят.
Люди будут возвращаться на ваш
сервис ради этой одной страницы.
Какая это страница?
Что вы на ней расположите?

34. Главная страница ≠ заглавная
(вернее, не всегда равно)
Если люди ищут и находят — это
результаты поиска

35. Главная страница ≠ заглавная
(вернее, не всегда равно)
Если люди общаются — это поток
живого общения

36. Главная страница ≠ заглавная
(вернее, не всегда равно)
Если тут людей прёт, что их творчество
доступно миллионам — получите
“газетную передовицу”

37. ?
Рисуем бумажный макет
Лучше, если он будет цветной, хотя бы
двухцветный.
Используйте придуманный вами фирменный
стиль: название, логотип, терминологию.

38. Показываем окружающим,
задаём вопросы

39. Показываем окружающим,
задаём вопросы
Что вы тут будете/сможете делать?

40. Показываем окружающим,
задаём вопросы
Что вы тут будете/сможете делать?
Для чего пригодится этот сервис?

41. Показываем окружающим,
задаём вопросы
Что вы тут будете/сможете делать?
Для чего пригодится этот сервис?
Что можно убрать, не потеряв суть?

42. В этот момент вы удивитесь:
люди при ответе на последний вопрос
так и норовят что-нибудь добавить!
Что можно убрать, не потеряв суть?

43. Какую деятельность,
Что нам поможет какой сервис люди
найти такой прототип? увидели?
От какого места
страницы люди
строят своё понимание
вашего сервиса?
Это может быть кнопка, надпись,
форма, картинка — что угодно!
Какие места отвлекают
людей от главной идеи?

44. Кстати,
вы можете
провести этот
эксперимент даже
без посторонней
помощи!

45. ?
Контрольный выстрел
Уберите половину деталей
с картинки; но так, чтобы
суть не потерялась

46. ?
Контрольный выстрел
Уберите половину деталей
с картинки; но так, чтобы
суть не потерялась

47. ?
И ещё раз!

48. Добавлять или удалять?
Если у вас есть много идей, выберите одну
главную. Это ваша гипотеза.
Проверяйте гипотезу удалением,
а не добавлением.
Что бы ни говорили люди, не добавляйте
новых возможностей
Чистите всё, что отвлекает ваш эксперимент
от проверки гипотезы.

49. То, что получилось — не радует?
Ура, меняем гипотезу!

50. То, что получилось — не радует?
Ура, меняем гипотезу!
Вспомните, что предлагали окружающие.
Придумайте гипотезу, которая бы
вписывалась во многие предложения.

51. То, что получилось — не радует?
Ура, меняем гипотезу!
Вспомните, что предлагали окружающие.
Придумайте гипотезу, которая бы
вписывалась во многие предложения.
Да, одну гипотезу.

52. То, что получилось — не радует?
Ура, меняем гипотезу!
Вспомните, что предлагали окружающие.
Придумайте гипотезу, которая бы
вписывалась во многие предложения.
Да, одну гипотезу.
Теперь придётся докопаться, зачем они
хотели все эти новые возможности.

53. Сделали выводы?

54. Продолжайте дальше
работать с этой же
страницей

55. Переходите к более
детальным прототипам

56. Меняйте вашу гипотезу,
если нашли идею получше

57. Даже цвета
имеют значение

58. Снова меняйте гипотезу

59. Двигайтесь короткими этапами,
на выходе из каждого — всегда
что-то новое
Делайте только
то, чем сможете
похвастаться

60. Двигайтесь короткими этапами,
на выходе из каждого — всегда
что-то новое
Делайте только
то, чем сможете
похвастаться
Только так вы проверите, как вашу
идею увидят другие люди.

61. Когда остановиться?
Когда вы увидите, что людей
прёт играться с тем, что вы им
предложили.
Или когда кончится время
на эксперименты.
Поставьте себе дедлайн для
каждого этапа!

62. Не забывайте возвращаться к самому началу.
Вдруг во множестве деталей вы потеряли
ответ на самый главный вопрос?

63. Не забывайте возвращаться к самому началу.
Вдруг во множестве деталей вы потеряли
ответ на самый главный вопрос?
Чему он так
радуется?

64. Не забывайте возвращаться к самому началу.
Вдруг во множестве деталей вы потеряли
ответ на самый главный вопрос?
Какие действия
пользователя
приносят
удовлетворение
ему самому?

65. Не забывайте возвращаться к самому началу.
Вдруг во множестве деталей вы потеряли
ответ на самый главный вопрос?
Какой деятельностью
будут заниматься люди
на вашем сайте?

66. Не забывайте возвращаться к самому началу.
Вдруг во множестве деталей вы потеряли
ответ на самый главный вопрос?
людей на нашем
сайте прёт от того,
что они...
_______________
(наблюдают/делают что-то)

67. Вопросы на подхвате
Как люди поймут, что тут надо делать?
«Когда смотришь на этот сервис, то
сразу думаешь о _____________»
Если эту картинку (название, кусок сервиса) выкинуть,
что изменится?
Станет ли невозможно заниматься тем, ради
чего люди сюда придут?
Станет ли непонятно, чем здесь занимаются?

68. Кто даст вам
ответы?
Кому вы покажете
эти изменения?
Кто из ваших
знакомых оценит, что
вы уже сделали?

69. Слушайте,
а не говорите!
Ваше собственное понимание
ничем не лучше понимания
человека, который слышит
о вашей идее впервые.
Даже хуже, потому что
повторение вашего «видения»
ничего нового вам не даст!
Чужое мнение рассказывает вам
о других профилях вашей идеи.

70. Подводя итоги
Разработка интернет-сервиса может быть организована
в форме продолжающейся серии экспериментов —
направленных изменений системы.
Эксперимент оперирует измеримыми величинами,
начинается с гипотезы, имеет критерий её
подтверждения; его можно проводить на упрощённой
модели сервиса.
Модель сервиса получается удалением избыточной
функциональности, оставляя только то, чего достаточно
для проверки гипотезы.
Формулируйте гипотезу как ответ на вопрос
«какой деятельностью люди будут здесь заниматься так,
что это их увлечёт и они вновь захотят сюда прийти».

71. С чего начать?
Думайте о вашей идее, как о гипотезе,
которая нуждается в проверке.
Сформулируйте ОДИН ответ
на ГЛАВНЫЙ ВОПРОС.
Придумывайте название.
Сделайте сервис из одной страницы.
Показывайте и слушайте,
а не объясняйте сами.

72. Вопросы для самопроверки
ГЛАВНЫЙ ВОПРОС:
Что тут у вас люди будут делать такого,
что их увлечёт?
Как люди поймут, что надо делать именно
это?
Если выкинуть вот этот кусок сервиса,
что изменится?
Кому вы покажете эти изменения?

73. Подготовлено в рамках программы
ГЛУБОКОЕ
БУРЕНИЕ
Николай Алексей
Яремко Кулаков
www.thinkdeep.ru
we@thinkdeep.ru