Communitygithub.com

heyviet/wireframe-feedback

用于请求或提供线框图反馈、主持或参与设计评审、或准备线框图以供利益相关者审查时使用。当反馈模糊(如“让它更突出”、“我不喜欢”)、反馈是解决方案而非问题(如“直接移到设置里”)、需要在评审后决定采纳哪些反馈、或评审会议出现问题时(如音量压倒理性、防御心态、重复争论而无决策)也会触发。

wireframe-feedback 是什么?

该技能指导AI代理或设计师如何在设计过程中进行结构化且高效的设计评审。它基于Corita Kent的规则——创建和分析是两个不同的过程,绝不能同时进行——将评审定义为针对定义标准的分析性评估,旨在收集可操作的信息以推动下一轮迭代,而非追求共识、批准或辩护。技能详细说明了如何提出反馈请求(如使用30/90规则匹配设计阶段与评审粒度)、如何给出建设性反馈(强调以问题为导向而非解决方案,提供“差/好”表述对照表)、如何主持评审会议(包括45分钟标准结构、角色分工、引导技巧),以及如何处理反馈(基于Donna Spencer的五状态分类法进行筛选)。该技能设计为与线框图协作、尼尔森启发式评估和纠正性反馈等配套技能协同使用。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/heyviet/wireframe-skills/tree/HEAD/skills/wireframe-feedback

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

线框图反馈与评审

概述

创建和分析是两个不同的过程——永远不要同时进行(Corita Kent的规则第八条)。评审是结构化分析:根据定义的标准评估设计,收集足够可操作的信息以推动下一轮创意迭代,然后停止。目标是让用户获得更好的设计,而不是达成共识、获得批准或辩护当前版本。你不是你的设计。

何时使用

  • 在线框图的任何阶段请求反馈——从早期概念到接近最终的细节
  • 主持团队评审、利益相关者审查或异步评论轮次
  • 将模糊或解决方案形式的反馈转化为可用的问题
  • 整理评审后的一堆评论形成计划
  • 不适用于: 可用性测试——评审是专家/团队分析;用户证据需要真实用户在真实任务上参与
  • 不适用于: 签字会议——评审改进设计;批准是另一个具有不同利害关系的独立决策论坛

请求反馈

明确请求——目标、阶段、问题

  • 永远不要问“有什么想法吗?” 开放式提问会引发基于品味的反应性评论。要说明三件事:该页面服务的用户目标、工作的完成程度、以及具体问题。例如:“这是为访客用户设计的结账流程,完成度约30%。步骤顺序是否正确,付款前是否有遗漏?”
  • 30/90规则(Jason Freedman, 42Floors):尽早请求“30%的反馈”——评审者同意细节未完成,专注于结构和方向——并在接近完成时请求“90%的反馈”——不要进行大的改动,捕捉细节即可。每个设计至少两个检查点。
  • 保真度标志着反馈的层级。 低保真草稿邀请结构性输入;高保真线框图则引发像素级挑剔。当你想要方向性反馈时呈现高保真线框图,保证你会收到错误层级的评论。
  • 说明哪些是超出范围的。 “视觉样式是占位符——忽略字体和间距”可以防止一整类无用的评论。
  • 当你自己已尽力但仍遇到瓶颈时再提问。 这种停滞就是信号。早期提问最难(害怕展示未完成的工作)也最有价值——应在30%而非90%时设定先例。

匹配评审者与问题

  • 团队成员(产品经理、开发、研究、设计)——流程逻辑、可行性、一致性;他们为用户和产品辩护,并可兼任记录员
  • 领域专家——领域正确性(如交易应用的订单流程专家);尽早邀请,他们很少被邀请且通常欢迎
  • 利益相关者——目标一致性与约束;积极参与者早期参与,高层管理者后期知情即可
  • 如果你不想要某人的意见,就不要邀请他们。 每个被邀请者都期望参与;旁观者会稀释会议氛围并增加评论堆积。

提供建设性反馈

以下五个特征来自Adam Connor和Aaron Irizarry的 Discussing Design(经来源改编)。建设性反馈是基于信任的(共同目标:改进产品)、分析性的(将设计分解为部分并追溯其对任务的影响)、具体的(指明元素和失败点)、开放式的(陈述问题,解决方案留给设计师)、客观的(从用户目标而非个人品味论证)并且可操作的(可在下一次迭代中使用)。需要注意两种无效模式:反应性的(“我讨厌这个”——纯情绪,没有分析)和方向性的(“直接放在设置里”——没有陈述问题的解决方案)。

问题,而非解决方案

以观察结果开头,将其与用户目标联系起来,保持解决方案开放。如果你必须建议,先给出原因——没有潜在问题的建议无法被评估或改进。

措辞改写

差(反应性/模糊/方向性)好(分析性,联系用户)
“导航很令人困惑”“导航隐藏了通往隐私设置的路径——而我们的研究表明用户来这里就是为了这个”
“我不喜欢这个按钮”“‘取消’可能被理解为取消订阅而非取消编辑”
“让CTA更突出”“CTA在视觉上不突出;如果它是此屏幕的主要操作,用户可能会错过它”
“把这个移到设置页面”“这个区块打断了结账任务——是什么导致将其内联放置而不是放在设置中?”
“这个表单在国际上无法使用”“非美国用户无法映射这些地址字段;考虑根据国家本地化标签”
“我很喜欢!”“单列布局保持了任务的线性——在结账的其余部分保持这种质量”

只有当具体时,正面反馈才有其价值:说出什么有效以及为什么有效,这样它才能在迭代中幸存而不被意外设计掉。

先提问,再下结论

用问题开场,发掘设计师的推理过程:为什么在这里使用这个模式?它如何与用户在此场景中的意图对齐?它解决了正确的问题吗?哪些不可行?考虑过哪些其他方向?是否遗漏了什么?——然后进行评估。

接收反馈

  • 积极倾听: 复述你所听到的内容(“所以担忧的是标签,而不是位置?”)直到给出者确认。这会让你保持倾听而不是排练辩护,并迫使模糊的评论变得精确。
  • 挖掘无效反馈,不要轻视它。 反应性和方向性的评论通常包含真实问题。“你是什么意思?”和“这对用户的任务有何影响?”可以转化它们。
  • 记录,不要反驳。 在会议上辩护每条评论会耗费时间;澄清问题,记录日志,之后再决定。

主持评审

结构(对于流程级别的审查,45分钟)

  1. 框架 — 5分钟。 目标、阶段(30%或90%)、具体问题、基本规则(问题而非解决方案;评论是在走查期间还是之后——提前说明)。
  2. 走查 — 10分钟。 首先概述功能和流程,然后逐屏进行,用用户的术语叙述:“当用户到达这里时,他们可以通过选择Y来执行X操作。”永远不要冷启动在十二屏的第一屏上。
  3. 讨论 — 25分钟。 针对框架问题进行分析的引导讨论。
  4. 结束 — 5分钟。 感谢参与者,说明下一步做什么,承诺提供摘要。

角色

  • 引导者(通常是演示者):集演示者、调解员、计时员于一身。引导对话——建立框架,保持讨论在分析层面,遇到僵局时向前推进,收获可操作的细节。引导,从不辩护。
  • 记录员 — 专职人员,不能是引导者。 引导和详细记录是不可兼得的。每项记录:哪个线框图、屏幕的哪个区域、评论内容、谁说的。使用便签或在线框图工具中实时评论,对房间内所有人可见;按姓名标记评论者,以便他们验证记录。
  • 参与者: 活跃贡献者,每位都因明确的原因被邀请。

引导技巧

  • 轮流发言以开场:每个人依次发言——防止最大声的人设定框架。
  • 主动邀请安静的成员;之后提供异步渠道给那些思考较慢或不愿在小组中发言的人。这需要后续时间,但能获得全面的覆盖。
  • 为异议保留合法途径(David Dylan Thomas)——如果异议在会议中没有合法的表达渠道,它会在之后以否决的形式重新出现。
  • 将“我会……”引导到用户。 对于个人偏好评论,回应是“根据我们所知,用户在这里会怎么做?”
  • 示范你期望的反馈,并在讨论偏离到品味或解决方案时明确重置。
  • 设计在评审中失败是评审的成功。 如果分析表明设计未能满足目标,你已经节省了一次迭代——说出来并继续前进。
  • 异步评审同样有效:评审者按照自己的时间将评论标记在线框图区域上;引导者整合、标记,并对不明确的项目进行跟进。同样的规则——明确框架问题、具体问题、具名评论。

处理反馈

筛选每一项

将所有反馈记录在一个共享表格中——项目、屏幕、谁说的、状态。Donna Spencer的五种状态(Presenting Design Work):

状态含义下一步行动
同意 — 现在已接受,直接明了纳入下一轮迭代
同意 — 以后已接受,不在本次迭代放入待办列表并标明目标阶段
需要研究无法基于当前信息决定明确问题和方法
澄清评论未理解(常见于异步)回头找评论者
否不会实施记录原因,结合目标或问题陈述
  • 拒绝是合法结果——但必须记录原因。无声的丢弃会破坏流程赖以运行的信任。
  • 在采纳任何新方向之前回到问题陈述。 它服务于用户的目标,还是最后发言者的 whim?委员会设计很少成功。
  • 错误假设的反馈会触发研究,而不是修补。 如果评审揭示了一个遗漏情况(注册流程从未处理“验证邮件未到达”),在重新绘制之前审查选项——可能需要进行技术审查。

闭环

  • 向参与者分享摘要:审查了什么、谁参加了、每个项目的状态。在重新绘制之前,给人们时间回应、澄清或补充。
  • 下一轮展示时,将新旧版本并排显示,并标明驱动每项更改的反馈——评审者立即看到什么变了以及为什么变。
  • 反馈是一个循环: 整合 → 重新绘制 → 再次评审。在线框图阶段进行定期评审是整个设计过程中成本最低的风险降低手段。

所需上下文

  • 你期望的响应类型——探索、在多个概念间选择、或对一个设计的分析。
  • 保真度,以及它表明了事情有多确定。
  • 评审者需要评估的目标和约束。
  • 谁在场以及为什么每个人都在那里。 全员邀请会产生噪音。
  • 哪些已经决定且不容讨论。 说出来,否则会被重新讨论。

评估程序

  1. 明确请求:什么阶段、什么决策、你具体想检查什么。
  2. 在展示工件之前告知评审者目标和约束。
  3. 基于分析而非偏好进行评审——将解决方案引导回问题。
  4. 根据五个特征测试每条反馈:基于信任的、分析性的、清晰具体的、开放式的、客观的。
  5. 在行动之前将模糊反应转化为与用户任务相关的观察。
  6. 决定哪些行动、哪些推迟、哪些拒绝——拒绝需记录原因。
  7. 闭环:告诉评审者哪些变了、哪些没变。

输出格式

请求:<探索 | 选择 | 分析> 针对 <具体区域>
上下文给出:目标 <…> 约束 <…> 已决定 <…>
收到的反馈 → 重述为观察:
  “<原始>” → “<分析性的,与用户任务相关>”
行动项:<列表>  ·  推迟:<列表>  ·  拒绝:<项目 — 原因>
闭环方式:<告知了谁哪些变了>

快速参考

情况模式
早期概念,方向不明确30%请求——仅结构,低保真工件,声明细节未完成
接近最终的线框图90%请求——细节修正,无大改动
模糊反馈(“让它更突出”)澄清问题:“当前版本给用户造成了什么问题?”
解决方案形式的反馈在评估解决方案之前询问潜在问题
评审者说“我会……”引导到用户:“根据我们的研究,用户会怎么做?”
声音大的人主导轮流发言;指名邀请安静的成员
评审者不愿在小组中发言异步跟进渠道,由引导者整合
分布式/时区差异大的团队通过标记评论进行异步评审,具名并跟进
展示复杂的多屏流程先流程概述,再逐屏,用用户的语言叙述
评审后的反馈堆积五状态筛选:现在/以后/研究/澄清/拒绝并附原因
利益相关者的品味 vs 用户目标以书面形式对照问题陈述进行裁决
会议结束感谢 + 下一步操作 + 带每项状态的摘要
下一轮评审新旧版本并排显示,附带驱动更改的反馈

反模式

错误修正
提问时只说“有什么想法吗?”说明目标、阶段和一个或两个具体问题
为方向性问题使用高保真线框图匹配保真度到你想要的反馈层级
等到90%才进行第一次评审30%检查点——在变更成本变高之前获取早期反馈
引导者自己做笔记专职记录员;记录线框图 + 区域 + 评论 + 谁说的
在会议上辩护每条评论澄清,记录,在筛选中决定
在会议中重新设计评审进行分析;创建是之后经过反思的独立过程
邀请所有人“为了知情”只邀请其意见能推动当前阶段的人
轻视反应性/方向性评论挖掘它们:“你是什么意思?”/“这对用户的任务有何影响?”
采纳每条评论对照问题陈述进行筛选;委员会设计失败
无声丢弃反馈每个项目都有状态;“否”需记录原因
只有批评性的评论说出什么有效以及为什么,以便在迭代中幸存
将评审视为批准关口分开论坛:评审改进,签字决定

配套技能

情况协同触发
围绕评审呈现、版本管理或共享线框图wireframe-collaboration
将评审评论基于具名启发式而非品味dec-nielsen-heuristics, usability-heuristics
传达严厉的评审使其表现为可结束的而非针对个人si-corrective-feedback
在标记反馈为“否”之前——先陈述最有力的版本blind-steelman

…

[为翻译截断]

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能