
本周,小豬創(chuàng)夢電商對商家管理系統(tǒng)(店鋪后臺)進(jìn)行了大刀闊斧的變革。此次變革不僅是頁面布局方面的重新排版,也包含頁面設(shè)計(jì)以及新功能、新版塊的增加。
頁面布局大改觀,視覺效果大不同
商家管理系統(tǒng)改版,首先體現(xiàn)在整體頁面布局方面。

1、全屏展示替代非全屏展示
商家管理系統(tǒng)頁面鋪滿整個(gè)屏幕,由非全屏改為了全屏展示。
全屏的展示方式增加了整個(gè)管理系統(tǒng)的視覺效果,能給商家耳目一新的視覺體驗(yàn)。同時(shí),視野由窄變寬,給人大氣爽朗、舒適的感覺,從而加深商家對管理系統(tǒng)的印象。
2、垂直居左導(dǎo)航替代水平橫向?qū)Ш?/strong>
管理系統(tǒng)主導(dǎo)航由頁面頂端水平橫向布局改為了頁面左端垂直豎向排版,子導(dǎo)航即二級導(dǎo)航保持垂直豎向布局。
主導(dǎo)航和子導(dǎo)航垂直平行并一一對應(yīng):點(diǎn)擊主導(dǎo)航,出現(xiàn)相對應(yīng)的子導(dǎo)航。同時(shí),以不同的顏色顯示導(dǎo)航的主次優(yōu)先順序,比如主導(dǎo)航深灰底色,子導(dǎo)航是多色彩。
相較于水平導(dǎo)航框架較為固定死板的特點(diǎn),垂直導(dǎo)航框架更為靈活,既有利于新導(dǎo)航欄目的增加(直接增加,下拉滾動查看),也利于名稱較長的導(dǎo)航標(biāo)題布局。
3、功能具體內(nèi)容居中展示
除了導(dǎo)航外,商家管理系統(tǒng)功能具體內(nèi)容排版居中展示。如果具體功能分為多個(gè)內(nèi)容的話,則其內(nèi)容概況標(biāo)題依舊保持水平橫向的布局方式,比如店鋪信息,如圖:

4、多項(xiàng)信息及功能居右展示
改版后的商家管理系統(tǒng)右側(cè)是商家店鋪信息以及多項(xiàng)常用功能的匯聚。由上而下分別是聯(lián)系客服、商家店鋪等級、店鋪綜合評分、系統(tǒng)消息、下載APP以及常用功能區(qū)域。
其中聯(lián)系客服是以前版本中的尋求幫助,供商家向客戶平臺咨詢;店鋪等級及綜合評分展示商家店鋪形象,使得商家對自己店鋪的整理概況一目了然,避免了去店鋪前端查看;下載APP,即店鋪管理APP下載渠道,便捷快速;至于常用功能,小編后文介紹。
左側(cè)導(dǎo)航、中間內(nèi)容,右側(cè)信息和功能的布局方式,極大地利用了頁面空間,避免了過多留白浪費(fèi)現(xiàn)象的產(chǎn)生。
功能設(shè)計(jì)圖文結(jié)合,具體形象
不同于以往單調(diào)的文字表達(dá)方式,改版后的管理系統(tǒng)包括主導(dǎo)航在內(nèi)的眾多功能模塊,紛紛添加了形象的圖標(biāo)設(shè)計(jì)。
圖文相結(jié)合的形式,具體形象,頁面美感度提升的同時(shí),也再次向我們證明小豬創(chuàng)夢電商碼農(nóng)哥哥們不僅會枯燥的碼代碼,也會追求美和欣賞設(shè)計(jì)美。
導(dǎo)航功能模塊重新規(guī)劃,合理有序
導(dǎo)航等功能模塊不僅如上描述擁有了新的形象,變得貌美如花,還添加了新成員,變換了新隊(duì)列、新位置。
1、新增設(shè)置板塊
商家管理系統(tǒng)一級導(dǎo)航新增設(shè)置板塊,其中包含了很多從其它板塊挪移過來的功能。
A.店鋪信息、聯(lián)系我們、物流設(shè)置以及消息通知管理由店鋪板塊移至設(shè)置板塊;
B.物流工具、訂單打印機(jī)、快遞打印模板由訂單/財(cái)務(wù)移至設(shè)置板塊,同時(shí),刪除了門店倉庫中的物流工具功能;
C.分銷設(shè)置、批發(fā)設(shè)置由分銷/批發(fā)移至設(shè)置板塊;
2、新增店鋪APP板塊
商家管理系統(tǒng)一級導(dǎo)航新增店鋪APP板塊。
關(guān)于店鋪app,請?jiān)试S小編我欠揍不怕埋汰地申明:今日只是鋪墊埋線,不會揭開其神秘面紗,欲知詳情,敬請期待下期內(nèi)容。
Ps:千萬不要罵小編,小編這么做絕不是為了吊大伙的胃口,而是不讓店鋪APP的光華被商家管理系統(tǒng)改版所遮掩。店鋪APP不當(dāng)配角,要當(dāng)主角。
3、新增收銀臺板塊
收銀臺由以前的店鋪板塊位置移至管理系統(tǒng)主導(dǎo)航中。收銀臺獨(dú)立板塊的設(shè)置彰顯了收銀臺的重要性,也更加突出了收銀臺功能,便于商家尋找操作。
4、新增交流社區(qū)板塊
交流社區(qū)和PC端商城相關(guān)聯(lián),該功能板塊的增加方便商家直接由管理系統(tǒng)跳轉(zhuǎn)至PC端商城頁面,以查看店鋪各個(gè)功能板塊的實(shí)際效果。
5、去除微信獨(dú)立板塊
改版后的管理系統(tǒng)去除了主導(dǎo)航中的微信板塊,微信功能移至應(yīng)用營銷板塊,和新增加的微博功能歸于一處。
6、應(yīng)用營銷
首先,應(yīng)用營銷板塊新增營銷渠道模塊,包括了微信和微博兩種渠道方式。
商家可以將自己購買的小豬創(chuàng)夢電商系統(tǒng)和這兩個(gè)社交平臺綁定,設(shè)置相關(guān)信息并發(fā)送圖文消息。多營銷渠道接口的增加,為商家營銷宣傳拓展了范圍。
其次,在設(shè)計(jì)方面,采用了圖標(biāo)+營銷工具名稱+簡單闡釋的方式。圖文結(jié)合的方式不僅讓商家享受了視覺盛宴,更讓商家不用打開功能,就可以知曉每個(gè)功能的效用。
最后,在布局方面,一改以往水平橫向排版、具體功能隱藏的方式,改版后的應(yīng)用營銷所有功能在頁面一次性展示,商家不用再次點(diǎn)擊就可以看到所有模塊下的營銷功能,如下圖:

常用功能獨(dú)立布局,便于操作查看
考慮到商家從導(dǎo)航模塊中查找功能費(fèi)時(shí)費(fèi)力,在商家后臺管理系統(tǒng)改版過程中,碼農(nóng)哥哥除了在導(dǎo)航中正常布局功能外,更貼心地將商家經(jīng)常使用的功能獨(dú)立出來,成立常用功能板塊,局部在管理系統(tǒng)頁面右側(cè)。
常用功能包括發(fā)布商品、訂單管理、財(cái)務(wù)概覽、頁面管理、會員管理、門店管理和收銀臺。小編要強(qiáng)調(diào)的是,供貨商和分銷商管理系統(tǒng)的常用功能分布略有不同。
以上就是商家管理系統(tǒng)(店鋪后臺)改版的全部內(nèi)容,改版后的管理系統(tǒng)已上線,商家可以喜新厭舊,體驗(yàn)新版本啦!
