好設計,反饋優質上下文分享主線

把整間公司變成上下文 · Part 3

好設計,
反饋優質上下文

一直按「同意、下一步」,
人的判斷有進來嗎?

好設計,反饋優質上下文分享主線

Jackle 陳泰呈 · 卡柏蒂資訊長

無為 = 公司的 AI 知識庫

大掌櫃 = 客戶管理系統

把公司的知識整理起來,讓大家可以向 AI 提問。

詳情可以看今年 GAI 年會錄影回放。

今天分享:怎麼讓人的經驗與回饋,進得來。

好設計,反饋優質上下文分享主線

無為的回答有錯誤

接下來做什麼?
決策有沒有理解錯?

無為回答有小錯誤
← 紀錄有瑕疵 ← 沒人回看、糾正

一天三五份,誰想逐條重讀?

舊版會議紀錄:一長串連號條目與 Action Items(示意畫面)
舊版會議紀錄 · 示意畫面(內容為虛構)
會開新視窗;看完關掉,按 → 到第 04 頁比較改版。
好設計,反饋優質上下文Demo · 長度現場掌握
DEMO 01 · 會議紀錄改版

來看一下變成怎樣了

兩份都會開新視窗,比較同一段內容變成什麼樣;看完關掉回到這裡,下一頁 05。
好設計,反饋優質上下文分享主線

改版的靈感,來自日常開發

這個做法,
其實來自我每天跟 AI 開發的方式

我先改善自己跟 AI 的工作方式,
再把這個經驗用回會議紀錄。

好設計,反饋優質上下文分享主線

html-visualizer

文字太多不想看,
我就 /html-visualizer

終端機裡輸入斜線 html-visualizer 看不懂白話解釋Codex 介面裡掛著 Html Visualizer,輸入框寫代我核准Claude Code 介面裡輸入斜線 html-visualizer
01

給我看畫面

少在腦裡重建

02

讓我直接回應

選擇、補充、評論

03

幫我整理回傳

少一點複製貼上

好設計,反饋優質上下文Demo · 長度現場掌握
DEMO 02 · 我跟 AI

舉個例子:
無為在開會錄音時,想要查其他資料

無為開會時要錄音;現在要讓人看得出「這裡可以縮小」。

示範送回 AI 的內容

選擇:加上「縮小」文字。
補充:讓人看得出縮小不會停止錄音。

新視窗裡可以實際選、補充、反白留言,按「複製拍板摘要」看送回 AI 的內容長什麼樣;回本頁看回傳示意,下一頁 08。
好設計,反饋優質上下文Demo · 長度現場掌握
DEMO 03 · 我跟同事

我想好了,
同事用起來呢?

我只說了一句

「幫我做個原型」

它自己讀程式碼

列出 16 個情境

連我沒想到的

檔案超過上限 · 暫存變孤兒 · 隔天被清理

新視窗裡按任一狀況的「播放」,看錄音中縮小、去逛別頁會發生什麼;看完關掉回到這裡,下一頁 09。
好設計,反饋優質上下文分享主線

直接傳給同事,
避免遇到省話一哥

LINE 對話截圖:我把互動 HTML 傳給同事,他直接用頁面裡的複製按鈕,把逐條回覆整理好貼回來給我
好設計,反饋優質上下文分享主線

如果你是 PM

回饋進得來,Code 出得去,
卡柏蒂發大財

下一輪PM 對規格不用寫三千字想做的功能,做成能按的1工程師直接操作、圈問題2技術意見落在畫面上3照著這個做,不用再猜4新功能 · 流程確認 · 邊界情況

拿著會動的畫面去對,比講一百句都快。

好設計,反饋優質上下文分享主線

如果你是設計師

想要 Human in the Loop,
最難搞的還是人

下一輪設計師提案不用再問你覺得呢三個版本一起做出來1大家看著同一個畫面調2版型、字體、文案即時變3調到定案,直接出完稿4視覺提案 · 文案比較 · 版型選擇
好設計,反饋優質上下文分享主線

帶走今天的方法

這套 Skill,
你也可以拿回去試

html-visualizer

圖像化說明 · 畫面對照
互動回饋 · 可操作原型

掃碼取得 Skillgithub.com/chenjackle45/html-visualizer
好設計,反饋優質上下文分享主線

回到開頭:一直按同意,少了什麼?

好設計,
反饋優質上下文

你實際怎麼工作、哪裡不順、哪些需求漏掉了。

掃碼取得 Skill
01

願意看

先讓閱讀舒服

02

看得懂

才會發現問題

03

回得方便

把經驗用回下一輪

不要一直按同意。
保持獨立思考,勇敢提供意見。

1 / 13