Интеллект карты как способ визуализации

Тестируем и визуализируем с помощью Mind Map

Меня зовут Андреев Александр, я инженер по качеству в Quadcode, и повествование полученного опыта буду вести на примере внедрения такого метода как Mind Map в команде тестирования Android приложения.

О методе, кратко

Итак, ментальная карта, интеллект-карта, карта мыслей, диаграмма связей или – Mind Map. Самые ранние упоминания о графических записях такого вида датируются 3 веком н. э. А в современном представлении, методика была разработана психологом Тони Бьюзеном в конце 1960-х годов (по ссылке на Википедию больше исторических подробностей). Для себя же, понятие/определение вывел в следующем виде:

Mind Map – это метод/инструмент визуального отображения информации, который позволяет эффективно структурировать, декомпозировать, и, соответственно, визуально эффективнее обрабатывать сформированную этим методом информацию.

Забегая немного вперед, хочется сказать, что мы, естественно, полностью не перешли на использование Mind Map и продолжаем пользоваться тест-кейсами и чек-листами в рабочем процессе. Но! Использование Mind Map однозначно помогает сформировать четкую картину взаимодействия функциональностей, различных и возможных исходов. Об этом расскажу ниже.

По ссылке выше на Вики, автор этой методики указан Тони Бьюзен. В процессе изучения информации о его личности, в рекомендациях упоминаются его книги. Книга “Интеллект-карт: разветвленное мышление” именно про составление Mind Map. У Бьюзена также есть много работ, касающихся мозга, духовного интеллекта, памяти, креативности, скорости чтения, и прочее. Сам я в процессе покупки нескольких его книг. Судя по отзывам, они стоящие для изучения/прочтения/впитывания информации, поэтому советую обратить внимание. Возможно, вас что-то зацепит, и книга станет знаковой в вашей жизни (у меня такое было, поэтому делаю акцент =) ).

О том, как составляли Mind Map

После прочтения нескольких статей на тему Mind Map’ов и просмотра видеороликов, было принято решение “не ждать у моря погоды”.

На ближайшее два спринта у нас была запланирована разработка новой функциональности по загрузке документов, подтверждающих личность и страну проживания пользователя (полностью новый UI, 10+ экранов, переходы, попапы, тексты и.т.д). Выглядит интересно, будем пробовать.

В центр мы поместили название функциональности – Proof of Identity и Proof of Address (далее по тексту и на самой Mind Map – POI/POA) – и начали отводить ветви по категориями, ориентируясь на документацию и макеты:

UI (user interface);

Mobile Device Specific Case;

Далее, от этих категорий ещё раз отвели ветви по категориям, и уже эти категории декомпозировали подробнее, соблюдая то, что для нас важно учитывать/проверить/понять при взгляде на эту категорию:

категории “Функциональность POA” и “Функциональность POI” декомпозировали на названия новых экранов, и, далее, в них последовательно добавляли нужные нам ветви, и + добавили ветви “Special cases” (не для всех категорий, а там, где нужно, что удобно);

Категории “Функциональность POA” и “Функциональность POI”. Этот скрин и скрины далее, сделаны в сервисе Miro. О самом сервисе будет отдельный абзац ниже.

(по ссылке, доступно увеличенное изображение для просмотра)

А нижеперечисленные категории назвали так, чтобы их можно было просто скопировать для следующих Mind Map, так как они будут использоваться при каждом тестировании:

Feature Name. В комментарии указываем название фичи (удобно, так как не нужно менять название категории при каждом копировании);

Категория Feature Name. Пример отображения комментария.

UI. Добавляем ссылку на макеты и декомпозируем на пулл проверок, который нам нужен;

Категория UI

Mobile Device Specific Case. Декомпозировали в рамках функциональности фичи;

Категория Mobile Device Specific Case

QA Check Flow. Тут мы договорились, что на уровне команды, будем составлять пулл вариантов для проверок, которые 100% должны проходить, чтобы считать что ревью пройдено успешно, и + как будем отслеживать;

Категория QA Check Flow. Пример “легенды” для отслеживания успешности прохождения тестов.

Далее, добавили стрелки с названием кнопок (можно видеть на итоговом виде Mind Map’a), чтобы визуально понимать, на какой экран юзеры должны попадать при нажатии с конкретного экрана, и какой экран за каким следует. У нас получилось не так много стрелок и это хорошо, потому как их большое количество может только отталкивать или просто путать человека еще в начале “прочтения” вашей Mind Map. Кстати, для того, чтобы стрелок было меньше, мы использовали link’и. При тапе выполняется навигация к той категории, которую мы указали в link’е. Например, в тех местах, где видно, что это не часто используемый кейс, стрелка может показаться лишней, а вот зацепить link лишним не будет.

Пример link’a по переходу к нужной категории.

После выполнения всех шагов выше, а также, внесения изменений на карту в процессе уточнения деталей по документации и дизайну, мы получили наш великолепный Mind Map по тестированию POI/POA во всей его красе.

Итоговый вид Mind Map для функциональности POI/POA

(по ссылке, доступно увеличенное изображение для просмотра)

Личное впечатление

Если хотите воспользоваться методом Mind Map, то главное поместите в центр идею, например, про развитие вашего стартапа или, например, повседневную задачу – купить билеты в Париж =). И далее уже визуализируйте возможные варианты/категории для их дальнейшей декомпозиции. Всё это будет находиться в поле вашего зрения, и мыслительные процессы, которые вы будете производить в ходе визуализации, и будут ключом к тому, что вы будете воспринимать n-ый объем информации гораздо качественнее, точнее и структурированнее.

О плюсах:

Скорость считывания информации;

Видно всю “картину” шаг за шагом;

Удобная оценка возможных взаимосвязей;

Возможность моментально оценить итог по отдельно взятой категории;

Расположение всей нужной информации в одном месте;

Команда в онлайне может работать над созданием набора пула категорий для своих User Story на одной доске;

Название любой категории можно сделать в виде ссылки (например: ссылка на User Story в Bug Tracker. Сразу открываем и заводим баг, если что-то нашли на экране конкретной US. Или ссылка на макеты в Figma);

Каждой ветке можно присваивать цвета (например: при проверке, шаг за шагом отмечать, что проверено, и наоборот, если где-то баг, то сразу при входе на доску, это будет видно);

Для создания следующих Mind Map’ов уже готова заготовка с категориями, которые проверяются всегда, просто делаем “Ctrl-C —> Ctrl-V” (в нашем случае, мы проводим пулл определенных проверок для тестирования на мобильных девайсах).

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

О минусах/нюансах:

Данный метод может подойти не каждому, так как все люди достаточно разные, и кому-то удобнее/эффективнее воспринимать информацию в привычном линейном виде;

Есть вопросы об использовании Mind Map, для описания большИх функциональностей (огромный “клубок ниток” может ввести только в заблуждение). В связи с этим, не самый лучший метод, если всё-таки задачу нужно описывать максимально подробно;

О софте

Для составления Mind Map мы пользовались сервисом Miro. Так как внутри компании Miro используется и для ретроспектив, и для построения Road Map’ов, а также в нем есть возможность построения Mind Map’ов, мы решили попробовать именно этот сервис, в рамках нашего первого опыта. Функциональность и скрины, описанные выше сделаны в рамках этого сервиса.

При создании Mind Map в Miro, столкнулись с одним непонятным моментом. При копировании отдельной ветки с категорией и ее последующее присоединение к другой ветке невозможно. То есть, нельзя скопировать ветку и присоединить её к этой же Mind Map. Возможно, кто-нибудь знает, как это делается, но мы не поняли. В остальном– всё максимально функционально, удобно и понятно.
На момент выхода текста в публикацию, уже стало возможным. Нужно скопированный элемент поднести к категории, к которой хотим добавить скопированную ветвь, и Miro автоматически будет предлагать зацепление к категории, которая рядом.

В целом, сервисов для составления Mind Map достаточное количество на любой “вкус и цвет”. Их можно легко найти в поиске по запросу “составить mind map”, например, почитать о каждом, попробовать, посмотреть предложения и выбрать для себя подходящий.

Опыт работы с методом Mind Map, безусловно, произвел положительные впечатления. Мы однозначно будем продолжать его использовать.

Есть четкое ощущение, что в разных сферах, и при решении других задач, наша “подопытная” Mind Map, может быть совершенно разной, и нужно оценивать ситуацию перед её использованием: а не будет ли она, наоборот, только тормозить рабочий процесс и восприятие информации? Если бы описанная выше фича имела бОльший функционал, то была бы Mind Map логичной для использования? Это важный момент и вопросы.

В плане рабочего процесса, пришли к идеи создания Mind Map’a с набором категорий по функциональностям, которые проходят обязательные проверки перед публикацией приложения в Google Play Store. Посмотрим, что получится.

Так как тема довольно интересная, буду рад, если поделитесь своим опытом использования Mind Map, или полезными материалами на эту тему 🙂

Источник

Mind Mapping, или как заставить свой мозг работать лучше

“Если не ломать мозгов — наломаешь дров”

Существуют десятки, а может и сотни методов по “прокачке” своего мозга, ведь он таит в себе многие возможности, доступ к которым нам зачастую ограничен. “Ешьте горький шоколад”, “Вешайте стикеры по всему дому”, “Начинайте с самых важных дел” и многие другие советы можно отыскать в интернете, суть которых сводится к одному — подтолкнуть наш мозг к быстрой работе, запустить его на полную катушку или даже “обмануть”. И все для получения максимальной выгоды — выполнить много дел, запомнить побольше информации, победить лень и прочее. Человек всегда пытался выжать максимум своих возможностей.

В 80-х годах ХХ века был придуман еще один такой способ — технология Mind Mapping или использование ментальных карт. И как показывает практика, метод далеко не худший, и заслуживающий внимания.

В этой статье мы рассмотрим такие вопросы:

• Что такое ментальная карта?
• Как создать ментальную карту?
• Есть ли программы для создания ментальных карт?
• Что почитать по этой теме?

Для тех, кто любит больше слушать, чем читать — мой интересный (надеюсь) доклад на GetDev:

Что такое ментальная карта?

Что это за технология?

“В этом мире, чтобы стоять на месте, нужно бежать”

Использование ментальных карт — техника визуализации мышления, с помощью которой можно лучше и эффективнее обработать некоторую информацию. У ментальных карт есть много разных названий:

Технология широко применяется для многих целей:

• Фиксация информации. Ментальные карты — удобная форма записи данных, позволяющая даже при большом объеме представить ее в емкой форме.
• Запоминание информации. Когда записываешь что-то в удобной легкой форме, это автоматически откладывается в голове.
• Легкий доступ к информации. Данные, записанные в виде ментальных карт, легко вспомнить, даже бросив на них лишь один взгляд.
• Анализ информации. Ментальная карта построена таким образом, что позволяет увидеть ранее не замеченные связи между ее частями, мелкие неучтенные детали, что бывает очень ценно при принятии решений. Также с ее помощью можно окинуть всю информацию в целом, комплексно, что в целом помогает разобраться в теме и лучше понять эти данные.

Ментальные карты помогают легко оперировать с информацией, что делает их очень полезными во многих областях нашей жизни:

Зачем ее применять?

“Хорошо запоминается мысль, повторенная дважды.
Хорошо запоминается мысль, повторенная дважды”

Ментальные карты помогают при работе с какими-либо данными, улучшают способности мозга по восприятию информации, но почему?

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

Вторая причина тоже кроется в обработке информации нашим мозгом — визуализация в целом улучшает восприятие. Слова с картинками мы запоминаем в 6 раз лучше, чем просто слова.

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

Так как мы используем различные способности мышления для построения ментальных карт, такие как творчество, логика, воображение, все они развиваются и улучшаются в процессе.

Поскольку ментальные карты отображают всю картину в целом, это позволяет установить все взаимосвязи между объектами, даже если изначально они были не так очевидны. В свою очередь, это приводит к появлению новой точки зрения на информацию, а также новых идей и мыслей. Структура и логика данных становятся более “прозрачными”, легкими для понимания и запоминания.

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

В чем отличия от обычных записей?

Линейная запись — основная форма записи информации, которой мы пользуемся в школе, университете, работе, и во многих многих учреждениях. Она используется в инструкциях, книгах, плакатах и вообще везде. Поэтому использование такой формы кажется логичным, удобным и правильным.

Но может быть дело лишь в привычке? Между линейными записями и ментальными картами есть некоторые отличия, из-за которых, возможно, стоит изменить свои привычки.

• Всю структуру вертикальной текстовой информации целиком довольно тяжело увидеть, и чтобы просмотреть все, возможно потребуются дополнительные действия, такие как перелистывание или скроллирование страницы. А карты строятся по круговому принципу, и одним взглядом можно охватить взглядом все, что изображено.
• Линейный список “психологически” не завершен, он может быть продолжен, что не дает нам целостно воспринимать его. Законченная карта имеет все элементы на своем месте, она продумана, скомпонована и целостна.
• Наш мозг не лучшим образом запоминает монотонные записи, в отличии от разнообразных картинок, разноцветных ветвей и красочно оформленных ключевых слов.

• В обычных записях довольно трудно выделить самую главную мысль, она теряется в многочисленных списках, выделенных и подчеркнутых словах. На ментальной карте главный объект исследования всегда в центре, и именно от него расходятся второстепенные ветви и дополнительная информация.

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

• Линейные записи отнимают много времени, ведь человек от руки пишет не очень быстро. Приходится сокращать слова, не всегда они написаны понятно, и это идет в ущерб качеству записей.

Популярны ли ментальные карты?

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

Аналоги различных диаграмм связей использовались с достаточно ранних времен, но создателем современной методики ментальных карт, такой, какой мы ее знаем сейчас, является Тони Бьюзен — английский психолог, автор и соавтор более 80 книг, самые известными из которых считаются “Супермышление” и “Научите себя думать”. Первая книга, описывающая технику ментальных карт, вышла в 1974 году — “Работай головой”.

Вот как автор описывает события, подтолкнувшие к разработке этой техники:

“В свое время на втором курсе университета я как-то зашел в библиотеку и спросил, нет ли у них книг по теории мозга и о его практических возможностях. Библиотекарь, не раздумывая направила меня в отдел медицинской литературы!

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

Я вышел в полном изумлении.

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

Логическим следствием обеих возможных в той ситуации стратегий действия являлся, как представлялось мне, тупик. Стань я прилагать меньше усилий, в разряд не усвоенной попадает масса важной информации, и, как следствие, провал на экзамене. Продолжи я с еще большим упорством, — конспектируя более подробно и тратя на это все больше времени, — результатом явилась бы все та же обращенная вниз спираль успеха.

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

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

Используют ли их в мире?

Со временем, целесообразность той или иной методики всегда определяется количеством людей, которые ей пользуются. Со времен выхода первого описания методики прошло уже более 40 лет, но тем не менее техника ментальных карт живет, развивается, и, что главное, используется. Обратимся к Google Trends:

В целом, mind mapping — стабильно использующийся запрос за последние 11 лет. Странами с наибольшим количеством таких запросов внезапно оказались Индонезия и Таиланд. Совсем другая статистика в России. Только в 2011 году эта методика начала пользоваться интересом в нашей стране:

Почему люди не используют их повсеместно?

Как и у всего в нашем мире, у техники ментальных карт тоже есть недостатки:

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

• Поскольку при построении карт используются картинки, включается ассоциативное мышление. Но ассоциации — динамичные штуки, изменяются и трансформируются со временем, и то, что вызывало полгода назад у нас одну ассоциацию, не вызывает сейчас точно такую же. Такие картинки направляют поток мыслей при прочтении карты совсем не ту сторону, как изначально планировалось. “Ложные” ассоциации в итоге замедляют понимание данных на карте.

• Ментальная карта является отражением чьего-либо мышления, либо одного человека-составителя, либо группы таких людей, поэтому карты чаще всего сугубо индивидуальны. Если карту дать прочитать другому человеку, может случится так, что он либо не поймет некоторые детали, либо, что еще хуже, неверно их воспримет.
• При обработке больших или сложных данных при построении карты, может получится сложная картинка, со множественными делениями, с огромных количеством связей, ветвей и ключевых слов. Эффективность такой ментальной карты падает в разы.

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

• Незнание о технике. Популярность ментальных карт еще не достигла такого масштаба, чтобы о них знал каждый.
• Мнение “Я не умею рисовать”. Многие считают, что это является серьезным препятствием для построения карты, но на самом деле такое умение и не требуется. Тем более, существует простое упражнение, помогающее доказать, что минимальный набор символов может рисовать каждый. Попробуйте:

• Убеждение, что это детская забава и настоящему профессионалу она не к чему. На самом деле, каждый уважающий себя профессионал имеет свой набор различных инструментов для достижения целей: визуализации, планирование, тайм-менеджмент и другие. А то, что ментальными картами пользуются многие во всем мире, является показателем эффективности этого инструмента.
• Ментальные карты дольше делать, чем линейные записи. Поначалу, на первых порах применения этой техники, это действительно будет так — как и при обучении любому новому делу. Но в дальнейшем карты будут щелкаться как орешки, намного быстрее обычных заметок.
• Убеждение “Я думаю линейно” и “Всю жизнь пользуюсь линейными заметками, и нормально”. Да, линейные записи плотно входят в нашу жизнь начиная лет с семи, и дальше намного удобнее и привычнее использовать именно их, даже в своих размышлениях. Но не является ли это просто привычкой? И если другие методики дают большую эффективность, то почему не попробовать их?
• Мнение “Ментальные карты нельзя применить для повседневных задач”. Напротив, это методика применяется для всех сфер жизни, где требуется принятие решений, какие-либо списки, анализ чего-либо. Сюда входит практически любая область из нашей повседневной жизни.

Как создать ментальную карту?

“Всякий художник был поначалу любителем”

Для построения ментальных карт достаточно следовать определенным несложным принципам. Попробуем для примера составить ментальную карту для всей это статьи.

Для начала нужно чистая горизонтально повернутая область, например лист, доска, планшет, телефон, или рабочая область в графических редакторах. Чем больше данных вы будете обрабатывать, тем большая рабочая область вам понадобится. Я буду делать свой пример с помощью онлайн-редактора ментальных карт.

В центре рабочего пространства опишите образ проблемы, задачи или области знания. В нашем случае — это статья про ментальные карты.

Не забывайте использовать рисунки и символы там, где это возможно. Это сделает карту более яркой и красочной, и как следствие — более запоминающейся.

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

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

Размер и толщина букв на ветвях варьируются в зависимости от удаленности от центрального образа. Чем дальше — тем меньше. Если между деталями на карте есть взаимосвязь — не забудьте показать ее. Дополним наш пример остальными ветвями и связями.

Вот и получилась готовая ментальная карта. Не самая красочная из-за моей любви к минимализму, но весьма информативная.

Есть ли программы для создания ментальных карт?

Рисовать от руки ментальные карты — это удовольствие на любителя, и иногда намного удобнее накидать карту на компьютере. Есть большое количество как онлайн-редакторов, так и программ/приложений для построения ментальных карт:

• Coggle — простой и легкий в усвоении онлайн-редактор ментальных карт.

• XMind — серьезный софт для построения как ментальных карт, так и других различных диаграмм.
• Bubbl.us — онлайн-редактор и приложение.

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

Что почитать по этой теме?

Конечно же, лучше всего узнать о методике ментальных карт из первоисточника, поэтому лучшие книги для прочтения — это “Супермышление” и “Работай головой” Тони Бьюзена, а так же его остальные книги.

Еще одна познавательная книга — “Визуализируй это! Как использовать графику, стикеры и интеллект-карты для командной работы” Дэвида Сиббета.

Источник