編輯導(dǎo)語：在同一產(chǎn)品中，有些功能如圖片上傳會在很多模塊中出現(xiàn)，這便是通用功能。通用功能的設(shè)計(jì)與常規(guī)的功能設(shè)計(jì)一樣，但因?yàn)樗诓煌K中重復(fù)使用，因此如果設(shè)計(jì)不當(dāng)便會帶來不少麻煩。本文作者分享了自己設(shè)計(jì)通用功能的經(jīng)驗(yàn)，幫你提高方案輸出效率。

有一段時(shí)間，公司運(yùn)營同事經(jīng)常向我抱怨后臺批量導(dǎo)入功能做的很差。為了解真實(shí)的情況，我把后臺所有的導(dǎo)入功能都體驗(yàn)了一遍。不僅驗(yàn)證了運(yùn)營反饋的導(dǎo)入慢、導(dǎo)入失敗等問題，還發(fā)現(xiàn)不同模塊的導(dǎo)入功能設(shè)計(jì)，無論是頁面布局，還是交互設(shè)計(jì)，都差異很大，有些模塊的導(dǎo)入功能體驗(yàn)幾乎是不可用的狀態(tài)。

事后分析原因，原來這些模塊分別由不同的產(chǎn)品經(jīng)理負(fù)責(zé)，每個(gè)人的經(jīng)驗(yàn)和能力都不同，設(shè)計(jì)偏好也不一致，在設(shè)計(jì)原型時(shí)，大家都是獨(dú)立完成，且后臺需求并不經(jīng)過設(shè)計(jì)師，直接交付開發(fā)。

最終就出現(xiàn)了不同模塊的相同功能頁面布局、交互設(shè)計(jì)差異大，部分甚至完全不可用的結(jié)果。這個(gè)問題，不僅出現(xiàn)在導(dǎo)入功能，在很多其他的功能中也同樣存在。

一、重復(fù)設(shè)計(jì)帶來的問題

同一個(gè)產(chǎn)品中，有一些功能會在很多個(gè)模塊中出現(xiàn)，這種功能稱之為“通用功能”。

如圖片上傳、數(shù)據(jù)導(dǎo)出、圖片預(yù)覽、提示彈窗等。一個(gè)產(chǎn)品中的不同模塊，可能會由不同的產(chǎn)品經(jīng)理負(fù)責(zé)。如果每當(dāng)需要使用這些通用功能時(shí)，都重新設(shè)計(jì)和開發(fā)，必然會帶來以下4個(gè)問題。

1. 產(chǎn)品方案輸出效率低

設(shè)計(jì)一個(gè)完整的功能，產(chǎn)品經(jīng)理需要做需求調(diào)研、設(shè)計(jì)業(yè)務(wù)流程、設(shè)計(jì)功能結(jié)構(gòu)、信息結(jié)構(gòu)、繪制產(chǎn)品原型、撰寫需求文檔。每一個(gè)環(huán)節(jié)的工作，都意味著時(shí)間的耗費(fèi)。

多個(gè)的產(chǎn)品經(jīng)理獨(dú)立設(shè)計(jì)同樣的功能，意味著整個(gè)團(tuán)隊(duì)付出了更多的工作量，但成果并沒有增加。從整體上看，團(tuán)隊(duì)的產(chǎn)品方案輸出效率大幅降低。

一個(gè)團(tuán)隊(duì)中有5個(gè)模塊，分別由5個(gè)產(chǎn)品經(jīng)理負(fù)責(zé)，某個(gè)功能在5個(gè)模塊中都有使用。如果每個(gè)產(chǎn)品經(jīng)理獨(dú)立設(shè)計(jì)該功能需要2天，那么團(tuán)隊(duì)就需要為該功能耗費(fèi)10天。

一個(gè)原本只需要2天的任務(wù)，產(chǎn)品團(tuán)隊(duì)用了10天，這是效率的極大降低。

2. 增加了不必要的開發(fā)成本

產(chǎn)品方案決定了研發(fā)人員的工作內(nèi)容，產(chǎn)品方案不一樣，代碼肯定也不一樣。如果多個(gè)模塊分別由不同的研發(fā)人員負(fù)責(zé)，且他們互相之間不了解對方的工作內(nèi)容，那意味著要“0代碼復(fù)用”實(shí)現(xiàn)功能。

同樣的功能，每次開發(fā)，都要獨(dú)立編寫代碼，增加了不必要的開發(fā)成本。

3. 產(chǎn)品質(zhì)量存在風(fēng)險(xiǎn)

不同的產(chǎn)品經(jīng)理，能力和經(jīng)驗(yàn)是有差異的。面對同一個(gè)功能，不同的產(chǎn)品經(jīng)理，可能會使用不同的方法，帶著各自的習(xí)慣去設(shè)計(jì)產(chǎn)品方案。

有些產(chǎn)品經(jīng)理能力強(qiáng)、經(jīng)驗(yàn)豐富，自然能設(shè)計(jì)出優(yōu)質(zhì)的產(chǎn)品方案。反過來，因?yàn)槟芰徒?jīng)驗(yàn)不足，有些產(chǎn)品經(jīng)理可能會設(shè)計(jì)出一個(gè)不合理、甚至漏洞百出的產(chǎn)品方案。如果不能通過其他方式發(fā)現(xiàn)并修正，上線后必然會暴露出產(chǎn)品質(zhì)量問題。

同樣是數(shù)據(jù)導(dǎo)入功能，A負(fù)責(zé)的模塊，經(jīng)常會出現(xiàn)導(dǎo)入失敗問題，而B負(fù)責(zé)的模塊，每次都能順利導(dǎo)入數(shù)據(jù)，這就是經(jīng)驗(yàn)和能力差異帶來的產(chǎn)品質(zhì)量風(fēng)險(xiǎn)。

4. 用戶體驗(yàn)不一致

每個(gè)產(chǎn)品經(jīng)理都有一些個(gè)人的偏好，這些偏好，也沒有對錯好壞之分。但當(dāng)他們把自己的設(shè)計(jì)偏好融入到產(chǎn)品設(shè)計(jì)中后，同樣的功能，必然會存在一些差異。功能開發(fā)上線后，就會出現(xiàn)同樣或類似的功能，視覺和交互設(shè)計(jì)不一致的情況。

有些產(chǎn)品經(jīng)理習(xí)慣使用模態(tài)彈窗來提示錯誤，有些產(chǎn)品經(jīng)理更喜歡使用toast提示。有些產(chǎn)品經(jīng)理認(rèn)為“確認(rèn)”按鈕應(yīng)該放左邊，有些認(rèn)為應(yīng)該放右邊······

對用戶來說，同一個(gè)產(chǎn)品中的相同功能，頁面設(shè)計(jì)和交互設(shè)計(jì)應(yīng)該保持一致。一致的用戶體驗(yàn)，才能讓用戶在學(xué)習(xí)和使用產(chǎn)品時(shí)，花費(fèi)的成本更少。

二、通用功能設(shè)計(jì)的注意事項(xiàng)

通用功能設(shè)計(jì)，與常規(guī)的功能設(shè)計(jì)并沒有什么太大差別。但通用功能要在不同的模塊中重復(fù)使用，因此對普適性和獨(dú)立性有特別的要求，并形成通用功能庫。

1. 窮舉使用場景，增強(qiáng)普適性

常規(guī)的功能設(shè)計(jì)，只需要考慮模塊的使用對象和使用場景。但通用功能要被用到多個(gè)模塊中，而不同的模塊，使用對象和場景都可能是不一樣的。

通過窮舉使用場景，抽象出統(tǒng)一的產(chǎn)品方案。在不同模塊的通用功能說明中，進(jìn)行備注說明，即可快速輸出產(chǎn)品方案。

圖片上傳功能，可以用在廣告管理和證據(jù)管理中，分別被運(yùn)營和客服使用。廣告管理中的圖片上傳，往往是對圖片尺寸有嚴(yán)格限制的，且每個(gè)廣告位的廣告圖尺寸要求還不一致。但證據(jù)管理模塊中，對圖片的尺寸是沒有限制的。

為了盡可能避免使用者犯錯，就需要明確告知當(dāng)前模塊對圖片尺寸限制，并在錯誤使用后，給出對應(yīng)的錯誤提示。

因此，在圖片上傳功能的通用產(chǎn)品方案中，就可以設(shè)計(jì)一個(gè)“圖片尺寸限制“的邏輯及對應(yīng)的提示文案。廣告管理模塊的圖片上傳功能，備注該模塊對應(yīng)的具體內(nèi)容，而證據(jù)管理模塊的圖片上傳功能，備注無尺寸限制邏輯。

如果產(chǎn)品方案中，沒有考慮不同場景的特殊要求，可能就會造成產(chǎn)品方案不具備通用性，無法被低成本的引用到其他模塊。

2. 降低耦合度，增強(qiáng)獨(dú)立性

功能與所在模塊的關(guān)聯(lián)性越緊密，耦合度越高，獨(dú)立性越差。耦合度高的產(chǎn)品方案，很難適用于其他模塊。

在手機(jī)充電接口沒有統(tǒng)一標(biāo)準(zhǔn)前，不同的廠家生產(chǎn)的硬件所使用的接口是不同的，如USB、lighting、type-c等。充電線和接口的關(guān)聯(lián)性很緊密，耦合度很高。這導(dǎo)致每個(gè)品牌的手機(jī)，大多只能使用特定的充電線。

在設(shè)計(jì)通用功能時(shí)，要盡可能降低通用功能與所在模塊的耦合度。將邏輯盡可能放到通用功能中實(shí)現(xiàn)，而與之關(guān)聯(lián)的模塊，通過參數(shù)傳遞方式，實(shí)現(xiàn)邏輯調(diào)用，使之能低成本連接在一起。

圖片上傳功能中，對圖片尺寸的限制功能，應(yīng)該在圖片上傳通用功能中實(shí)現(xiàn)。不同模塊在調(diào)用圖片上傳功能時(shí)，分別告知對圖片尺寸的要求。圖片上傳功能與所在模塊的關(guān)系，僅僅是參數(shù)傳遞。

通過低耦合設(shè)計(jì)，大幅度增強(qiáng)了通用功能的獨(dú)立性。

3. 形成通用功能庫，統(tǒng)一調(diào)用

產(chǎn)品規(guī)劃者有必要將通用功能梳理出來，分別安排專人完成產(chǎn)品方案設(shè)計(jì)，形成通用功能庫，供大家統(tǒng)一使用。

同時(shí)，還需要對團(tuán)隊(duì)成員進(jìn)行宣導(dǎo)，讓大家都認(rèn)識到設(shè)計(jì)和開發(fā)通用功能、確保用戶體驗(yàn)一致性的價(jià)值，在認(rèn)知和執(zhí)行上達(dá)成一致，確保通用功能庫能順利推進(jìn)。

若無法達(dá)成一致，或未能傳遞到位，部分產(chǎn)品經(jīng)理沒有按要求執(zhí)行，通用功能的設(shè)計(jì)就無法落地，最終回到原來的混亂局面。

三、通用功能設(shè)計(jì)的必要性

通用功能的本質(zhì)，是單次高質(zhì)量的產(chǎn)品方案設(shè)計(jì)和開發(fā)，重復(fù)使用。

有了通用功能，產(chǎn)品經(jīng)理在輸出產(chǎn)品方案時(shí)，只需要補(bǔ)充特定的備注說明，就完成了方案設(shè)計(jì)。于此同時(shí)，研發(fā)人員也只需要少量代碼，引用通用功能，即可完成開發(fā)。

對團(tuán)隊(duì)來說，意味著更高的產(chǎn)出效率、更低的設(shè)計(jì)和開發(fā)成本。

與此同時(shí)，設(shè)計(jì)通用功能，產(chǎn)品經(jīng)理需要更深度地挖掘用戶需求，更廣泛地窮舉使用場景，從中抽象出通用的業(yè)務(wù)邏輯，體現(xiàn)到產(chǎn)品方案中。于此同時(shí)，還要考慮如何低成本的復(fù)用到另一個(gè)模塊，甚至另一個(gè)項(xiàng)目當(dāng)中。

產(chǎn)品經(jīng)理個(gè)人的思考深度和廣度，會在這個(gè)過程中得到很好的鍛煉。

四、總結(jié)

在產(chǎn)品迭代過程中，在多個(gè)模塊中重復(fù)使用的通用功能，不應(yīng)該重復(fù)設(shè)計(jì)和開發(fā)，而應(yīng)該設(shè)計(jì)成具備普適性和獨(dú)立性的通用模塊。每次需要使用時(shí)，只需要簡單地備注說明，即可完成產(chǎn)品方案設(shè)計(jì)。從而實(shí)現(xiàn)更低成本、更高效率的產(chǎn)品設(shè)計(jì)和開發(fā)。

#專欄作家#

誓博，微信公眾號：產(chǎn)品慎思錄。人人都是產(chǎn)品經(jīng)理專欄作家。5年產(chǎn)品經(jīng)驗(yàn)，電商售后平臺后端產(chǎn)品負(fù)責(zé)人。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自 Pexels，基于 CC0 協(xié)議