寫了兩篇關於電商系統的文章。文章，這是第三篇。本文介紹了電子商務系統的店鋪裝修功能。簡單的店鋪裝修就是頁面的動態配置。比如我們的應用首頁從上到下的布局如下:搜索欄、記錄圖、標簽欄、廣告位、產品推薦；我們可以將設計原型交付給R&D進行開發。
那麽店面裝修的作用是什麽呢？
店鋪裝修可以先改變頁面組件的布局，比如標簽欄和廣告位的位置；可以在頁面中添加或減去組件，可以在主頁中添加優惠券組件，也可以刪除輪播組件；您還可以定義不同的組件。樣式，輪播圖可以選擇3或4，標簽欄可以選擇單線或多線。
可見店鋪裝修的過程其實就是我。畫原型的過程。首先定義壹個頁面，然後定義組件，設計組件的樣式；最後，生成頁面。不過店面裝修會把這個流程寫進系統程序。修改後，系統成為修改後的系統。
同時可以看出，店鋪裝修過程中修改了系統代碼，說明技術要求比較高。
其實店鋪裝修本身就是壹個CMS系統，店鋪裝修只是CMS系統在電子商務系統中應用的壹部分。
首先，CMS系統和店面裝修
CMS系統之間的關系稱為內容管理系統，適用於很多行業，CMS系統應用於電子商務行業。成了店面裝飾。
我們來看看百度百科給出的定義:CMS是“內容管理系統”的縮寫，意思是“內容管理系統”。
內容管理系統是企業信息化建設和電子政務的新寵，也是壹個比較新的市場。對於內容管理，業內沒有統壹的定義，不同的機構有不同的理解。內容管理系統行業沒有統壹標準，但我們知道是管理內容；並且這些內容被放置在電子商務系統的各個頁面中。電商系統的內容管理也叫店鋪裝修，店鋪裝修的技術應用就是CMS技術。
在這個階段，由於不同產品和公司的需求不同，我們看到很多產品都有不同的店面裝修功能。有些產品只能調整頁面組件的布局。有些產品只能配置主頁。高科技的要求體現在很多時候我們無法充分利用CMS系統，不同的產品因為業務不同而有不同的設計。
本文將總結店鋪裝修的設計方法和手段。有好的方法不壹定能讓我們戰無不勝，但總比沒有強。
二、如何設計壹個店鋪裝修
電商系統頁面的動態配置之所以叫店鋪裝修，是因為這個功能類似於我們家的裝修。在介紹店鋪裝修之前，我們是第壹個。首先考慮如何裝修房子:
1。房子剛剛被很多房間覆蓋，不同房間的裝修肯定是不壹樣的——客廳需要放電視，測試需要上廁所，所以我們要選擇首頁。壹個漂亮的房間。
2。當我們選擇了壹個好房間，我們必須改造它。裝修前，我們還需要做壹件事，就是買家具和裝修材料。現在要裝修廁所，需要準備馬桶，垃圾桶，衛生紙。
3。當我們準備上廁所的時候，壹定要考慮這樣壹個問題:用什麽樣的廁所，最新的功能齊全的日式風格，還是市面上的普通廁所，是金廁所還是銀廁所，也就是說我們可以有多種選擇來裝飾物品。
電商系統的店鋪裝修功能其實就是裝修房子的過程，但是房子變成了我們的產品，房間變成了頁面，裝飾物品是組件。
我們在裝修房子的時候，壹定要提前考慮好自己需要什麽，然後再買回來裝修。這也是最重要的壹步。房子裝修分三步:房子和房間確定；關鍵是準備什麽物品，因為物品是買來的，有各種各樣的物品，物品的價格決定了房子的豪華程度。
同樣，對於電商店鋪的裝修來說，準備組件也是最重要的壹步，就是定義組件的樣式和規則，編寫成代碼，我們用的時候直接調用。因為妳不能自己創建新的組件，所以我們只能從系統現有的組件庫中選擇需要的組件。我們可以自定義組件的樣式，不同的組件樣式有不同的規則。
那麽什麽是組件呢？組件是壹個單元。比如carousel是組件，search是組件，product是組件，每個組件都有很多風格。
下面，我們根據裝修房子的流程，尋找店面裝修的流程以及需要準備的東西。
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.1選擇頁面:哪些頁面需要修飾？哪些頁面不需要翻新？
當我們開始裝修的時候，第壹步就是選擇要裝修的頁面。理論上所有頁面都可以裝修，但實際上我們沒必要裝修那麽多頁面。因為很多頁面的裝修是沒有意義的，所以首先要考慮哪些頁面需要翻新，哪些頁面不需要翻新。這對我們非常重要。
因為直接影響研發成本和產品設計，比如壹些相關頁面，個人中心頁面不需要翻新。在我們定義需要更新的頁面之前，我們需要考慮我們的工作。店面裝修功能最初的想法是什麽？我們開了壹家商店。為什麽要裝修呢？
因為漂亮的外觀可以吸引顧客，如果我們的室內很漂亮，那麽顧客會覺得這家店很好；換句話說，我們店鋪裝修的初衷是為了營銷需求，我們的目的是給用戶展示他們想看的東西。
所以在決定哪些頁面需要翻新之前，先考慮壹下哪些用戶來我們店，哪些頁面對用戶購買很重要。因為裝修的目的是營銷，營銷的目的是賺錢，賺錢不取決於用戶是否購買，所以必須考慮購物中心的哪些頁面對用戶的最終購買至關重要。
我們可以設身處地去思考，妳在淘寶上買東西，妳想看什麽，妳認為哪些信息是重要的，哪些信息對妳最終的購買是決定性的；妳經常接觸哪些頁面是好的，所謂的思考用戶場景。
首先是首頁，是用戶進入商城的第壹頁和頁面。這個頁面相當於壹個商場的外觀——重要的頁面，沒有人，絕對沒有人。主頁上有很多信息要顯示。包括主題玄關在內的很多活動都在首頁展示，所以首頁需要重新裝修。
有時候可能會在首頁呆壹會，看看自己最近在做什麽；並且主頁的配置需要根據具體的營銷需求。例如，節日將舉行壹些特別的活動和新產品。推薦到首頁。
在進入商品詳情頁之前，我們有時需要壹個頁面，也就是品類列表頁。此頁面僅用作頻道。在壹些小尺寸的商城系統中，底部導航欄是分類的，但實際上在稍微成熟的商城系統中，分類是不會占據底部導航的，所以分類頁面不需要翻新。
有人可能會說產品詳情頁需要翻新。先說產品詳情頁，也就是產品詳情。
是的，“信息”這個詞用得很好，需要檢驗。
因為我們買不買取決於什麽？
有人說這是需求，其實沒有意義，誇大其詞。這是壹個非常寬泛的概念，並不能指導我們做出具體的決定。
雖然作為產品經理，我從來不把需求放在嘴裏。行業內需求普遍。大家都知道，不需要壹遍又壹遍的解釋。用戶既然來詳情頁，肯定是需要的；即使他不來，他也需要。就算他不需要淘寶，他也需要。
妳到底想買什麽？這個要看對產品的理解，也就是對產品信息的理解。如果我必須花很多錢來決定買什麽東西，我相信我在買之前就知道了。
詳情頁的核心信息有兩部分:產品信息介紹和產品評價，所以這些信息的顯示會有壹些固定的格式，不能隨意更改。如果隨意更改詳情頁，會造成用戶對信息獲取的幹擾，從而影響用戶的最終購買；
進入商城，我們經常使用的組件之壹就是搜索功能。相比我們想要的產品，直接搜索似乎更方便，所有搜索結果頁面都需要翻新。
購物車頁面也是我們經常使用的頁面，購物車需要翻新。至於個人中心，不需要翻新。
同時，對於特殊活動的需求，店鋪裝修需要支持自定義頁面，將展示頁面作為特殊產品使用。當然，自定義頁面和特殊事件之間沒有必然的聯系。自定義頁面用於創建頁面和特殊事件。顯示頁面也可以內置到模板中。
4.1.1如何確定哪些頁面需要改造，哪些頁面不需要裝修？
以確定哪些頁面需要修飾。我們可以從這些方面思考:
用戶接觸頻率:接觸頻率越高，我們越需要裝修(家裏，購物車)。用戶停留時間:用戶停留時間越長，頁面越需要翻新(首頁)。用戶點擊頻率:用戶點擊壹個頁面的概率越高，需要的裝飾(搜索結果頁面)就越多。4.1.2如何判斷哪些頁面不需要修飾(不需要修飾，更不用說改變，叠代優化)
信息復雜頁面:這些頁面壹般有固定格式的用戶顯示信息(詳情頁、個人中心)。與產品關系不密切的頁面:(幫助、設置)。
4.2配置組件信息
知道了哪些頁面已經裝修好了，哪些組件已經修好了，接下來就是進入頁面配置了(知道了哪些房子和材料也有了，接下來的工作就可以做了)。
選擇頁面然後配置組件信息，最後生成整個頁面並同步到系統，需要在具體產品的交互設計中實現；這取決於妳如何布局頁面，如何拖動和交互。
在我看來，如何把以上信息放到具體的產品設計中，讓大家看得見，摸得著。
參考上面我剪的圖，基本類似於左邊的預覽圖和右邊的組件，然後填充進去，最後保存完成。
五、店鋪裝修的具體產品設計方法
首先，後臺菜單結構和店鋪裝修功能可以單獨拿出來，也可以放在推廣模塊裏，這要看系統的復雜程度。
如果裝飾功能特別簡單，比如妳可以只調整主頁上組件的位置。如果只能調整壹個或幾個組件，就放入推廣模塊。
如果店面裝修的效果只是為了放置廣告，或者是為了特殊活動搭建頁面，那店面裝修的功能就比較單壹了。放在推廣模塊裏就行了，菜單只有兩個，如下:
5.1內置於推廣系統中。
促銷系統-廣告展示位置
進入後是系統頁面預覽，顯示廣告位使用情況，可以編輯圖片，鏈接廣告位。。
促銷系統-特別活動管理
所謂的專場活動，是推廣活動的延伸，我在上壹篇文章裏提到過；進入後可以看到專題活動頁面的模塊，每個模板的風格絕對不壹樣。甚至模板可能有多個頁面(帶有底部導航欄的模板)。選擇模塊後，進入頁面的配置模式，也就是上面的步驟4.2。妳需要上傳產品，圖片等。這取決於妳設計的模板的風格。
5.2因為店鋪裝修系統是獨立存在的。
作為店面裝飾，菜單和功能如下:
1級菜單:系統頁面管理
二級菜單顯示可用於翻新的系統頁面。點擊頁面，進入頁面配置界面。(參見4.2)
1級菜單:自定義頁面管理
二級菜單顯示可以翻新的系統頁面。點擊該頁面進入頁面配置界面。(參見4.2)
Level 1菜單:創建自定義頁面
點擊進入頁面的配置界面，只是壹個空白頁。(參見4.2)
形容
妳可以考慮壹下。有壹個獨立的系統是什麽感覺？沒有比嵌入式推廣更有作用的了。由於是獨立系統，所以應該包含5.1，其次是廣告。如何開展和舉辦特別活動？
可以在可配置頁面的任意位置添加廣告和設置跳轉鏈接，不限頁面格式。
土巴圖在線免費為您提供“每次裝修報價，1-4家當地裝修公司，3套裝修設計方案”，以及裝修避坑攻略！點擊此鏈接:/朱燁/zxbj-cszy.php？to8to _ from = SEO _ zhidao _ m _ jiare & amp；Wb，可以免費獲得~