對(duì)產(chǎn)品來說，原型就是自己經(jīng)驗(yàn)、想法和對(duì)需求理解的表達(dá)。如果一個(gè)原型出了問題，意味著自己對(duì)需求理解、功能設(shè)計(jì)之類的基本功還需要了解才行。這篇文章，作者分享了自己經(jīng)歷的一個(gè)原型數(shù)個(gè)問題的情況，推薦給各位學(xué)習(xí)。

“原型設(shè)計(jì)不僅是設(shè)計(jì)的一部分，更是連接想法和現(xiàn)實(shí)的橋梁?！?/p>

半個(gè)月前，公司開始對(duì)各部門進(jìn)行人才盤點(diǎn)，驟然刮起了一陣緊張風(fēng)，讓本就內(nèi)卷的氛圍更加雪上加霜，為此，我們產(chǎn)品團(tuán)隊(duì)也趕緊做了內(nèi)部自我審查。

盤點(diǎn)期間，鏡同學(xué)還發(fā)起了“產(chǎn)品薄弱項(xiàng)”的投票反饋，出乎意料地發(fā)現(xiàn)，排名前三的竟然分別是“業(yè)務(wù)需求調(diào)研”、“產(chǎn)品規(guī)劃”、“產(chǎn)品PPT方案編寫”。

是的，甚至有不少同學(xué)認(rèn)為“PPT方案編制”都是專業(yè)短板，但卻沒有一個(gè)人認(rèn)為原型設(shè)計(jì)是自己的薄弱項(xiàng)，在大家固有的認(rèn)知里，這是吃飯的家伙，屬于基操。

如果說產(chǎn)品是業(yè)務(wù)的表達(dá)載體，那么在很大程度上，原型就是產(chǎn)品的表達(dá)載體。

我認(rèn)同對(duì)業(yè)務(wù)需求的洞察與抽象、提煉客戶價(jià)值遠(yuǎn)比美化原型重要，但原型設(shè)計(jì)依然是產(chǎn)品思維的體現(xiàn)，“相對(duì)不重要”不等于“絕對(duì)不重要”。

B 端产品经理如何快速成长？

产品与业务架构主要是将整个业务工作流进行分层，梳理，然后抽象出一个个需求，将业务需求与产品合情合理的映射起来，最终使业务数据在产品中流动，执行，记录，使用。

查看详情 >

事實(shí)上，上周我還參加了好幾個(gè)同學(xué)的需求評(píng)審會(huì)，更發(fā)現(xiàn)大家對(duì)于原型設(shè)計(jì)這個(gè)專業(yè)底座還是有不少通病。

在我看來，這些問題的背后其實(shí)不僅是產(chǎn)品洞察力的缺失，也是產(chǎn)品思維不系統(tǒng)、方法論不全面所致。

或許，我們需要重新思考。

一、原型交互要提升用戶效率

“提升效率”可能是最常見的用戶價(jià)值之一，無論是to B還是to C。

先說下這個(gè)同學(xué)的原型設(shè)計(jì)案例：

簡(jiǎn)單來說，我們這個(gè)需求的業(yè)務(wù)場(chǎng)景是，企業(yè)用戶在巡檢場(chǎng)景時(shí)只需要拍個(gè)照片就可以通過AI能力輸出巡查項(xiàng)、排查建議、風(fēng)險(xiǎn)率、報(bào)告等信息，你看，一樣也是提高作業(yè)效率。

該同學(xué)的設(shè)計(jì)也很簡(jiǎn)單：點(diǎn)擊“AI巡查”功能圖標(biāo) → 進(jìn)入表單頁面 → 在表單頁面再次點(diǎn)擊“拍照”按鈕 → 拍照并上傳照片 → 返回并提交表單→輸出AI建議。

這樣設(shè)計(jì)看起來似乎并無不妥，但其實(shí)有效率提升空間，在評(píng)審會(huì)上我引導(dǎo)該產(chǎn)品同學(xué)去思考背后的業(yè)務(wù)場(chǎng)景，即，用戶使用該功能最首要、最高頻的動(dòng)作其實(shí)就在于“拍照”，而后才是智能化的數(shù)據(jù)分析。

那么，如果是這樣，用戶操作路徑可以縮短，其操作效率完全可以再提升一步，即，點(diǎn)擊“AI巡查”功能圖標(biāo)之后，直接就進(jìn)入拍照頁，這樣更符合用戶實(shí)際的操作場(chǎng)景。

咱們要有這個(gè)認(rèn)知：原型設(shè)計(jì)在交互上要服務(wù)于用戶效率，產(chǎn)品經(jīng)理不是單純地把功能實(shí)現(xiàn)，而是要使產(chǎn)品能更高效地為客戶創(chuàng)造價(jià)值。

二、界面設(shè)計(jì)：不夠美觀、缺少規(guī)范

低保真，絕對(duì)不等于無規(guī)范，更不代表可以忽略美感。

事實(shí)上，根據(jù)Forrest、Qustrics、麥肯錫等專業(yè)咨詢機(jī)構(gòu)的用戶研究，美感往往是用戶留存最重要的因素之一，是的，這也是體驗(yàn)經(jīng)濟(jì)時(shí)代的產(chǎn)品特征。

同樣的，對(duì)于原型設(shè)計(jì)來說，產(chǎn)品同學(xué)也一定要培養(yǎng)美感，只有這樣養(yǎng)成習(xí)慣之后，才會(huì)更本能地產(chǎn)生用戶共情。

比如，我們這個(gè)同學(xué)的原型設(shè)計(jì)，其列表頁面很錯(cuò)亂，因?yàn)樾枰顚懙男畔⑤^多，他甚至還做了分頁，但是，既沒有進(jìn)度提示，也沒有當(dāng)前頁面位置。

坦白說，從功能上來看，他這樣設(shè)計(jì)也能實(shí)現(xiàn)產(chǎn)品功能，但卻缺少設(shè)計(jì)師的美感和規(guī)范性，我首先建議他多看一些類似的競(jìng)品，比如，鐵路12306的卡片設(shè)計(jì)。

其次，我還是建議系統(tǒng)學(xué)習(xí)下Material Design、Human Design、Ant Design等相關(guān)設(shè)計(jì)規(guī)范，這對(duì)于我們提升對(duì)用戶美感的洞察力很重要，也是產(chǎn)品設(shè)計(jì)思維的體現(xiàn)。

三、頁面元素：未體現(xiàn)商業(yè)轉(zhuǎn)化設(shè)計(jì)

原型設(shè)計(jì)是產(chǎn)品經(jīng)理的內(nèi)心鏡像。

另一個(gè)問題則是，該同學(xué)在頁面原型上缺少對(duì)產(chǎn)品盈利點(diǎn)、成本控制等相關(guān)的設(shè)計(jì)，沒有體現(xiàn)商業(yè)化的設(shè)計(jì)意識(shí)。

比如，我們AI能力使用的是ChatGPT4.0的接口，這是收費(fèi)的，用戶使用一次大概2元左右，顯然這是有成本的，而且成本并不低。

但通過該同學(xué)的原型，我們并沒有看到對(duì)使用次數(shù)的限制，或是，購買AI付費(fèi)包的設(shè)計(jì)，這些其實(shí)是很有必要的。

成功的商業(yè)策略是找到并滿足顧客的痛點(diǎn)，同時(shí)保持成本效益。

早些年，我們某個(gè)產(chǎn)品模塊需要給用戶發(fā)送短信，但就是因?yàn)闆]有做好限制，導(dǎo)致用戶不停地惡意觸發(fā)而產(chǎn)生巨大成本，短短幾個(gè)小時(shí)就損失了好幾千元。

回到咱們上述這個(gè)AI場(chǎng)景中，我們完全可以且有必要限制下用戶使用次數(shù)，當(dāng)然，前提是也需要調(diào)研下用戶使用頻率，你看，原型設(shè)計(jì)背后其實(shí)是對(duì)業(yè)務(wù)的深刻理解。

比如，限制當(dāng)日拍照次數(shù)10次內(nèi)；或者，限制每5分鐘限制調(diào)用1次；或者，提示付費(fèi)購買AI技能包等。

當(dāng)然，這里多說一句，可能有同學(xué)會(huì)說要應(yīng)用MVP的理念，逐步迭代，不要盡善盡美，這并沒有錯(cuò)。

但鏡同學(xué)始終認(rèn)為，MVP作為最小可行性產(chǎn)品其實(shí)是開發(fā)視角，而從產(chǎn)品視角來看還是要盡可能考慮周全，絕不能當(dāng)做惰性思考的借口，要努力做到業(yè)務(wù)閉環(huán)、數(shù)據(jù)閉環(huán)的，這是道，至于如何體現(xiàn)，那是術(shù)。

換言之，在“道”上，我們要商業(yè)化、要考慮成本；在“術(shù)”上，我們可以簡(jiǎn)單處理，如，直接彈窗讓其聯(lián)系客戶購買。

四、功能設(shè)計(jì)：缺少必要的信息提示

鏡同學(xué)認(rèn)為，原型設(shè)計(jì)另一個(gè)重要作用則是需求傳遞，而好的原型設(shè)計(jì)能使得需求傳遞的效率更高。

因而，原型設(shè)計(jì)的典型特征就是要功能完整，尤其是應(yīng)該在界面、交互上需要充分體現(xiàn)設(shè)計(jì)邏輯、業(yè)務(wù)規(guī)則等。

換句話說，咱們?cè)O(shè)計(jì)越完整，越能降低溝通分歧。

比如，該同學(xué)的這個(gè)頁面需要錄入的信息很多，甚至都用上了分頁，但是在返回上級(jí)頁面時(shí)沒有“彈窗警示”，而且在提交時(shí)也沒有“提交成功”、“提交失敗”等信息提示。

如果說后者的提示是體驗(yàn)性，那么前者的提示絕對(duì)屬于功能完整性。

從用戶角度來說，彈窗絕對(duì)不是都代表打擾，試想一下，如果用戶吭哧吭哧錄入了半天的信息，一不小心誤觸了返回按鈕，但卻沒有任何提示，內(nèi)心可能會(huì)很惶恐。

從需求傳遞角度來說，我們跟開發(fā)、測(cè)試等評(píng)審時(shí)，沒有彈窗設(shè)計(jì)，也沒有toast提示，這樣傳遞的效率就很低，也很容易出現(xiàn)開發(fā)遺漏，要知道，并不是所有開發(fā)人員都會(huì)逐字逐句地查看需求文檔。

當(dāng)然，從產(chǎn)品設(shè)計(jì)上來看，若詳情頁面未填寫完畢時(shí)就點(diǎn)擊“返回”按鈕時(shí)，可以有多種實(shí)現(xiàn)方式，如：

• 數(shù)據(jù)直接保存，不會(huì)丟失，并且toast提示：您錄入的數(shù)據(jù)已保存。
• 數(shù)據(jù)仍會(huì)直接保存，但缺少toast提示，用戶體驗(yàn)欠佳，但功能設(shè)計(jì)OK。
• 如果不能保存，最好是彈窗提示，如，如果返回?cái)?shù)據(jù)將丟失；對(duì)用戶進(jìn)行提示。
• 數(shù)據(jù)不保存、返回?zé)o提示，體驗(yàn)很差。

不過，如果咱們?cè)谠驮O(shè)計(jì)中并沒有體現(xiàn)，那就很容易造成技術(shù)人員在開發(fā)時(shí)缺少依據(jù)，最后他們可能只會(huì)選擇最簡(jiǎn)單的方式，并且，后續(xù)撕逼我們也缺少底氣。

五、體驗(yàn)設(shè)計(jì)：沒有深刻理解用戶體驗(yàn)

體驗(yàn)家XMPlus創(chuàng)始人 & CEO 辛濟(jì)云說過，驅(qū)動(dòng)SaaS增長(zhǎng)的底層邏輯有兩個(gè)：營(yíng)銷邏輯和體驗(yàn)邏輯。

Salesforce前營(yíng)銷總監(jiān)在他的《訂閱經(jīng)濟(jì)》?書中指出：“我們必須重新評(píng)估軟件公司的價(jià)值定位，改變最根本的問題：從原本的“可以銷售多少產(chǎn)品”轉(zhuǎn)變?yōu)椤叭绾翁峁┓现庇X的友善服務(wù)，滿足客戶需求”。”

同時(shí)，卓越的體驗(yàn)并不僅僅是指增加娛樂性和交互的炫目，而是專注于幫助客戶更高效地達(dá)成目標(biāo)，即使是復(fù)雜的功能和流程也應(yīng)是易用和自然的，創(chuàng)造功能流程上的“卓越的平凡體驗(yàn)”。

基于此，鏡同學(xué)認(rèn)為，用戶體驗(yàn)對(duì)于產(chǎn)品經(jīng)理來說，隱藏在全周期的細(xì)節(jié)之中，而原型設(shè)計(jì)更是體驗(yàn)思維的聚合之地。

從我們這個(gè)產(chǎn)品同學(xué)的原型設(shè)計(jì)中不難看出，他其實(shí)缺乏用戶體驗(yàn)思維，僅僅只是停留在實(shí)現(xiàn)業(yè)務(wù)功能的淺層，我們隨便舉兩個(gè)小例子：

比如，這個(gè)AI需求設(shè)計(jì)是個(gè)新功能，用戶剛上手時(shí)多少還有些難度，那么在用戶初次使用時(shí)就需要引導(dǎo)用戶，但他并沒有增加功能引導(dǎo)相關(guān)的體驗(yàn)設(shè)計(jì)。

再比如，頁面上有些操作按鈕不好理解，并沒有提示文字，像上傳圖片時(shí)有大小、格式限制，但卻沒有提示文字，當(dāng)用戶上傳失敗時(shí)也沒有toast提示。

鏡同學(xué)發(fā)現(xiàn)類似于這樣的細(xì)節(jié)設(shè)計(jì)缺陷有很多，這也說明大家對(duì)于體驗(yàn)的重要性認(rèn)識(shí)不足，說到這里，我推薦大家可以看下《客戶體驗(yàn)101》、《客戶體驗(yàn)至上》這兩本書，也可以多關(guān)注學(xué)習(xí)下Qustrics等網(wǎng)站。

有人說，在原型設(shè)計(jì)的世界里，簡(jiǎn)潔是基石，實(shí)用是核心，體驗(yàn)是靈魂。我們追求的不僅是視覺上的美感，更是用戶體驗(yàn)上的極致。

當(dāng)然，原型設(shè)計(jì)不應(yīng)該是一個(gè)終點(diǎn)，而是一個(gè)持續(xù)迭代的過程，鏡同學(xué)更認(rèn)為：原型不只是工具，更是設(shè)計(jì)思維，還是一門語言。

希望對(duì)你有啟發(fā)。