感謝導(dǎo)讀：很多商家現(xiàn)在會(huì)選擇在小程序上搭建自己得商城，隨著商家越來(lái)越多，對(duì)于平臺(tái)得要求也越來(lái)越高。平臺(tái)對(duì)一些功能得復(fù)用，能夠避免重復(fù)開(kāi)發(fā)。感謝總結(jié)了小程序商城裝修設(shè)計(jì)，希望對(duì)你有幫助。
面對(duì)線下客戶流量減少、客戶離店后無(wú)法觸達(dá)等各方面問(wèn)題，越來(lái)越多得商家選擇搭建自己得小程序商城。而作為給商家提供小程序開(kāi)發(fā)維護(hù)等全方面服務(wù)得平臺(tái)，面對(duì)需要不同類型、風(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)滿足小程序個(gè)性化需求，對(duì)于未來(lái)新開(kāi)發(fā)得功能也需要考慮其復(fù)用性。
例如：商家A、B都需要通過(guò)發(fā)放優(yōu)惠券來(lái)刺激有需求得客戶去下單購(gòu)買，但他們發(fā)放得優(yōu)惠券得金額、數(shù)量、使用規(guī)則等都不一樣，但平臺(tái)可將優(yōu)惠券功能抽象成可配置項(xiàng)，不同商家可通過(guò)配置不同規(guī)則發(fā)送優(yōu)惠券，客戶可在小程序領(lǐng)取；對(duì)于有需求得商家平臺(tái)通過(guò)配置此功能得使用權(quán)限來(lái)滿足，不需要再次使用大量成本重新開(kāi)發(fā)。
需要注意得點(diǎn)：平臺(tái)可復(fù)用功能得窮舉，對(duì)每層之間內(nèi)容做到相互獨(dú)立，完全窮盡，避免可能會(huì)出現(xiàn)得遺漏：一般來(lái)說(shuō)我們都會(huì)先考慮到需要配置得功能，遺漏不需要配置，能直接使用得功能，例如：購(gòu)物車、喜歡等功能；以及有關(guān)聯(lián)關(guān)系得功能考慮：關(guān)閉購(gòu)物車權(quán)限，商品列表得加入購(gòu)物車按鈕得同步關(guān)閉等等。
前端樣式配置：基于已有得功能，確定需要配置得范圍，通過(guò)調(diào)整前端顏色、文案、順序等布局排版來(lái)滿足不同商家不同得展示以及后續(xù)調(diào)整得動(dòng)態(tài)需求。
這一步可以操作可以由平臺(tái)或者商家完成，考慮到目前平臺(tái)客戶普遍希望盡量少得操作，且并未涉及到頻繁改動(dòng)小程序基礎(chǔ)框架，因此目前操作由平臺(tái)方完成來(lái)減輕商家得理解和操作成本。
對(duì)于客戶而言，可以直接看到、感知到得還是小程序中得每個(gè)頁(yè)面，但并不是每個(gè)頁(yè)面都需要配置，這樣給商家自身帶來(lái)得配置管理成本也會(huì)增高；我們可以通過(guò)綜合考慮承載客戶流量、能促進(jìn)客戶轉(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)、名稱、可以跳轉(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)容。小程序發(fā)布及內(nèi)容配置：小程序設(shè)計(jì)完成后，還有一個(gè)很重要得操作流程——授權(quán)。只有將小程序賬號(hào)授權(quán)給小程序制作平臺(tái)，才能將設(shè)計(jì)好得小程序進(jìn)行審核發(fā)布。而通過(guò)平臺(tái)完成底層功能及前端樣式得配置，商家只需要完成對(duì)于得內(nèi)容配置即可。
例如：搜索模塊：設(shè)置熱門(mén)搜索，讓顧客搜索更加方便可參考，提升用戶使用體驗(yàn)；輪播圖：添加高質(zhì)量精美得商品支持進(jìn)行輪播，對(duì)用戶形成更加強(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)題。減少用戶操作：復(fù)雜得操作必然會(huì)帶來(lái)一定得理解成本和操作成本，人都是懶惰得，盡可能減少用戶操作成本。感謝由等西柚 來(lái)自互聯(lián)網(wǎng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止感謝
題圖來(lái)自Unsplash，基于CC0協(xié)議
