mcpField
S
system-feedback

system-feedback

github.com/hanumatori设计与 UI51194 次安装1 天前更新
代码仓库

关于 system-feedback

一项用于设计界面状态变化反馈的技能,帮助设计人员判断何时、何处需要提示。它强调针对真实的不确定性提供信号,避免重复显示已清晰可见的结果。

主要功能

  1. 01梳理状态变化中的可达状态
  2. 02找出用户产生不确定的时刻
  3. 03选择足够且成本较低的信号
  4. 04区分延迟、部分和失败结果
  5. 05按时间顺序检查状态变化

适用场景

  1. 01检查保存操作的反馈
  2. 02避免静默操作引发危险重试
  3. 03说明失败后哪些内容已保留
  4. 04测试离开页面后的延迟结果

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/hanumatori/nodumbmode --skill system-feedback

安装后在 Claude Code 中输入/system-feedback确认已加载。

附带文件references/01-heuristics.mdreferences/02-checklist.md

README 原文English

来自项目 README

README 暂无中文译文,以下为英文原文;中文介绍见上方。

system-feedback

Обратная связь нужна не каждой кнопке, а каждой разумной неопределённости: приняла ли система действие, продолжается ли работа, окончателен ли результат и что теперь можно делать.

Не добавлять тост или спиннер по ритуалу. Если результат сразу и однозначно виден в самом объекте, отдельное сообщение только дублирует интерфейс.

Сначала зафиксировать переход

Одной строкой описать только реально достижимые состояния:

до → намерение принято → ожидание или предварительный результат → подтверждено / не удалось → что сохранилось

Если неизвестно, какое состояние должно наступить, нужен продуктовый выбор или edge-hunt, а не этот скилл. Не придумывать обязательный набор из пустоты, загрузки и ошибки: проектировать только состояния, достижимые в этом переходе.

Найти момент неопределённости

Для каждого перехода проверить:

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

Неизвестное поведение не маскировать текстом. Если система сама не знает, прошла ли операция, сначала определить способ сверки или восстановления.

Выбрать самый дешёвый достаточный сигнал

ФормаКогда подходит
Сам результатИзменение сразу видно и нельзя разумно прочитать иначе
Локальный статусРезультат невидим или задержан, но относится к одному элементу
Статус областиОперация меняет список, форму или другой цельный участок
Устойчивый глобальный статусОперация продолжается после ухода с экрана или влияет на несколько мест

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

Различать тип результата

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

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

Проверить живой переход

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

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

Проверка должна наблюдать тот же канал, что и человек. Успешный API-тест не подтверждает, что интерфейс сообщил результат; красивый тост не подтверждает, что данные действительно сохранились.

Подробнее

  • references/01-heuristics.md — типовые разрывы между состоянием системы и представлением человека
  • references/02-checklist.md — проверка по типам переходов

评论

支持 Markdown