2026-07-03

成為 AI 時代的產品經理 10|高保真優先:這半年我一張線框圖都沒畫

上週跟一個做設計的朋友吃飯,他說他們組把畫線框圖那一步整個砍了。我愣了半秒,然後反應過來:我自己也是。回頭翻 Figma,那個叫「低保真線框」的畫板,這半年我一次都沒打開過。

不是我變先進了。是畫了也沒用了。

線框圖便宜,這是它唯一的優點

線框圖(wireframe)當年為什麼要畫?因為「真做出來」太貴。

真做一版能點的頁面,得設計師出圖、前端切圖、來回聯調,一兩週起跳。這麼貴的東西,當然得先拿灰盒子草圖把大方向對齊了再往下走——省得白忙一場。低保真線框就是個便宜的「提前對齊」工具。便宜,是它唯一的優點。

現在「真做出來」不貴了。一句話,Lovable、v0、Bolt、Claude Code 幾分鐘就給你一個瀏覽器裡真能點的頁面。n8n 的產品團隊乾脆把線框流程整個替換掉了;Delivery Hero 有個總監一小時手刻出一個原型,沒找工程師幫忙。到 2026 年初,據產業報告有 67% 的設計團隊已經把 AI 生成工具接進了日常流程。

當「做一版真的」和「畫一版假的」花的時間差不多,假的這版就沒什麼存在的理由了。

灰盒子會藏住真正出問題的地方

低保真最煩的一點,是它逼著一屋子人對著灰盒子吵。

我吃過這個虧。一張線框擺到評審會上,大家盯著一個佔位方塊爭「這個按鈕是不是該往右挪兩格」。可那是個灰盒子——沒有真資料、沒有載入中、沒有空清單、沒有一條錯誤。真正會翻車的地方,線框一個都露不出來。等真做出來,問題全在它當初藏掉的那些狀態裡:資料一多就錯行、網慢了轉圈轉到天荒地老、使用者第一次進來空空一片不知道幹嘛。

那次之後我就想通了:與其讓大家對著一張假圖腦補,不如直接把真的擺出來,看著它跑。

我現在直接刻一個能跑的

跳過低保真,直接上一個能跑的高保真。說是「高保真」,其實門檻沒那麼高,就是四件事,我一般照這個順序來(不是什麼標準答案,是我自己順手的路子):

一是用真內容,別用 Lorem ipsum。 佔位文字會騙人——一屏假拉丁文看著都挺整齊,換成真實的長標題、真實的金額、真實的使用者名稱,版面立馬就露餡。所以我給 AI 交代的時候會直接說清楚:

「做一個訂單清單。用真實感的資料:中文商品名、真實價格區間、真實的時間戳記,別用 Lorem ipsum,別用 item1/item2。裡面要有一條超長的商品名,測一下會不會把版面撐破。」

二是把狀態填全。 載入中、空、錯誤、成功,一個都別省。這是低保真最省、也最坑的地方。我現在會追一句:「把空清單長什麼樣、載入中長什麼樣、請求失敗長什麼樣都做出來,我要一個個點過去看。」

三是真能點,不是一張好看的截圖。 能點進去、能返回、能填個表單看它怎麼反應。很多問題只有手指真的戳上去才冒出來。

四是拿到該在的地方真跑一遍。 手機上的東西就拿手機開,別在電腦上看個大概就過。我被「電腦上挺好、真機上按鈕點不到」坑過不止一次。

一版幾分鐘,於是我一次做三四個方向

以前一版原型貴,我會先在腦子裡把方案選到只剩一個「最優」,再動手——因為做錯了成本高。

現在一版就幾分鐘,這個習慣我改了。想清楚要解決什麼之後,我乾脆一次讓 AI 做三四個方向擺一起看:清單式一版、卡片式一版、一步到底一版、分步引導一版。擺到瀏覽器裡並排一點,哪個順手、哪個彆扭,比在腦子裡空想清楚太多了。挑一個方向再往深裡做,比一開始就賭對一個強。

一個下午試五個方向,這在畫線框的年代想都不敢想。


唯一讓我一直警惕的:能跑的高保真太真了,真到我自己會看著第一版就覺得「就它了,上吧」。可它只是「能點」,離「能上線」差著十萬八千里——中間還隔著一堆沒做的邊界情況、效能、安全、真實資料量。這兩件事我混過好幾回,下一篇正好專門聊這個。

現在我逼自己在第一版之後再多做兩版,不是因為我多自律,是因為我被第一版騙過太多次了。

延伸閱讀

討論

無需登入,匿名即可發言,請友善。
載入中…