設(shè)計(jì)通用功能,提高方案輸出效率
編輯導(dǎo)語(yǔ):在同一產(chǎn)品中,有些功能如圖片上傳會(huì)在很多模塊中出現(xiàn),這便是通用功能。通用功能的設(shè)計(jì)與常規(guī)的功能設(shè)計(jì)一樣,但因?yàn)樗诓煌K中重復(fù)使用,因此如果設(shè)計(jì)不當(dāng)便會(huì)帶來(lái)不少麻煩。本文作者分享了自己設(shè)計(jì)通用功能的經(jīng)驗(yàn),幫你提高方案輸出效率。
有一段時(shí)間,公司運(yùn)營(yíng)同事經(jīng)常向我抱怨后臺(tái)批量導(dǎo)入功能做的很差。為了解真實(shí)的情況,我把后臺(tái)所有的導(dǎo)入功能都體驗(yàn)了一遍。不僅驗(yàn)證了運(yùn)營(yíng)反饋的導(dǎo)入慢、導(dǎo)入失敗等問(wèn)題,還發(fā)現(xiàn)不同模塊的導(dǎo)入功能設(shè)計(jì),無(wú)論是頁(yè)面布局,還是交互設(shè)計(jì),都差異很大,有些模塊的導(dǎo)入功能體驗(yàn)幾乎是不可用的狀態(tài)。
事后分析原因,原來(lái)這些模塊分別由不同的產(chǎn)品經(jīng)理負(fù)責(zé),每個(gè)人的經(jīng)驗(yàn)和能力都不同,設(shè)計(jì)偏好也不一致,在設(shè)計(jì)原型時(shí),大家都是獨(dú)立完成,且后臺(tái)需求并不經(jīng)過(guò)設(shè)計(jì)師,直接交付開(kāi)發(fā)。
最終就出現(xiàn)了不同模塊的相同功能頁(yè)面布局、交互設(shè)計(jì)差異大,部分甚至完全不可用的結(jié)果。這個(gè)問(wèn)題,不僅出現(xiàn)在導(dǎo)入功能,在很多其他的功能中也同樣存在。
一、重復(fù)設(shè)計(jì)帶來(lái)的問(wèn)題
同一個(gè)產(chǎn)品中,有一些功能會(huì)在很多個(gè)模塊中出現(xiàn),這種功能稱(chēng)之為“通用功能”。
如圖片上傳、數(shù)據(jù)導(dǎo)出、圖片預(yù)覽、提示彈窗等。一個(gè)產(chǎn)品中的不同模塊,可能會(huì)由不同的產(chǎn)品經(jīng)理負(fù)責(zé)。如果每當(dāng)需要使用這些通用功能時(shí),都重新設(shè)計(jì)和開(kāi)發(fā),必然會(huì)帶來(lái)以下4個(gè)問(wèn)題。
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)品原型、撰寫(xiě)需求文檔。每一個(gè)環(huán)節(jié)的工作,都意味著時(shí)間的耗費(fèi)。
多個(gè)的產(chǎn)品經(jīng)理獨(dú)立設(shè)計(jì)同樣的功能,意味著整個(gè)團(tuán)隊(duì)付出了更多的工作量,但成果并沒(méi)有增加。從整體上看,團(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. 增加了不必要的開(kāi)發(fā)成本
產(chǎn)品方案決定了研發(fā)人員的工作內(nèi)容,產(chǎn)品方案不一樣,代碼肯定也不一樣。如果多個(gè)模塊分別由不同的研發(fā)人員負(fù)責(zé),且他們互相之間不了解對(duì)方的工作內(nèi)容,那意味著要“0代碼復(fù)用”實(shí)現(xiàn)功能。
同樣的功能,每次開(kāi)發(fā),都要獨(dú)立編寫(xiě)代碼,增加了不必要的開(kāi)發(fā)成本。
3. 產(chǎn)品質(zhì)量存在風(fēng)險(xiǎn)
不同的產(chǎn)品經(jīng)理,能力和經(jīng)驗(yàn)是有差異的。面對(duì)同一個(gè)功能,不同的產(chǎn)品經(jīng)理,可能會(huì)使用不同的方法,帶著各自的習(xí)慣去設(shè)計(jì)產(chǎn)品方案。
有些產(chǎn)品經(jīng)理能力強(qiáng)、經(jīng)驗(yàn)豐富,自然能設(shè)計(jì)出優(yōu)質(zhì)的產(chǎn)品方案。反過(guò)來(lái),因?yàn)槟芰徒?jīng)驗(yàn)不足,有些產(chǎn)品經(jīng)理可能會(huì)設(shè)計(jì)出一個(gè)不合理、甚至漏洞百出的產(chǎn)品方案。如果不能通過(guò)其他方式發(fā)現(xiàn)并修正,上線(xiàn)后必然會(huì)暴露出產(chǎn)品質(zhì)量問(wèn)題。
同樣是數(shù)據(jù)導(dǎo)入功能,A負(fù)責(zé)的模塊,經(jīng)常會(huì)出現(xiàn)導(dǎo)入失敗問(wèn)題,而B(niǎo)負(fù)責(zé)的模塊,每次都能順利導(dǎo)入數(shù)據(jù),這就是經(jīng)驗(yàn)和能力差異帶來(lái)的產(chǎn)品質(zhì)量風(fēng)險(xiǎn)。
4. 用戶(hù)體驗(yàn)不一致
每個(gè)產(chǎn)品經(jīng)理都有一些個(gè)人的偏好,這些偏好,也沒(méi)有對(duì)錯(cuò)好壞之分。但當(dāng)他們把自己的設(shè)計(jì)偏好融入到產(chǎn)品設(shè)計(jì)中后,同樣的功能,必然會(huì)存在一些差異。功能開(kāi)發(fā)上線(xiàn)后,就會(huì)出現(xiàn)同樣或類(lèi)似的功能,視覺(jué)和交互設(shè)計(jì)不一致的情況。
有些產(chǎn)品經(jīng)理習(xí)慣使用模態(tài)彈窗來(lái)提示錯(cuò)誤,有些產(chǎn)品經(jīng)理更喜歡使用toast提示。有些產(chǎn)品經(jīng)理認(rèn)為“確認(rèn)”按鈕應(yīng)該放左邊,有些認(rèn)為應(yīng)該放右邊······
對(duì)用戶(hù)來(lái)說(shuō),同一個(gè)產(chǎn)品中的相同功能,頁(yè)面設(shè)計(jì)和交互設(shè)計(jì)應(yīng)該保持一致。一致的用戶(hù)體驗(yàn),才能讓用戶(hù)在學(xué)習(xí)和使用產(chǎn)品時(shí),花費(fèi)的成本更少。
二、通用功能設(shè)計(jì)的注意事項(xiàng)
通用功能設(shè)計(jì),與常規(guī)的功能設(shè)計(jì)并沒(méi)有什么太大差別。但通用功能要在不同的模塊中重復(fù)使用,因此對(duì)普適性和獨(dú)立性有特別的要求,并形成通用功能庫(kù)。
1. 窮舉使用場(chǎng)景,增強(qiáng)普適性
常規(guī)的功能設(shè)計(jì),只需要考慮模塊的使用對(duì)象和使用場(chǎng)景。但通用功能要被用到多個(gè)模塊中,而不同的模塊,使用對(duì)象和場(chǎng)景都可能是不一樣的。
通過(guò)窮舉使用場(chǎng)景,抽象出統(tǒng)一的產(chǎn)品方案。在不同模塊的通用功能說(shuō)明中,進(jìn)行備注說(shuō)明,即可快速輸出產(chǎn)品方案。
圖片上傳功能,可以用在廣告管理和證據(jù)管理中,分別被運(yùn)營(yíng)和客服使用。廣告管理中的圖片上傳,往往是對(duì)圖片尺寸有嚴(yán)格限制的,且每個(gè)廣告位的廣告圖尺寸要求還不一致。但證據(jù)管理模塊中,對(duì)圖片的尺寸是沒(méi)有限制的。
為了盡可能避免使用者犯錯(cuò),就需要明確告知當(dāng)前模塊對(duì)圖片尺寸限制,并在錯(cuò)誤使用后,給出對(duì)應(yīng)的錯(cuò)誤提示。
因此,在圖片上傳功能的通用產(chǎn)品方案中,就可以設(shè)計(jì)一個(gè)“圖片尺寸限制“的邏輯及對(duì)應(yīng)的提示文案。廣告管理模塊的圖片上傳功能,備注該模塊對(duì)應(yīng)的具體內(nèi)容,而證據(jù)管理模塊的圖片上傳功能,備注無(wú)尺寸限制邏輯。
如果產(chǎn)品方案中,沒(méi)有考慮不同場(chǎng)景的特殊要求,可能就會(huì)造成產(chǎn)品方案不具備通用性,無(wú)法被低成本的引用到其他模塊。
2. 降低耦合度,增強(qiáng)獨(dú)立性
功能與所在模塊的關(guān)聯(lián)性越緊密,耦合度越高,獨(dú)立性越差。耦合度高的產(chǎn)品方案,很難適用于其他模塊。
在手機(jī)充電接口沒(méi)有統(tǒng)一標(biāo)準(zhǔn)前,不同的廠(chǎng)家生產(chǎn)的硬件所使用的接口是不同的,如USB、lighting、type-c等。充電線(xiàn)和接口的關(guān)聯(lián)性很緊密,耦合度很高。這導(dǎo)致每個(gè)品牌的手機(jī),大多只能使用特定的充電線(xiàn)。
在設(shè)計(jì)通用功能時(shí),要盡可能降低通用功能與所在模塊的耦合度。將邏輯盡可能放到通用功能中實(shí)現(xiàn),而與之關(guān)聯(lián)的模塊,通過(guò)參數(shù)傳遞方式,實(shí)現(xiàn)邏輯調(diào)用,使之能低成本連接在一起。
圖片上傳功能中,對(duì)圖片尺寸的限制功能,應(yīng)該在圖片上傳通用功能中實(shí)現(xiàn)。不同模塊在調(diào)用圖片上傳功能時(shí),分別告知對(duì)圖片尺寸的要求。圖片上傳功能與所在模塊的關(guān)系,僅僅是參數(shù)傳遞。
通過(guò)低耦合設(shè)計(jì),大幅度增強(qiáng)了通用功能的獨(dú)立性。
3. 形成通用功能庫(kù),統(tǒng)一調(diào)用
產(chǎn)品規(guī)劃者有必要將通用功能梳理出來(lái),分別安排專(zhuān)人完成產(chǎn)品方案設(shè)計(jì),形成通用功能庫(kù),供大家統(tǒng)一使用。
同時(shí),還需要對(duì)團(tuán)隊(duì)成員進(jìn)行宣導(dǎo),讓大家都認(rèn)識(shí)到設(shè)計(jì)和開(kāi)發(fā)通用功能、確保用戶(hù)體驗(yàn)一致性的價(jià)值,在認(rèn)知和執(zhí)行上達(dá)成一致,確保通用功能庫(kù)能順利推進(jìn)。
若無(wú)法達(dá)成一致,或未能傳遞到位,部分產(chǎn)品經(jīng)理沒(méi)有按要求執(zhí)行,通用功能的設(shè)計(jì)就無(wú)法落地,最終回到原來(lái)的混亂局面。
三、通用功能設(shè)計(jì)的必要性
通用功能的本質(zhì),是單次高質(zhì)量的產(chǎn)品方案設(shè)計(jì)和開(kāi)發(fā),重復(fù)使用。
有了通用功能,產(chǎn)品經(jīng)理在輸出產(chǎn)品方案時(shí),只需要補(bǔ)充特定的備注說(shuō)明,就完成了方案設(shè)計(jì)。于此同時(shí),研發(fā)人員也只需要少量代碼,引用通用功能,即可完成開(kāi)發(fā)。
對(duì)團(tuán)隊(duì)來(lái)說(shuō),意味著更高的產(chǎn)出效率、更低的設(shè)計(jì)和開(kāi)發(fā)成本。
與此同時(shí),設(shè)計(jì)通用功能,產(chǎn)品經(jīng)理需要更深度地挖掘用戶(hù)需求,更廣泛地窮舉使用場(chǎng)景,從中抽象出通用的業(yè)務(wù)邏輯,體現(xiàn)到產(chǎn)品方案中。于此同時(shí),還要考慮如何低成本的復(fù)用到另一個(gè)模塊,甚至另一個(gè)項(xiàng)目當(dāng)中。
產(chǎn)品經(jīng)理個(gè)人的思考深度和廣度,會(huì)在這個(gè)過(guò)程中得到很好的鍛煉。
四、總結(jié)
在產(chǎn)品迭代過(guò)程中,在多個(gè)模塊中重復(fù)使用的通用功能,不應(yīng)該重復(fù)設(shè)計(jì)和開(kāi)發(fā),而應(yīng)該設(shè)計(jì)成具備普適性和獨(dú)立性的通用模塊。每次需要使用時(shí),只需要簡(jiǎn)單地備注說(shuō)明,即可完成產(chǎn)品方案設(shè)計(jì)。從而實(shí)現(xiàn)更低成本、更高效率的產(chǎn)品設(shè)計(jì)和開(kāi)發(fā)。
#專(zhuān)欄作家#
誓博,微信公眾號(hào):產(chǎn)品慎思錄。人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。5年產(chǎn)品經(jīng)驗(yàn),電商售后平臺(tái)后端產(chǎn)品負(fù)責(zé)人。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Pexels,基于 CC0 協(xié)議
- 目前還沒(méi)評(píng)論,等你發(fā)揮!