當(dāng)前位置：工程項(xiàng)目OA系統(tǒng) > 行業(yè)ERP > 電商ERP系統(tǒng)
電商erp界面
申請(qǐng)免費(fèi)試用、咨詢電話：400-8352-114
近年來，隨著電商行業(yè)的飛速發(fā)展，電商erp系統(tǒng)的需求量也大大提升。一款功能全面的電商ERP系統(tǒng)，不僅可以幫助各大電商平臺(tái)高效管理店鋪，同時(shí)還可以節(jié)省不少人力、物力、財(cái)力。
在設(shè)計(jì)電商ERP系統(tǒng)之前，我們首先需要盡可能全面地總結(jié)出產(chǎn)品所有的業(yè)務(wù)場(chǎng)景和用戶的使用場(chǎng)景。這個(gè)過程推薦使用泛普軟件的文檔功能來進(jìn)行梳理，使業(yè)務(wù)邏輯條理清晰化。
梳理好了產(chǎn)品業(yè)務(wù)邏輯之后，我們還需要選擇一款簡(jiǎn)單高效的原型設(shè)計(jì)工具，來快速完成原型的搭建，以節(jié)省我們?cè)诋a(chǎn)品原型階段投入的時(shí)間成本。我們使用Mockplus經(jīng)典版原型設(shè)計(jì)工具搭建了一款電商ERP系統(tǒng)的客戶端原型。
接下來一起來看看，在這款電商管理系統(tǒng)客戶端原型中，有哪些值得借鑒的設(shè)計(jì)技巧吧。
ockplus原型分享——電商管理系統(tǒng)客戶端
這套電商管理系統(tǒng)客戶端原型屬于中高保真原型，包含登錄注冊(cè)、系統(tǒng)首頁(yè)、商品管理、訂單管理、財(cái)務(wù)管理、數(shù)據(jù)分析、系統(tǒng)設(shè)置七個(gè)部分，共計(jì)22個(gè)頁(yè)面。此款原型采用了經(jīng)典的左右結(jié)構(gòu)框架，配合卡片式設(shè)計(jì)，展示了較為完整的電商ERP系統(tǒng)結(jié)構(gòu)。
首先我們一起來看看該原型的界面總覽和交互效果演示。
Mockplus原型設(shè)計(jì)實(shí)用技巧
1.使用快速格子完成卡片式設(shè)計(jì)
電商管理系統(tǒng)所包含的信息往往多而復(fù)雜，如果使用常規(guī)排版，則會(huì)造成信息堆積，無論是查看還是管理都十分不便。在設(shè)計(jì)此款原型時(shí)，我們采用了卡片式設(shè)計(jì)，使原型的美觀度和實(shí)用性都得到了有效提升。
卡片式設(shè)計(jì)主要是將文字標(biāo)題、小標(biāo)題和圖片等元素進(jìn)行整合，以卡片的形式來呈現(xiàn)，便于用戶瀏覽，也可以讓整體設(shè)計(jì)更加具有層次感。
配合Mockplus經(jīng)典版的快速格子功能，我們可以快速完成商品管理等頁(yè)面的原型設(shè)計(jì)。一起來看看是如何操作的吧：
① 首先將商品圖片、價(jià)格信息、物品名稱、編輯、刪除等元素，放置在白色矩形中，合并為組。
?、?為白色矩形添加圓角，使卡片看起來更加柔和;
?、?選中編輯好的組，使用快速格子功能復(fù)制出其他卡片;
?、?拖動(dòng)邊框，調(diào)整卡片之間的間距;
?、?點(diǎn)擊圖片，使用圖片填充功能，可以使頁(yè)面呈現(xiàn)效果更加豐富。
2.使用圖表組件搭建數(shù)據(jù)分析頁(yè)面
在數(shù)據(jù)分析等頁(yè)面，我們使用了柱狀圖、條形圖、曲線圖、餅圖、環(huán)形進(jìn)度條等組件，來完成了財(cái)務(wù)管理、數(shù)據(jù)分析等信息模塊的搭建。
在使用圖標(biāo)組件時(shí)，我們可以配合圓形、線條等組件，增加圖表組件的呈現(xiàn)樣式：
?、?雙擊圖表組件，可以修改數(shù)據(jù)、顏色等信息;
② 在設(shè)計(jì)瀏覽量模塊時(shí)，我們可以使用線段組件搭建坐標(biāo)軸，為折線圖添加數(shù)據(jù)參考;
?、?在設(shè)計(jì)用戶男女比例模塊時(shí)，我們可以使用線段和原型，讓餅狀圖組件更具設(shè)計(jì)感。
3.使用按鈕欄設(shè)計(jì)內(nèi)容切換
在訂單詳情頁(yè)面，我們使用了按鈕欄組件，設(shè)計(jì)了“訂單詳情”和“收貨與物流信息”的內(nèi)容切換。
操作技巧：
?、?首先我們使用按鈕欄組件和內(nèi)容面板設(shè)計(jì)頁(yè)面結(jié)構(gòu);
② 在子頁(yè)面分別設(shè)計(jì)好訂單頁(yè)和物流頁(yè)面的內(nèi)容，并與內(nèi)容面板相關(guān)聯(lián);
?、?拖拽鏈接點(diǎn)，將按鈕欄對(duì)應(yīng)的按鈕與內(nèi)容面板對(duì)應(yīng)的內(nèi)容進(jìn)行連接，即可完成內(nèi)容切換的設(shè)計(jì)。
4.彈出面板的設(shè)計(jì)技巧
在財(cái)務(wù)管理等頁(yè)面，我們使用了按鈕和彈出面板組件，來呈現(xiàn)了彈窗等隱藏的交互效果。在彈出面板中，我們使用了輸入框組件，并設(shè)置了占位符，來呈現(xiàn)更加真實(shí)的演示效果。
如果只需要呈現(xiàn)簡(jiǎn)單的提示效果，我們也可以直接使用彈窗組件來完成設(shè)計(jì)。
5.其他設(shè)計(jì)技巧
?、?在商品管理等頁(yè)面，我們可以使用下拉列表框組件設(shè)置相關(guān)選項(xiàng)。
?、?在設(shè)計(jì)按鈕樣式時(shí)，可以點(diǎn)擊屬性面板中的“閃電”圖標(biāo)，來呈現(xiàn)更加豐富的組件交互效果。
?、?使用相同風(fēng)格的圖標(biāo)和文本組件，可以呈現(xiàn)統(tǒng)一的視覺效果。
- 1[原創(chuàng)]管理者與員工保持“適當(dāng)”距離
- 2云電商erp
- 3電商erp為新都化工騰飛插上翅膀
- 4電商店鋪管理軟件
- 5跨境電商erp解決方案
- 6電商erp哪一個(gè)好用
- 7從Ipad菜譜到新辣道房地產(chǎn)erp系統(tǒng) 探餐飲信息化
- 8電商平臺(tái)erp
- 9服裝電商erp系統(tǒng)
- 10電子商務(wù)erp軟件模型功能介紹
- 11國(guó)內(nèi)電商平臺(tái)erp
- 12電商erp有哪些核心功能
- 13移動(dòng)商務(wù)擴(kuò)展了ERP系統(tǒng)的應(yīng)用范圍
- 14erp電商倉(cāng)儲(chǔ)系統(tǒng)
- 155S宣傳口號(hào)集錦[請(qǐng)求置頂
- 16企業(yè)電商erp管理系統(tǒng)中MTO的基本含義與關(guān)鍵因素
- 17國(guó)美電商erp助零供創(chuàng)新 共建被信任是一種快樂
- 18erp與電商集成
- 19我國(guó)電子商務(wù)物流模式是怎樣的？
- 20電商erp交易系統(tǒng)
- 21影響電商ERP系統(tǒng)的因素有哪些
- 22跨境電商erp系統(tǒng)有用嗎？
- 23電商erp系統(tǒng)如何操作?
- 24房地產(chǎn)erp智能化平臺(tái)的應(yīng)用深入“仁心”
- 25什么是電商erp系統(tǒng)
- 26電商倉(cāng)儲(chǔ)管理系統(tǒng)
- 27電商erp架構(gòu)圖
- 28電商erp界面
- 29客戶管理就是客戶資料信息的管理嗎？
- 30電商erp企業(yè)管理系統(tǒng)
成都公司：成都市成華區(qū)建設(shè)南路160號(hào)1層9號(hào)
重慶公司：重慶市江北區(qū)紅旗河溝華創(chuàng)商務(wù)大廈18樓
