原型設(shè)計,有哪些高段位的“潛規(guī)則”?
原型設(shè)計是產(chǎn)品經(jīng)理的基本功,作為產(chǎn)品經(jīng)理,我們培養(yǎng)設(shè)計的意識習(xí)慣也可以從原型設(shè)計起步。有些剛?cè)胄胁痪玫耐瑢W(xué),有時會忽略一些“潛規(guī)則”,導(dǎo)致原型雖然看起來邏輯基礎(chǔ)不錯,但設(shè)計意識不足。作者在本文中,復(fù)盤總結(jié)幾個典型的設(shè)計思維的缺失,歡迎閱讀~
產(chǎn)品經(jīng)理是強設(shè)計崗位,這體現(xiàn)在其工作的方方面面。
前兩天,我們老板早上6點多突然在經(jīng)營群里發(fā)條信息,說是拋出一個觀點供大家討論:產(chǎn)品設(shè)計環(huán)節(jié)很重要,關(guān)乎產(chǎn)品開發(fā)效率、業(yè)務(wù)支撐水平和經(jīng)營成本,因此要高度重視,不怕投入、不怕時間長,要反復(fù)論證,只要產(chǎn)品設(shè)計到位,技術(shù)開發(fā)就更快、效率更高、質(zhì)量更好、成本更低。
鏡同學(xué)感動的差點叩謝天恩,有一說一,傳統(tǒng)企業(yè)轉(zhuǎn)型互聯(lián)網(wǎng)公司的老板能有這個認知其實并不容易,尤其是規(guī)模做的很大之后,基于經(jīng)驗和習(xí)慣做事,往往是中年老板經(jīng)營企業(yè)的出發(fā)點,所以說服老板也不容易,江湖甚至有言,不少公司倒閉往往都是老板不聽指揮。
我也不止一次的提到過,產(chǎn)品經(jīng)理是個設(shè)計崗位,需要更多的設(shè)計思維,所以我們的日常工作都帶有“設(shè)計”兩字:產(chǎn)品設(shè)計、架構(gòu)設(shè)計、流程設(shè)計、功能設(shè)計、原型設(shè)計等等。
但在實際工作中,仍有不少同學(xué)對設(shè)計的理解不夠深入,一定程度上成了需求的傳話筒,過多依賴業(yè)務(wù)或運營的需求描述,缺少設(shè)計的思考深度,長此以往,設(shè)計意識愈加淡薄,職業(yè)發(fā)展嚴重受限。
因此,有人說,產(chǎn)品設(shè)計思維,既是初階產(chǎn)品經(jīng)理快速發(fā)育的打野刀,更是高級產(chǎn)品經(jīng)理的反傷刺甲。
在現(xiàn)實中呢,很多產(chǎn)品經(jīng)理對崗位的認識不夠深入,甚至有些粗放的小團隊在基礎(chǔ)認知上會把產(chǎn)品經(jīng)理等同于畫原型的,這實在是劣幣環(huán)境對產(chǎn)品行業(yè)的物理傷害,令人唏噓。
但破圈往往需要由內(nèi)向外,作為產(chǎn)品經(jīng)理,我們培養(yǎng)設(shè)計的意識習(xí)慣也可以從原型設(shè)計起步,刻意練習(xí)、百煉成鋼。
上周我評審團隊成員的一個原型設(shè)計,該同學(xué)剛?cè)胄胁痪?,邏輯基礎(chǔ)不錯但設(shè)計意識不足,本文復(fù)盤總結(jié)幾個典型的設(shè)計思維的缺失,有些雖未明確被定義為原型設(shè)計的規(guī)范,但卻稱得上是高級段位設(shè)計的“潛規(guī)則”。
希望能帶給你啟發(fā)。
1、展示的數(shù)據(jù),缺乏計算邏輯。
相信大家對數(shù)據(jù)展示類的設(shè)計一定不陌生,常見的就是數(shù)據(jù)統(tǒng)計、可視化報表等,從業(yè)務(wù)價值來看,越是復(fù)雜的業(yè)務(wù)決策越需要強力的數(shù)據(jù)支撐,顯然,數(shù)據(jù)統(tǒng)計是很重要的產(chǎn)品功能。
在數(shù)據(jù)統(tǒng)計的設(shè)計時,產(chǎn)品經(jīng)理應(yīng)該更多地圍繞業(yè)務(wù)本質(zhì)去思考,主動考慮哪些數(shù)據(jù)需要匯總統(tǒng)計,對業(yè)務(wù)有哪些價值,如何匯總分析等,而非被動的進行數(shù)據(jù)求和或運算。
原型設(shè)計的背后是產(chǎn)品思考路徑,在數(shù)據(jù)展示上,產(chǎn)品經(jīng)理容易犯兩個錯誤。
①缺乏數(shù)據(jù)統(tǒng)計的意識
舉個簡單的例子,我們在支付流水功能的設(shè)計時,很多產(chǎn)品同學(xué)在原型設(shè)計上展示僅僅是流水列表,并沒有考慮對于“支出總計”、“收入總計”的考慮,這就是設(shè)計上需要主動邁進的一小步。
因此,我們在原型設(shè)計上,完全可以在列表頁面上面增加兩個紅色的統(tǒng)計:收入總計、支出總計。
②數(shù)據(jù)值顯示不對
第二個錯誤是數(shù)據(jù)顯示太隨意,有的同學(xué)干脆復(fù)制每行的數(shù)據(jù),簡單粗暴,在頁面原型顯示上并沒有計算的邏輯支撐。
再舉個超級簡單的例子:
假如在“交易記錄”列表,有四個字段,分別是“訂單金額”、“活動優(yōu)惠”、“紅包優(yōu)惠”、“實付金額”,在列表展示時,高保真的設(shè)計應(yīng)該確保:實付金額=訂單金額 – 活動優(yōu)惠 – 紅包優(yōu)惠。
這是第一層的高保真。
如果再深入一層,假設(shè)你的交易流水列表有收入、支出和賬戶余額,那么交易記錄要互相關(guān)聯(lián),根據(jù)不同訂單的交易流水,你的“賬戶余額”要有繼承關(guān)系,即上一次的賬戶余額應(yīng)該是你下一次交易的動賬前金額。
又或者說,你的交易記錄列表頂部有統(tǒng)計,比如,總支出金額,那個該字段應(yīng)該等于列表記錄之和。
回想下你的原型設(shè)計,只是單純的復(fù)制列表信息,還是把計算邏輯體現(xiàn)出來了,鏡同學(xué)認為,這樣把計算邏輯正確的表達設(shè)計才是高保真,因為這樣不僅展示清晰,更讓你養(yǎng)成設(shè)計的思維、邏輯性的表達習(xí)慣。
2、列表展示未區(qū)分狀態(tài)。
上面說的是數(shù)據(jù)頁面的原型設(shè)計,接下來我們再看看“列表頁面”。
產(chǎn)品同學(xué)對“列表頁面”的原型設(shè)計一定不陌生,尤其是后臺產(chǎn)品經(jīng)理更是習(xí)以為常,有的同學(xué)可能會說,列表的原型有啥需要設(shè)計的的呢,按照梳理好的功能導(dǎo)圖,把相應(yīng)字段填充上去不就行了么,大不了再稍微對齊優(yōu)化下樣式,so easy呀。
所以很多產(chǎn)品經(jīng)理(尤其是剛?cè)胄胁痪玫男峦瑢W(xué))的列表原型設(shè)計類似下圖:
上面這頁原型設(shè)計是團隊成員畫的,可能有小伙伴說,這個原型畫的也不錯了啊,你看布局整挺協(xié)調(diào),列表格式也很整齊啊,算得上高保真了吧?
這里鏡同學(xué)想再談下我對“高保真”原型設(shè)計的理解,很多人在面試時也會被問到是否畫高保真原型圖,對高保真是怎么理解的,關(guān)于這個話題,我是這么理解的:
我覺得產(chǎn)品經(jīng)理要學(xué)習(xí)設(shè)計高保真的原型,但高保真絕不是指色彩豐富、交互多了一些,僅此而已,鏡同學(xué)覺得,高保真原型要盡可能的將業(yè)務(wù)邏輯、交互邏輯、頁面元素表達到位,要努力把功能背后的設(shè)計思維體現(xiàn)出來,盡可能高效地指導(dǎo)開發(fā)。
現(xiàn)實中,不少應(yīng)聘者對高保真原型的理解比較簡單粗暴,認為高保真就是色彩更豐富,加上了頁面跳轉(zhuǎn),峽谷兄弟們,有一說一,膚淺了啊。
我們看看上面的這個列表原型設(shè)計圖,可以發(fā)現(xiàn)該頁面有兩個問題:一是,字段展示不規(guī)范,如,“創(chuàng)建時間”字段用的卻是“日期格式”,其他字段也只是簡單復(fù)制,沒有做區(qū)分,這個是小問題,但也屬于不夠規(guī)范;
二是,列表展示完全體現(xiàn)不出來業(yè)務(wù)邏輯,關(guān)鍵的狀態(tài)并沒有做區(qū)分,如,“已禁用”的賬號狀態(tài)缺失、在職狀態(tài)包括“在職”、“離職”也沒有體現(xiàn),僅僅是單純的復(fù)制行數(shù),讓頁面顯得飽滿而已,背后的業(yè)務(wù)邏輯和設(shè)計思維都沒有體現(xiàn)。
列表狀態(tài)缺失是產(chǎn)品經(jīng)理常犯得一個錯誤,回想下你的原型設(shè)計,訂單列表是否按照訂單狀態(tài)逐一顯示,支付列表又是否按照支付狀態(tài)全部羅列。
事實上,關(guān)于狀態(tài)的邏輯很重要,尤其是對于B端產(chǎn)品來說,業(yè)務(wù)狀態(tài)有時甚至能多達七八個,我們產(chǎn)品經(jīng)理還需要單獨設(shè)計狀態(tài)表來指導(dǎo)開發(fā),這是很重要的產(chǎn)品設(shè)計。
但是,鏡同學(xué)還是建議你在原型設(shè)計時就養(yǎng)成這樣的規(guī)范習(xí)慣,因為這是訓(xùn)練產(chǎn)品思維,幫你形成良好的習(xí)慣,不斷提升設(shè)計思維。
圖-↑字段規(guī)范、業(yè)務(wù)狀態(tài)已優(yōu)化,更體現(xiàn)設(shè)計思維
3、時刻牢記業(yè)務(wù)邏輯。
上周,我們團隊一個產(chǎn)品同學(xué)在做CRM的數(shù)據(jù)統(tǒng)計的原型設(shè)計,其中有個功能是“客戶健康狀態(tài)”的堆疊條形圖,希望能直觀展示客戶健康情況。
業(yè)務(wù)場景是展示不同月份平臺的客戶狀態(tài)分布情況,也就是每個月平臺有多少A類客戶,有多少B類客戶,有多少C類客戶。
該同學(xué)也參考了一些競品,應(yīng)該來說該功能對于用戶掌握客戶情況很有價值,尤其是用堆疊條形圖展示,統(tǒng)計數(shù)據(jù)顯示很直觀,他第一版的界面設(shè)計如下圖示:
我們可以看到上面的“堆疊條形圖”,橫坐標是客戶數(shù)量,縱坐標是自然月份,這樣的圖形看著是很清晰,對用戶了解客戶情況也很直觀。
但是,這個界面設(shè)計并不是很合格,看著色彩豐富卻是低保真,因為這里面最重要的業(yè)務(wù)邏輯卻沒有考慮:客戶數(shù)量隨著用戶的使用,只會越來越多,也就是該條形圖應(yīng)該自下而上,逐漸增加。
并且,A類客戶、B類客戶、C類客戶,每個單獨的月度數(shù)據(jù),也應(yīng)該是自下而上逐層增加的。
大家可以看下上圖,條形展示完全沒有邏輯支撐,只是形式上的豐富,在內(nèi)在設(shè)計上卻是沒有深度思考。
但原型設(shè)計一定是圍繞著背后的業(yè)務(wù)邏輯設(shè)計,所謂高保真不是單指界面的色彩豐富,而是指設(shè)計思維上的細膩深刻。
圖-↑ 優(yōu)化后的原型設(shè)計,遵循業(yè)務(wù)邏輯
鏡同學(xué)說到這里,還是想再helight一點,這也是不少產(chǎn)品同學(xué)的誤區(qū):原型設(shè)計絕不是產(chǎn)品經(jīng)理的核心工作,產(chǎn)品思維才是競爭力內(nèi)核。
但,原型設(shè)計可以也必須用產(chǎn)品思維來設(shè)計!
我們應(yīng)該時刻牢記:原型設(shè)計本身就是設(shè)計工作,絕非只是單純的界面堆砌,背后的驅(qū)動力一定是業(yè)務(wù)邏輯為核心的產(chǎn)品思維。這也是產(chǎn)品同學(xué)在原型設(shè)計時需要考慮的問題,
以上淺薄經(jīng)驗,希望對你有產(chǎn)品參考。
專欄作家
產(chǎn)品大峽谷,公眾號:產(chǎn)品大峽谷,人人都是產(chǎn)品經(jīng)理專欄作家。七年B端產(chǎn)品經(jīng)理,供應(yīng)鏈物流與金融領(lǐng)域,擅長需求設(shè)計、業(yè)務(wù)指導(dǎo)、商業(yè)觀察等。
本文由@產(chǎn)品大峽谷 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
這不是最基本的嘛
感覺很有道理哦
原型設(shè)計的驅(qū)動力是以業(yè)務(wù)邏輯為核心的產(chǎn)品思維,很觸動我誒。