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