Communitygithub.com

heyviet/wireframe-feedback

用於請求或提供線框圖回饋、主持或協助設計評審,或準備線框圖供利害關係人審閱。亦適用於回饋模糊(如「讓它更突出」、「我不喜歡」)、以解決方案代替問題(如「直接移到設定」)、需決定採納哪些回饋,或評審會議失控(大聲主導、防衛心強、重複爭論無決策)之情況。

wireframe-feedback 是什麼?

此技能為設計師、產品經理及開發人員提供一套結構化流程,以有效管理線框圖回饋與設計評審。其核心原則源自 Corita Kent 的「創作與分析絕不同時進行」,強調評審應基於明確標準進行分析,收集可行資訊後即停止,目標是改善用戶體驗,而非達成共識或捍衛設計。技能支援所有主流 AI 代理平台(如 Claude Code、Cursor、Codex),並提供完整工作流程:從如何正確請求回饋(如 30/90 法則、配對審查者與問題)、給予建設性批評(區分問題與解決方案、改寫模糊措辭),到主持 45 分鐘結構化評審會議(含時間分配與角色分工),以及最終的回饋分級處理(同意立即執行、同意稍後處理、需研究、需澄清、拒絕並記錄原因)。此外,它還包含常見反模式(如「你有什麼想法?」、高保真原型用於方向性問題)及配套技能建議,確保整個回饋循環高效、專業且可追蹤。

相容平台~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% 時就建立這個慣例。

將審查者與問題配對

  • 團隊成員(產品經理、開發、研究、設計)——流程邏輯、可行性、一致性;他們代表用戶和產品發聲,也可以兼任記錄員
  • 領域專家——領域正確性(例如交易應用程式的訂單流程專家);提早邀請,他們很少被問到,通常很樂意參與
  • 利害關係人——目標對齊與限制條件;積極參與的利害關係人早點邀請,高層則晚點邀請以了解狀況
  • 如果你不想要某人的意見,就不要邀請他們。 每個被邀請者都應參與;旁觀者會稀釋會議氛圍並增加評論數量。

提供建設性回饋

以下五個特性來自 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》):

狀態含義下一步行動
同意——立即接受,直接明確納入下一輪迭代
同意——稍後接受,但非本次迭代放入待辦清單,並標記目標階段
需要研究無法根據現有資訊決定明確問題和方法
需澄清評論未被理解(非同步中常見)返回給評論者
不不會實施記錄原因,並關聯到目標或問題陳述
  • 拒絕是合理的結果——但必須有記錄的原因。默默地放棄會破壞流程所依賴的信任。
  • 在採納任何新方向之前,回到問題陳述。 它服務於用戶的目標,還是最後發言者的心血來潮?委員會設計很少成功。
  • 基於錯誤假設的回饋會觸發研究,而不是修補。 如果評審揭示了一個缺失的案例(例如註冊流程從未處理「驗證郵件未送達」的情況),在重新繪製之前先審查選項——可能還需要技術審查。

閉環

  • 與參與者分享摘要:審查了什麼、誰參加了、每個項目的狀態。給人們時間回應、澄清或在重新繪製之前補充意見。
  • 在下一輪中,新舊版本並排展示,並附上驅動每個變更的回饋——審查者可以立即看到什麼變了以及為什麼。
  • 回饋是一個循環: 整合 → 重新繪製 → 再次評審。在線框圖階段定期進行評審是整個設計過程中成本最低的風險降低手段。

必需的背景資訊

  • 你希望得到什麼樣的回應——探索、在幾個概念之間做選擇,或是對一個設計進行分析。
  • 保真度,以及它傳達了關於設計成熟度的哪些訊息。
  • 審查者需要用以評估的目標和限制條件。
  • 誰在會議中以及每個人為什麼在那裡。 邀請所有人只會產生噪音。
  • 哪些已經決定且不在討論範圍內。 說出來,否則它會被重新討論。

評估流程

  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.

相關技能