Разделы портала

Онлайн-тренинги

.
Mind Map в помощь тестировщику
26.02.2021 00:00

Автор: Светлана Скребнёва, телеграмм автора: @DigitalCityQA

Майндмап, Майнд карта, интеллект-карта, ассоциативная карта, диаграмма связей и т.д. – устоявшегося русскоязычного термина пока нет.
Как, зачем, когда и надо ли?

Материал готовила  для начинающих, но возможно и более опытные найдут полезные моменты.



На входе тестировщик получает некоторое количество информации, это может быть как большой объем спецификаций, так и просто продукт «вот это надо протестировать, доков  нет».
И начинаем мы с работы с этой информацией. Анализируем, декомпозируем, не забывая про структуру.  В процессе этой работы бывает  полезно «порисовать».

Для сложной структуры, на первых порах, в «походных» условиях удобно чёркать обычным карандашом. Не бойтесь исправлять – это нормальный рабочий процесс.

Когда (если) структура понятна,  можно переходить к электронному варианту.

Интеллект-карта визуализирует структуру связей!

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




А на других призывают рисовать действия-глаголы, но ни в коем случае не Интерфейс:



Какая точка зрения верна?

Обе!
 Противоречие только кажущееся, к этому вопросу мы вернемся позже.

Для  начала нарисуем карту связей для ситуации бытовой – посещение Торгового центра.

Декомпозируем верхнеуровневый «Торговый центр» до отделов которые нужно  посетить.



Декомпозиция до отделов
Декомпозиция до отделов


Теперь добавляем цель посещения (декомпозируем до товарных позиций, которые предстоит купить).



Декомпозиция до товарных позиций
Декомпозиция до товарных позиций


А теперь смотрим на симпатичную карту и честно отвечаем на два вопроса:

  • Она вам поможет в ТЦ?
  • Стали бы рисовать такую для себя?

Полагаю  что для 99,99% это избыточная «красивая картинка для отчета» не несущая реальной пользы.

В реальной жизни вы воспользуетесь  максимум списком нужных  товаров, сгруппированным по отделам. Потому что все эти связи у вас уже  давно «прописаны» в виде готовых шаблонов, нет необходимости их визуализировать, лишние картинки вас будут только сбивать.

Так что немного тормозим и хорошо запоминаем:

  • визуализация призвана помогать, не стоит рисовать картинки ради картинок.

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


Декомпозиция до базовых действий (индивидуальная юзер стори)
Декомпозиция до базовых действий (индивидуальная юзер стори)


И запоминаем второе правило:

  • Имеет значение: вы готовите рабочие документы для себя или для команды. Во втором случае учитывайте уровень подготовки/знаний о продукте тех кто будет работать с этими документами.  

А если надо протестировать весь ТЦ?
Очевидно, что вносить все товарные позиции в карту совсем не вариант.
Здесь нужен уже другой подход.
Предположим, вам на проверку достался Цветочный павильон и у вас на руках есть макеты как это должно выглядеть. Нарисуем карту Интерфейса, она поможет проверить GUI, убедившись, что ничего не упущено и все соответствует требованиям.



Интерфейс
Интерфейс


Составлять чек-лист по карте весьма удобно. Технически саму карту можно использовать как готовый  чек-лист. Лично мне эта схема не кажется удобной, для меня чек-лист таблицей предпочтительнее, но видела вполне успешные варианты (смотрите ниже ссылку на доклад Натальи Руколь).

С GUI разобрались, но Логику (прописанную в спецификации) нам тоже надо проверить.
В этом случае первый шаг декомпозиции будет по типу объектов (либо по зонам) с которыми взаимодействует пользователь.
Второй шаг декомпозиции: либо действия возможные с этими объектами (или в этой зоне), либо следующий уровень элементов для взаимодействия.



Логика
Логика


А если спецификации нет или она представлена как небольшие юзер-стори?

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



Карта сценариев / юзер стори
Карта сценариев / юзер стори


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

И, возвращаясь в начало публикации: наставники, уточняя что должно присутствовать на карте, а что нет, озвучивают требования не к майнд-карте как таковой, а применительно к конкретной ситуации.

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

Контекст определяет подходы к тестированию и содержание конкретной интеллект-карты

И, как следствие, правы оба наставника.

Если говорить про ограничения, пожалуй надо упомянуть и про Карту (диаграмму) состояний и переходов (State & Transition).  

Это конкретная техника тест-дизайна!

Не путайте ее с Интеллект-картами, невзирая на то, что Карту состояний  вполне можно отрисовать в том же XMind (либо другой программе которой вы пользуетесь).

 В карте состояний и переходов  мы отслеживаем состояние одного объекта (!!!) в рамках одного процесса по шагам переходов.

В оригинале ("A Practitioner's Guide to Software Test Design" Lee Copeland )  карта начинается с точки и ей же заканчивается.

В моем примере вместо начальной точки (вход) используется верхнеуровневая плашка с названием объекта «Заказ букета», анализируем не букет, а именно заказ, прописывая его состояние, обязательно указывая действие на линии перехода. Постоянно задавая себе вопрос «а что если». Это позволит не пропустить проверку сценариев «передумал покупать, не хватило денег, не буду оплачивать» и «обнаружил брак, хочу вернуть».



НЕ путать с Картой состояний и переходов (State&Transition)
НЕ путать с Картой состояний и переходов (State&Transition)

Возвращаемся к Mind map.

Интеллект-карты в тестировании бывают большими и подробными, такие я называю «чтоб не забыть».
Вот хороший пример мнемоник мобильного тестирования I SLICED UP FUN





и LONG FUN CUP





Хотите еще больше?
Смотрите шикарную карту «Тестирование новой фичи» от Катерины Спринсян из Badoo (публикацию читать! там же можно посмотреть карту "ближе")





Интеллект-карта также  может быть и последовательной, применимо, например, при составлении тест-плана





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

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

В статью скрин не ставлю, чтоб не спойлерить ответы по конкретным цветочкам из все того же цветочного павильона ).

На этом, пожалуй, всё.

Хотя это далеко не все варианты использования Интеллект-карт в тестировании, но даже приведенного здесь полагаю достаточно для утверждения:

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

Говорят даже что работа с картами положительно сказывается на мыслительных процессах :)


Ну и немного ссылок:
….

12 программ и сервисов для создания майндкарт

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

Вебинар для Аналитиков от Натальи Руколь, о пользе MindMap  

А еще карты можно рисовать фломастерами. Состояния и переходы от Натальи Руколь

Как нарисовать карту приложения от Ольги Назиной

Mind map вместо тест-кейса от Катерины Спринсян

MindMap’s для груминга задач

P.S.: Бонусом для начинающих две задачи по тест-дизайну с ответами, комментариям, вариантами решений. / Совет: вначале решаете сами, потом уже листаете на ответ.

Светлана Скребнёва
Telegram: @DigitalCityQA