Описать задачу в виде истории

Проектировщица интерфейсов компании «Контур» Ксения Ильиных нарисовала для разработчика комикс, чтобы он чётче понял поставленную задачу.

Мы в «Контуре» делаем сервисы для юридических лиц. Адрес юридического лица — один из основных реквизитов компании. Чтобы с адресами не было путаницы, существуют справочники адресов, например, КЛАДР. Вы с ними сталкиваетесь, когда вводите адрес доставки в интернет-магазине: интерфейс подсказывает по мере ввода улицу и номер дома.

Недавно в моём проекте появилась задача по переходу с одного справочника адресов на другой, и я вспомнила про комикс пятилетней давности. Я делала задачу по внедрению КЛАДРа: нужно было научиться выбирать город, район, улицы и всё остальное из справочника. Справочник сложно устроен, в нём много уровней и зависимостей, которые нужно учитывать в интерфейсе.

Я нарисовала форму с полями адреса, продумала поведение и описала состояния — получилось техническое задание на много страниц. Описание было нелинейное: много развилок с условиями и пограничных случаев.

Описать задачу в виде истории

Когда мы обсуждали задачу с разработчиком, он гордо сказал, что не читает технические задания. Его можно понять: текст плохо работает для описания нелинейных структур, к тому же чтение — труд. Разработчик добавил, что любит картинки, а ещё больше — комиксы. Я не поняла, шутит он или нет, но ответила «Вызов принят!». Сразу захотелось сделать что-нибудь интересное, чтобы разработчик сделал так, как я придумала.

Описать задачу в виде истории

Я взяла человечков из комикса xkcd и нарисовала свой по мотивам описания задачи. В комиксе я рассказываю разработчику, как всё должно работать. Идея зашла на ура: разработчик был в восторге и сделал всё как надо.

Описать задачу в виде истории
Описать задачу в виде истории

Так, с помощью графической истории я описала сложную задачу. Комикс сработал, потому что:

  1. Картинки воспринимаются гораздо легче, чем текст. Текст — не самый лучший инструмент передачи информации в наше время, когда все привыкли к Instagram и YouTube. Для сложных нелинейных структур он плохо работает: приходится запоминать условия и сопоставлять одно с другим. В комиксе это гораздо проще показать — условия «если это, то» помещаются в одну-две картинки.
  2. Это не просто картинки, это история. Истории помогают упорядочивать нашу жизнь — мы воспринимаем жизнь не как набор случайных событий, а как сюжет.

Если вам нужно сформулировать и поставить кому-то задачу или описать сложный процесс, попробуйте сделать это в виде истории. Или в виде графической истории — комикса. Расскажите, что нужно сделать или что произойдёт, когда задача будет сделана. Гораздо интереснее читать комикс про разработчика Макса, чем читать техническое задание.

2525
17 комментариев

У меня очень хорошее отношение к компании СКБ Контур, и в частности к дизайнерам этой компании.

Но я все же хочу покритиковать. Комикс увеличил время понимания задачи. Когда мы описываем такую короткую фичу, это еще не критично, но представьте если вы описываете достаточно объемную фичу которая занимает 10 страниц текста - комиксом? сколько это займет? сколько времени я потрачу на это?

По поводу восприятия картинок лучше чем текста. Комикс это не картинка, комикс это текст с иллюстрациями, которые в данном случае не несут полезной нагрузки, а лишь разбивают текст на смысловые куски. Ютуб и инстраграм это другая история, там полезная информация эта сама картинка, и да, там она считывается моментально, но пояснение под фото в инсте считывается так же медленно и очень часто не бывает релевантным изображению.

У ютуба к картинке прилагается совершенно другой инструмент - аудио.
В идеальном мире дизайнер передвая программисту задачу сопровождал бы ее анимацией интерфейса и голосовым комментарием - но это дорого с точки зрения ресурсов.

В данном случае это for fun, а для описания сложных процессов, с множеством ветвлений и параметров придумали блок схемы и диаграммы, которые идеально сопровождают текстовой описание.

Привет всем дизайнерам из контура, жаль не получилось с вами поработать!

11
Ответить

Думаю это действительно не больше чем просто маленький кейс фо фан для разнообразия коммуникации м/у дизайнером и программистом

6
Ответить

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

Ответить

Это же как один из вариантов, а не оптимальное решение для оформления всех задач. Круто, что Ксюша увидела возможность в более простом виде передать эту задачу в разработку, позаботилась, чтобы разработчик не страдал.

Ответить

Думал что программисты инфантильные, но каждый день дарует новое дно

6
Ответить

Если программист не понимает ТЗ или не может обсудить непонятные моменты, то нафига он такой нужен?

2
Ответить

Скоро уже к каждому программисту придётся приставлять рисовальщика комиксов, видимо они уже не в состоянии читать текст.

Ответить