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

Подготовка

  1. Определение Целей: Четко сформулируйте задачи, которые необходимо решить с помощью данного тестирования.
  2. Формирование Целевой Аудитории: Выберите группу потенциальных пользователей, желательно не знакомых с продуктом, чтобы обеспечить объективность оценки.
  3. Разработка Сценария: Создайте подробный сценарий взаимодействия пользователя с прототипом, описывающий ключевые задачи и ожидаемые действия.
  4. Создание Прототипа: Разработайте интерактивные экраны с кликабельными зонами, используя специализированные инструменты или шаблоны.
  5. Внутреннее Тестирование: Проведите предварительное тестирование прототипа внутри команды для выявления и устранения очевидных ошибок и недочетов.
  6. Планирование Эксперимента: Составьте график сессий тестирования с участием целевой аудитории.
Исполнение

  1. Инструктаж Участников: Объясните цель эксперимента, подчеркните важность их обратной связи и создайте доверительную атмосферу.
  2. Проведение Интервью: Один член команды взаимодействует с пользователем, задает вопросы и фиксирует вербальные реакции.
  3. Фиксация Данных: Второй член команды записывает наблюдения, поведенческие паттерны и выполняет вспомогательные функции.
  4. Завершение Сессии: Поблагодарите участников за их вклад.

Анализ Результатов

  1. Визуализация Данных: Разместите эскизы прототипа на доске или стене и окружите их заметками, наблюдениями и цитатами участников.
  2. Идентификация Проблемных Зон: Определите, что вызывает замешательство или затруднения у пользователей.
  3. Выявление Положительных Аспектов: Отметьте элементы, которые вызывают восторг или положительные эмоции.
  4. Формирование Гипотез: Используйте полученную информацию для определения направления следующих итераций продукта и будущих экспериментов.
Ресурсы и Эффективность
Стоимость

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

Время

  • Подготовка: Занимает от одного до двух дней.
  • Реализация: Проводится быстро, обычно в течение нескольких дней или одной недели, что позволяет оперативно получать обратную связь о ценностном предложении и пользовательском потоке.
Способ подтверждения гипотезы
Выполнение Задач

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

Отзывы Потребителей

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

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

Идея Цифрового Продукта

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

Кейс-Пример: "Monzo Bank"
Тестирование функций в приложении

Одним из ярких примеров использования кликабельных прототипов (и более продвинутых интерактивных версий) для тестирования новых функций является практика банка Monzo. С момента своего запуска в 2017 году, Monzo активно использует подход, при котором новые функции в их мобильном приложении сначала тестируются на ограниченной группе пользователей или даже через интерактивные прототипы, прежде чем стать доступными для всей клиентской базы.

Например, при разработке таких функций, как "Bill Pots" (счета для оплаты счетов) или улучшения в системе бюджетирования, Monzo часто создает интерактивные макеты. Эти макеты позволяют пользователям взаимодействовать с новой функциональностью, не затрагивая реальные финансовые операции. Дизайнеры и продуктовые менеджеры наблюдают за поведением пользователей, собирают их отзывы и анализируют данные о взаимодействии.

Это позволяет Monzo быстро и с минимальными затратами:

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

Хотя Monzo не всегда публикует детали своих внутренних A/B-тестов или прототипирования конкретных функций, их общая философия разработки продукта, которая включает быстрые итерации и тестирование с реальными пользователями на ранних стадиях, идеально соответствует принципам кликабельного прототипирования.

Ссылки:

Официальный блог Monzo (раздел "Product" или "Engineering" часто содержит информацию о разработке новых функций):

https://monzo.com/blog/

(Обратите внимание, что конкретные статьи о тестировании прототипов могут быть разбросаны по разным годам или быть частью более общих обзоров разработки.)
Видео по теме
Как сделать кликабельный прототип в Figma
Видео о тестировании пользовательского опыта