面對(duì)線(xiàn)下客戶(hù)流量減少、客戶(hù)離店后無(wú)法觸達(dá)等各方面問(wèn)題，越來(lái)越多的商家選擇搭建自己的小程序商城。而作為給商家提供小程序開(kāi)發(fā)維護(hù)等全方面服務(wù)的平臺(tái)，面對(duì)需要不同類(lèi)型、風(fēng)格的商家都需要重新開(kāi)發(fā)一套小程序，成本顯然過(guò)高。大多數(shù)情況下，許多商家的需求是有重疊的地方，平臺(tái)對(duì)功能復(fù)用，避免再次開(kāi)發(fā)就顯得尤為重要，下面就一起來(lái)看一下小程序商城裝修的功能設(shè)計(jì)。
先用一個(gè)例子來(lái)概括平臺(tái)實(shí)現(xiàn)小程序裝修的過(guò)程：當(dāng)我們有番茄和雞蛋的時(shí)候，我們可以通過(guò)不同的烹飪手法做出番茄炒雞蛋、番茄蛋花湯、番茄蛋卷等不同的菜式。
番茄和雞蛋相當(dāng)于平臺(tái)已有的功能，番茄炒雞蛋等不同的菜式相當(dāng)于不同的小程序樣式，烹飪手法相當(dāng)于通過(guò)對(duì)功能前端展示上的調(diào)整，例如：顏色、文案、布局等改變來(lái)配置出不同的小程序樣式。
也即對(duì)于不同需求的商家，平臺(tái)通過(guò)控制開(kāi)放給每個(gè)商家的功能以及前端樣式來(lái)確定小程序的基礎(chǔ)框架來(lái)避免重復(fù)開(kāi)發(fā)，商家只需要在后臺(tái)完成對(duì)應(yīng)的內(nèi)容配置，減少操作步驟。
平臺(tái)功能權(quán)限：抽象出平臺(tái)已開(kāi)發(fā)的、獨(dú)立閉環(huán)的、可復(fù)用的所有功能，通過(guò)給不同的商家配置不同的功能使用權(quán)限來(lái)滿(mǎn)足小程序個(gè)性化需求，對(duì)于未來(lái)新開(kāi)發(fā)的功能也需要考慮其復(fù)用性。
例如：商家A、B都需要通過(guò)發(fā)放優(yōu)惠券來(lái)刺激有需求的客戶(hù)去下單購(gòu)買(mǎi)，但他們發(fā)放的優(yōu)惠券的金額、數(shù)量、使用規(guī)則等都不一樣，但平臺(tái)可將優(yōu)惠券功能抽象成可配置項(xiàng)，不同商家可通過(guò)配置不同規(guī)則發(fā)送優(yōu)惠券，客戶(hù)可在小程序領(lǐng)取；對(duì)于有需求的商家平臺(tái)通過(guò)配置此功能的使用權(quán)限來(lái)滿(mǎn)足，不需要再次使用大量成本重新開(kāi)發(fā)。
需要注意的點(diǎn)：平臺(tái)可復(fù)用功能的窮舉，對(duì)每層之間內(nèi)容做到相互獨(dú)立，完全窮盡，避免可能會(huì)出現(xiàn)的遺漏：一般來(lái)說(shuō)我們都會(huì)先考慮到需要配置的功能，遺漏不需要配置，能直接使用的功能，例如：購(gòu)物車(chē)、喜歡等功能；以及有關(guān)聯(lián)關(guān)系的功能考慮：關(guān)閉購(gòu)物車(chē)權(quán)限，商品列表的加入購(gòu)物車(chē)按鈕的同步關(guān)閉等等。
前端樣式配置：基于已有的功能，確定需要配置的范圍，通過(guò)調(diào)整前端顏色、文案、順序等布局排版來(lái)滿(mǎn)足不同商家不同的展示以及后續(xù)調(diào)整的動(dòng)態(tài)需求。
這一步可以操作可以由平臺(tái)或者商家完成，考慮到目前平臺(tái)客戶(hù)普遍希望盡量少的操作，且并未涉及到頻繁改動(dòng)小程序基礎(chǔ)框架，因此目前操作由平臺(tái)方完成來(lái)減輕商家的理解和操作成本。
對(duì)于客戶(hù)而言，可以直接看到、感知到的還是小程序中的每個(gè)頁(yè)面，但并不是每個(gè)頁(yè)面都需要配置，這樣給商家自身帶來(lái)的配置管理成本也會(huì)增高；我們可以通過(guò)綜合考慮承載客戶(hù)流量、能促進(jìn)客戶(hù)轉(zhuǎn)化的頁(yè)面和商家特定需要的功能頁(yè)面來(lái)確定需要配置的范圍。可以從確定底部露出的主導(dǎo)航頁(yè)面，需要配置的頁(yè)面，頁(yè)面中功能模塊之間的順序，每個(gè)功能模塊的配置內(nèi)容，綜合確定小程序主題風(fēng)格幾個(gè)方面考慮來(lái)確定小程序的框架。
以首頁(yè)中功能球配置來(lái)示例說(shuō)明每個(gè)功能模塊需要考慮的問(wèn)題，以及對(duì)應(yīng)的思考：
- 每個(gè)功能模塊是什么、用來(lái)干什么：我們將模塊抽象并命名，清楚了解背后的定義，但商家配置時(shí)是并不了解這是，需要干什么，圖文示例能清楚輔助我們?nèi)プ稣f(shuō)明，同時(shí)對(duì)商家需要進(jìn)行的操作做清晰指導(dǎo)，例如可配置功能球整體模塊的位置，每行功能球的個(gè)數(shù)，每個(gè)功能球的圖標(biāo)、名稱(chēng)、可以跳轉(zhuǎn)的功能，功能球之間的順序。
- 功能模塊獨(dú)立閉環(huán)、可復(fù)用：一個(gè)頁(yè)面可能是由多個(gè)不同功能模塊配置出來(lái)，也可能出現(xiàn)同一個(gè)頁(yè)面中復(fù)用多次同一功能模塊、多個(gè)入口進(jìn)入到同一個(gè)功能的情況，因此在設(shè)計(jì)前端功能模塊的配置時(shí)，也需要考慮功能模塊的獨(dú)立閉環(huán)、可復(fù)用性。
- 減少需要配置的內(nèi)容：可能商家一開(kāi)始提一堆這個(gè)那個(gè)需要配置問(wèn)題后，配置的時(shí)候吐槽：系統(tǒng)真難用了，怎么要配置這么多內(nèi)容。人都是懶惰的，想要很多并不代表想畫(huà)精力做這么多，可通過(guò)提供不同模板、系統(tǒng)圖標(biāo)供商家選擇，選擇后自動(dòng)帶出對(duì)應(yīng)內(nèi)容，可修改、新增功能球，減少商家配置內(nèi)容。
例如：搜索模塊：設(shè)置熱門(mén)搜索，讓顧客搜索更加方便可參考，提升用戶(hù)使用體驗(yàn)；輪播圖：添加高質(zhì)量精美的商品圖片進(jìn)行輪播，對(duì)用戶(hù)形成更加強(qiáng)烈的吸引力。跳轉(zhuǎn)到指定的商品引導(dǎo)轉(zhuǎn)化。
關(guān)于小程序裝修的其他思考：
- 盡早規(guī)劃：當(dāng)開(kāi)始出現(xiàn)兩套小程序模板，且有互相之間能復(fù)用的功能時(shí)就應(yīng)該開(kāi)始規(guī)劃功能的復(fù)用問(wèn)題，避免出現(xiàn)后面功能模塊間耦合嚴(yán)重、模板差異越來(lái)越大等一系列后遺癥。
- 技術(shù)邊界問(wèn)題：我們是基于小程序做開(kāi)發(fā)，必然會(huì)有一系列小程序開(kāi)發(fā)的技術(shù)邊界問(wèn)題，應(yīng)該多跟研發(fā)同學(xué)溝通，提前了解可以設(shè)計(jì)的范圍、可能出現(xiàn)的問(wèn)題及應(yīng)對(duì)的解決方案。例如：可以通過(guò)先確定模板框架來(lái)減少響應(yīng)步驟緩解加載慢的問(wèn)題。
- 減少用戶(hù)操作：復(fù)雜的操作必然會(huì)帶來(lái)一定的理解成本和操作成本，人都是懶惰的，盡可能減少用戶(hù)操作成本。
本文地址：http://murenxiang.com.cn//article/2021/1226/29819.html
