Перейти к содержимому

Демо и визуальные объяснения

Путь в тысячу ли начинается с первого шага.
Лао-цзы — «Книга пути и достоинства»
Пользовательский сценарий проходит через подготовленную демонстрационную среду к наблюдаемому результату.
Communication Engineering · демо

Демо отвечает на вопрос «как это ведёт себя», а не только «как это устроено». Оно особенно убедительно, потому что аудитория видит причинную связь. Поэтому сбой демо тоже убедителен: он быстро переключает внимание с идеи на техническую неловкость.

Хороший сценарий содержит:

  1. роль пользователя;
  2. исходное состояние;
  3. цель;
  4. минимальное действие;
  5. наблюдаемый результат;
  6. вывод для аудитории.

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

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

Не используйте production, если ошибка может повредить реальные данные или раскрыть чувствительную информацию.

Резервный сценарий не должен быть длиннее основного.

  • запись ключевого пути;
  • скриншоты состояний;
  • локальный mock;
  • заранее полученный результат;
  • ссылка на интерактивную версию после выступления.

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

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

Используйте поэтапное раскрытие:

  1. исходные объекты;
  2. одно действие;
  3. изменившееся состояние;
  4. следующий переход;
  5. итоговый инвариант.

Анимация полезна, если кодирует изменение во времени. Декоративное движение конкурирует с объяснением.

Плохое демо

Автор открывает сложную админку и говорит: «Здесь всё понятно». Переходит между экранами, не называя сценарий.

Рабочее демо

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

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

60 секунд

Собери минутное демо одного результата: роль, проблема, действие, эффект, вывод. Запиши экран без голоса, затем проверь, можно ли понять изменение по состояниям. После добавь краткий рассказ.