關於電子商務系統，我寫過兩篇文章。這是第三篇。本文將介紹電子商務系統的店鋪裝修功能。店鋪裝修簡單來說就是頁面的動態配置。例如，我們的應用程序主頁從上到下的布局如下：搜索欄、記錄地圖、標簽欄、廣告位、產品推薦；我們可以將設計原型交付給研發部門進行開發。
那麽，店鋪裝修的作用是什麽？
店鋪裝修可以從改變頁面組件的布局開始，例如標簽欄和廣告位的位置；您可以在頁面中添加或減少組件，您可以在主頁中添加優惠券組件，您可以從旋轉木馬中刪除組件；您還可以定義不同的組件樣式，旋轉木馬地圖可以是 3 或 4，標簽欄可以是單行或多行。
如您所見，店鋪裝修過程其實就是我。原型設計的過程。首先定義頁面，然後定義組件，設計組件的樣式；最後生成頁面。不過，店鋪裝修把這個過程寫進了系統程序。修改後，系統就變成了修改後的系統。
同時，可以看出，店鋪裝修過程修改的是系統代碼，這意味著技術要求相對較高。
其實，店鋪裝修本身就是壹個 CMS 系統，店鋪裝修它只是 CMS 系統在電子商務系統應用中的壹部分。
首先，CMS 系統與店鋪裝修的關系
CMS 系統被稱為內容管理系統，它適用於多個行業，而 CMS 系統應用於電子商務行業。它已成為壹種店鋪裝飾。
我們來看看百度百科給出的定義：CMS是 "Content Management System "的縮寫，意為 "內容管理系統"。
內容管理系統是企業信息化建設的新寵，電子政務也是壹個比較新的市場。對於內容管理，業界沒有統壹的定義，不同的機構有不同的理解。雖然說內容管理系統行業沒有統壹的標準，但我們知道它就是對內容的管理；而這些內容就是放置在電子商務系統中的各種頁面，電子商務系統的內容管理也被稱為網店裝修，網店裝修的技術應用就是CMS技術。
現階段，由於不同產品、不同企業的需求不同，我們看到很多產品的店鋪裝修功能也不盡相同。有些產品只能調整頁面組件的布局。有些產品只能配置主頁。技術要求高，體現在很多時候我們無法充分利用內容管理系統，而且不同的產品由於業務不同，設計也不盡相同。
本文將總結店鋪裝修的設計方法和途徑。有了好的方法，也許不能讓我們立於不敗之地，但有總比沒有強。
二、如何設計店鋪裝修
電子商務系統頁面的動態配置之所以稱為店鋪裝修，是因為這個功能類似於我們家居的裝修。在介紹店鋪裝修之前，我們先是房子。首先考慮如何裝修房子：
1、房子剛剛蓋好，房間很多，不同房間的裝修肯定不壹樣--客廳需要放電視，考需要上廁所，所以我們要選擇首頁。個好房間。
2.選好了房間，就要裝修。在裝修之前，我們還要做壹件事，那就是買家具、買裝修材料，現在我們要裝修廁所，就要準備馬桶、垃圾桶、衛生紙。
3、在準備馬桶的時候，我們要思考壹個問題：用什麽類型的馬桶，是最新的功能齊全的日式馬桶，還是市面上的普通馬桶，是金馬桶還是銀馬桶，也就是說，我們可以有多種裝修物品的選擇。
電子商務系統的店鋪裝修功能，其實就是裝修房子的過程，只不過房子變成了我們的產品，房間變成了頁面，而裝飾物品就是其中的組成部分。
我們在裝修房子的時候，要提前想好自己需要什麽，然後再買回來裝修。這也是最重要的壹步。裝修房子有三個步驟：房子和房間是壹定的；關鍵是準備什麽物品，因為物品是買回來的，有各種各樣的物品，物品的價格決定了房子的豪華程度。
同樣，對於電子商務商店的裝修而言，準備組件是最重要的壹步，即定義組件的樣式和規則，將其寫入代碼，並在使用時直接調用。由於無法自行創建新的組件，我們必須從系統的現有組件庫中選擇所需的組件。我們可以自定義組件的樣式，不同的組件樣式有不同的規則。
那麽什麽是組件呢？組件是壹個單元。例如，旋轉器是壹個組件，搜索是壹個組件，產品是壹個組件，每個組件都有許多樣式。
下面，我們根據裝修房子的流程，來了解壹下店鋪裝修的流程和需要準備的東西。
1.首先，我們要選擇要裝修的頁面，無論是首頁還是詳情頁、列表頁等，每個頁面的布局版式肯定是不壹樣的。
在選擇頁面時，有幾點需要考慮：是否每個頁面都可以翻新，每個頁面都可以翻新？而且這些都是已有的頁面，是否可以新建壹個頁面進行裝修，如果是新建頁面，這個頁面不屬於系統，如何與系統聯系。
2.選擇頁面後，我們必須選擇布局和布局的組件。以主頁為例。在哪裏搜索，在哪裏放置旋轉木馬，在哪裏放置廣告位，這些都是我們需要考慮的問題。
這就是選擇組件，前提是我們擁有這些組件，這意味著我們需要在設計產品時為每個組件定義樣式和規則。將這些組件寫入系統後，我們就可以調用它們了。 .
3.完成布局後，我們為每個組件選擇樣式和配置信息。
例如，如果我們選擇旋轉木馬，我們會選擇幾個、三個或四個；選擇樣式後，我們需要配置具體信息：我們要上傳圖片，然後設置圖片鏈接。這些組件點擊後會跳轉到其他頁面，不同的組件需要配置的信息也不盡相同，這取決於組件本身。
小結：您需要提前定義組件定義規則；裝飾分為三個步驟：選擇/創建頁面組件布局組件配置。
下面將圍繞文章的主要內容，筆者將首先介紹不同組件的樣式和配置信息，然後詳細介紹店鋪裝修流程。
三、組件類型
組件類型的豐富程度決定了裝飾效果的好壞，組件越多，可選的裝飾就越多。
例如，隨著產品的叠代和改進，常用組件會不斷增加。設計人員將對特定需求進行叠代，而組件的定義具有包容性。許多事物都可以定義為粒度可變的組件，兩個函數可以用作組件，活動也可以用作組件。
常用的組件形式：
頂部搜索欄、搜索欄、公告、產品組、業務組、輔助導航、列表導航、富文本、標題欄、引導線、輔助空白、按鈕組圖形、按鈕組文本、單張圖片、圖片旋轉木馬、圖片窗口、圖片展覽、圖標組、音頻播放器、優惠券。
以下是組件配置的說明，系統仍在優化中，可能會有壹些功能您無法理解。但這不是重點。重點在於理解設計的邏輯和方法，然後結合自己的經驗來總結知識。
組件的核心是配置組件的樣式和信息，這主要取決於我在文中所寫的內容。配置信息，這些比較重要，圖片中顯示的配置信息太復雜，有時有時用不上。
組件配置的復雜程度也可以設計得簡單壹些，這取決於具體的需求。
3.1 頂部搜索欄
頂部搜索欄嵌入在頂部導航欄中。如果頁面較多，則需要嵌入該搜索欄，以便為頁面提供更多空間。
如果頁面內容不多，頂部導航欄只能顯示標題，頂部搜索欄固定在頂部；當點擊搜索欄上的搜索區域時，需要跳轉到單獨的搜索頁面和搜索結果頁面，搜索時需要配置的欄目信息如下：
是否添加按鈕：可以選擇不添加；如果選擇在搜索欄左側或右側添加按鈕，則需要上傳按鈕圖標和圖標。您需要上傳按鈕圖標和圖標顏色，即圖標的鏈接地址。圖標也可以用圖片代替。如果使用圖片，則無需設置背景顏色。按鈕可用於設置左側或右側按鈕。搜索框背景顏色用戶搜索文本顏色搜索框樣式：直角、圓角、圓角
3.2 搜索欄
搜索欄與頂部搜索欄類似，不同之處在於頂部搜索欄是固定的，而頂部搜索欄的位置不是固定的，可以自由放置。同樣，您需要事先定義搜索頁面和搜索結果頁面。
3.3 公告
公告與橫幅廣告類似。通常需要在系統中包含產品、跳轉到文章詳情或自由設置鏈接。
3.4 商品組
商品組是比較復雜的組件之壹，因為對於電子商務系統來說，最重要的就是商品，在電子商務系統中，商品展示主要有兩種形式：@]商品列表 商品詳情是不可否認的，商品詳情是展示商品信息的主要位置，用戶的購買很大程度上取決於商品 用戶的購買很大程度上取決於商品詳情頁的設計。然而，在進入商品詳情頁之前，首先要面對的是商品列表頁。產品列表頁的質量決定了用戶進入詳情頁的概率。因此，產品列表組件的配置比較復雜。主要的配置信息有：
列表樣式：單列顯示、雙列顯示、三列顯示、列表第壹列顯示（這主要是產品列表的顯示形式）。產品選擇：選擇產品可以直接從產品列表中進入，也可以按類別、產品組
3.5 商家組
選擇商家：選擇商戶與選擇產品類似，可以直接從商戶列表訪問，也可以按類別訪問
3.6 列表導航
列表導航在大多數情況下是個人中心使用的頁面 在大多數情況下，個人中心使用的頁面是許多功能的入口，您需要編輯列表標題和鏈接地址。您可以添加多個列表；還可以選擇不同的樣式，例如無圖標和無 "查看 "提示文本。
3.7 富文本
富文本編輯器並不常用，主要是在引入偏差的地方。
3.8 按鈕組圖形
按鈕組主要用於主頁面，如家族旋轉圖的底部，可以是多個類別的入口，也可以是子模塊；定義每個按鈕的文本，上傳圖標，然後設置跳轉鏈接，可以設置為多行。
3.9 按鈕組文本
按鈕沒有圖標，主要應用場景是模塊下的功能分類，如積分下的我的積分和兌換記錄。
3.10 單張圖片
單張大圖組件，主要用於專題活動介紹頁面，通過鏈接進入專題活動列表。
3.11 圖片旋轉木馬
旋轉木馬圖片，用於每個主頁面，可設置圖片數量、鏈接地址。
3.12 優惠券
優惠券通常不按以下樣式設計，也沒有實際意義。通常可以使用圖片鏈接優惠券，也可以設計各種優惠券樣式，選擇不同的樣式，在選擇優惠券時自動填寫內容。
組件定義和設計說明
組件的類型和樣式不是越多越好，而是組件的配置越少越好，多樣性的豐富程度決定了裝飾的靈活性。不過，組件的配置置信度不宜過高。如果是自動可用的，就可以自動可用。我上面提到的圖片只是被理解，因為很多配置信息是無用的，主要的邏輯是理解 CMS 系統的邏輯。
店鋪裝修功能是壹個營銷工具，對技術要求也很高。現在基本上有兩種使用方法：
對接第三方插件：這種方法方便快捷，無需研發。缺點是功能邏輯復雜，不能有很好的用戶體驗，不利於以後的叠代，也不能很好地適合公司的業務。自主開發：這種方式研發成本很高，但優點是組件的樣式和規則可以自己定義，大大優化了用戶體驗和可操作性，但缺點是成本還是很高。
4、店鋪裝修流程
店鋪裝修首先是選擇店鋪頁面，然後配置組件信息。
4.1 選擇頁面：哪些頁面需要裝修？哪些頁面不需要裝修？
當我們開始裝飾時，第壹步是選擇需要翻新的頁面。理論上，所有頁面都可以翻新，但實際上我們並不需要裝飾那麽多頁面。因為裝飾很多頁面是沒有意義的，我們必須首先考慮哪些頁面需要翻新，哪些頁面不需要。這對我們來說非常重要。
因為這直接影響到開發成本和產品設計，例如壹些相關頁面、個人中心頁面就不需要翻新。在確定那些頁面需要翻新之前，我們需要思考壹下我們的工作。商店翻新功能的最初想法是什麽？我們已經有了壹家商店，為什麽還需要對其進行裝修？
因為漂亮的外觀可以吸引顧客，如果我們有壹個非常漂亮的內部裝飾，那麽顧客就會對店鋪產生好感；也就是說，我們店鋪裝修的最初想法是為了營銷的需要，我們的目的是讓用戶看到他們想看到的東西。
因此，在決定哪些頁面需要翻新之前，讓我們考慮壹下哪些用戶來到我們的商店，哪些頁面對他們的購買至關重要。因為翻新的目的是為了營銷，而營銷的目的是為了賺錢，而賺錢並不取決於用戶是否購買，因此我們必須考慮購物中心中哪些頁面對於用戶的最終購買至關重要。
我們可以設身處地地思考壹下，妳在淘寶上買東西的時候想看到什麽，想看到壹些妳認為重要的信息，哪些信息對妳最終的購買起決定性作用；妳經常聯想到哪些頁面是好的，即所謂的思考用戶場景。
首先是首頁，首頁是用戶進入商城的第壹個頁面和頁面。這個頁面相當於商場的外觀，是重要的頁面，沒有人，絕對沒有人進入。主頁上需要展示的信息很多。包括主題入口在內的許多活動都在主頁上展示，因此主頁需要翻新。
我有時可能會在主頁上停留壹段時間，看看我最近在做什麽活動；主頁的配置需要根據具體的營銷需求來確定。例如，節假日有壹些特別的活動，即將推出新產品。對主頁的建議。
在進入產品詳細信息頁面之前，我們有時需要壹個頁面，即分類列表頁面。該頁面僅作為壹個頻道使用。在壹些小型商城系統中，底部導航欄是用於分類的，但實際上，稍微復雜壹些的商城系統不會讓分類占據底部導航，因此分類頁面不需要翻新。
有人可能會說，產品詳情頁需要翻新。讓我們來談談產品詳情頁面，它意味著有關產品的詳細信息。
是的，"信息 "壹詞用得很好，需要加以檢驗。
因為我們買或不買取決於什麽？
有人說這是需求，但事實上它毫無意義，而且被誇大了。這是壹個非常寬泛的概念，無法指導我們做出具體的決定。
雖然作為壹名產品經理，我從不把需求掛在嘴邊。需求在業內很常見。每個人都知道，沒有必要反復解釋。既然用戶來到詳情頁，他肯定需要；即使他不來，他也有需求，即使他不需要淘寶，他也需要。
妳到底想買什麽？這取決於妳對產品的了解程度，即妳對產品信息的了解程度。如果我必須花很多錢才能決定買什麽東西，那麽我相信我在買之前就已經了解了它。
詳情頁的核心信息有兩部分：產品信息介紹、產品評價，那麽這些信息的顯示就會有壹些固定的格式，不能隨意更改。如果隨意更改詳情頁，會導致用戶訪問信息受到幹擾，從而影響用戶的最終購買；
進入商城，我們經常會用到搜索功能的壹個組件，與分類層看到的產品相比，我們想要直接搜索似乎更加方便，所有的搜索結果頁面都需要翻新
購物車頁面也是我們經常用到的壹個頁面。購物車也需要翻新，至於個人中心則不需要翻新。
同時，出於特殊活動的需要，店鋪翻新需要支持自定義頁面，展示頁面將作為特殊產品使用。當然，自定義頁面和特殊活動之間沒有必然聯系。自定義頁面用於創建頁面、特殊事件。展示頁面也可以內置於模板中
4.1.1 如何確定哪些頁面需要翻新，哪些不需要
要確定哪些頁面需要裝飾。我們可以從以下幾個方面考慮：
用戶接觸頻率：接觸頻率越高，我們需要裝飾的頁面就越多（主頁、購物車）。用戶停留時間：用戶停留時間越長，需要裝修的頁面就越多（主頁）。用戶點擊頻率：用戶點擊頁面的概率越高，就越需要裝修（搜索結果頁面）。 4.1.2 如何判斷哪些頁面不需要裝修（不需要裝修，更不需要改動，叠代優化）
信息復雜的頁面：這些頁面壹般有固定格式的用戶展示信息（詳情頁）、個人中心）。與產品關聯性不強的頁面：（幫助、設置）。
4.2 配置組件信息
知道了哪些頁面已經裝飾過，組件已經修復過，下壹步就是進入頁面配置（知道是哪間房子，材料也可用，下面的工作就可以了）。
選擇頁面，然後配置組件信息，最後生成整個頁面並同步到系統中，這需要落實到具體產品的交互設計中；就看妳如何布局頁面、如何拖放、如何交互了。
在我看來，如何將上述信息落實到具體的產品設計中，讓每個人都能看得見、摸得著。
參照我上面剪切的圖片，基本上類似於左邊是預覽圖片，右邊是組件，然後填充，最後保存，大功告成。
五、門店裝修的具體產品設計方法
首先是後臺的菜單結構，門店裝修功能可以單獨拿出來，也可以放在促銷模塊中，具體要看系統的復雜程度。
如果裝修功能特別簡單，比如只能調整組件在首頁的位置，如果只能調整壹個或幾個組件，放到推廣模塊即可。
如果店鋪裝修的效果僅僅是放置廣告，或者是為特殊活動內置頁面，那麽店鋪裝修功能就比較簡單，只需放在促銷模塊中即可，只有兩個菜單，例如：
5.1 內置於促銷系統
促銷系統 - 廣告展示位置
進入後，是系統的頁面預覽，顯示的是 廣告位置的使用情況，可以編輯廣告位置的圖片和鏈接。 .
促銷系統 - 特別活動管理
所謂的特別活動是促銷的延伸，我在上壹篇文章中已經提到過；進入後，您可以看到特別活動頁面的模塊，每個模板的風格絕對不同。即使是模板也可能有不止壹個頁面（帶有底部導航欄的模板）。選擇模塊後，進入頁面配置模式，即上述步驟 4.2。您需要上傳產品、圖片等。這取決於您設計的模板風格。
5.2 作為店鋪裝修系統獨立存在
作為店鋪裝修，菜單和功能如下：
壹級菜單：系統頁面管理
二級菜單顯示可裝修的系統頁面，點擊頁面進入頁面配置界面。 (見 4.2）
1 級菜單：自定義頁面管理
第二級菜單顯示可以翻新的系統頁面。點擊該頁面進入頁面配置界面。 (請參閱 4.2）
第壹級菜單：創建自定義頁面
單擊進入頁面配置屏幕，這只是壹個空白頁。 (請參見 4.2）
描述
您可以考慮這樣做。感受獨立系統的存在是什麽感覺？沒有比嵌入式促銷更多功能了。既然是獨立系統，就應該包含 5.1，然後是廣告。它將如何交付以及如何組織特別活動？
您可以在頁面上任何可以配置的地方添加廣告和設置跳轉鏈接，而不局限於頁面格式。
土巴兔在線為您免費提供 "家庭裝修報價、1-4家本地裝修公司、3套裝修設計方案"，以及裝修小貼士，避免陷阱！點擊此鏈接：/yezhu/zxbj-cszy.php?to8to_from=seo_zhidao_m_jiare&wb，即可免費獲取哦~