雷火电竞首页-中国电竞赛事及体育赛事平台

聯(lián)系我們 face+ 關(guān)于 服務 案例
首頁 案例 服務 關(guān)于 face+

如何做出優(yōu)秀的ERP后臺界面設(shè)計作品呢?

Time: 2020-01-08


作為一名產(chǎn)品的經(jīng)理人該怎么做出一份優(yōu)秀的erp后臺界面設(shè)計作品呢?接下來小編就為大家詳細的介紹一下做出優(yōu)秀的后臺界面設(shè)計是需要哪些重要部分組成的,感興趣的朋友們進來了解一下吧。


管理后臺界面(Dashboard)是給用戶使用的一個信息管理系統(tǒng),也稱作儀表盤,比如網(wǎng)站后臺、ERP系統(tǒng)界面、admin管理界面、wordpress后臺等等,用于管理和查看相關(guān)信息。

  后臺管理界面在電商網(wǎng)站、OA、ERP、等動態(tài)網(wǎng)站或 APP 都會用到,回顧幾年前的后臺 UI,哪真的是「簡單」來形容,完全沒有「設(shè)計」的成分,當然這很重要的一個原因是為了節(jié)省成本,直接讓程序員來做界面。

  要制作一個優(yōu)秀的后臺原型,認為主要就分為三個部分:

  1.對于后臺功能模塊的結(jié)構(gòu)和頁面邏輯有清晰的認識

  2.能夠熟練的使用原型工具

  3.優(yōu)秀的設(shè)計風格和設(shè)計規(guī)范

  1)是基礎(chǔ),2)是進階,3)則是讓原型變得出色的點綴。

1.png

(圖片來自網(wǎng)絡(luò))


  如何設(shè)計出色的網(wǎng)站后臺

  畫原型之前,先理清后臺管理的功能模塊,通過樹狀結(jié)構(gòu)圖來幫助自己劃分頁面和模塊。

  理清模塊之后,就可以著手設(shè)計后臺管理系統(tǒng)的骨架,個人分為三種:主模塊(主要分為哪些獨立的功能模塊),次級分類(每個功能模塊又有哪些次級的功能分類),功能事件(具體到每個功能頁面內(nèi)存在哪些主要的操作),大概的布局方式大概如下三種

  1)頂部選項卡劃分主模塊,左側(cè)邊欄劃分次級分類;

  2)左側(cè)邊欄漢堡包樣式的層級分類(偷懶~大概就是worktile的側(cè)邊欄樣式);

  3)左側(cè)邊欄二級分類列表浮出;

  思維導圖幫助理清思路很有幫助。

  思考的路線應該是自上而下,在進行模塊劃分時不要拘泥于具體的某個界面的展現(xiàn)形式。

  結(jié)構(gòu)和邏輯的清晰(骨架)>功能頁面的設(shè)計(具體到某個頁面怎么設(shè)計)>優(yōu)化性質(zhì)的功能設(shè)計(是否需要預覽,實時存儲等功能)>用戶體驗。

  必要時, 可以犧牲用戶初次使用的學習成本,初次使用的學習成本是可以為用戶熟練掌握后的使用效率讓步的。

  盡量遵循親密/對比/重復/對齊的四原則。

  對于重要但是不知道如何放置的功能,可以考慮放在頂欄的右側(cè),而不是放在主模塊上(例如把發(fā)布任務放到一堆XX管理中)

  頻繁的彈窗并不是好的選擇(必要時該彈還是要彈的),如果可以的話,展開和右側(cè)浮出半頁都是不錯的解決方式。


2.jpg

(圖片來自網(wǎng)絡(luò))


  一、后臺產(chǎn)品設(shè)計——搞清移動端需求

  根據(jù)公司的戰(zhàn)略布局不同、產(chǎn)品人員的不同,公司的產(chǎn)品經(jīng)理可能是一人全擔。對于目前我從事的工作來說,公司產(chǎn)品經(jīng)理不止一個,因此產(chǎn)品的是以模塊進行區(qū)分,因此剛剛伙伴們可能會遇到的一個困惑,就可能迎刃而解。一個功能模塊如訂單模塊,那么在移動端的情況:

  前端與后臺的不同,訂單的出發(fā)點不同;

  關(guān)注否有有運營需求;

  入口與后臺的關(guān)聯(lián)是沒有的,但是在運營之外的情況下;

  移動端設(shè)計FIRST。

  二:關(guān)于需求管理

  有時候需求不一定明確,有的團隊2周一迭代,有的是1個月一迭代。根據(jù)產(chǎn)品的生命周期,對于競品的調(diào)研與數(shù)據(jù)分析則是重點。

  三、后臺產(chǎn)品設(shè)計

  現(xiàn)在我們就進入后臺產(chǎn)品設(shè)計環(huán)節(jié)中,對于有經(jīng)驗的PM來說,其實這個順序不是一定的,可以按照自己的經(jīng)驗程度。但對于0-1歲的產(chǎn)品經(jīng)理來說,很難說一開始就知道移動端的功能點,著手后臺的產(chǎn)品設(shè)計。因為后臺的產(chǎn)品設(shè)計中,沒有華麗的交互、沒有華麗布界面布局,重要的是產(chǎn)品邏輯。

  這就決定了我在設(shè)計后臺中,所需要用的字段。列表的字段正是與前端統(tǒng)統(tǒng)呼應,當然有時候會碰到字段太多,這個時候PM需要考慮將后臺的重要字段顯示在列表上,方便相應角色去處理,其他不重要但必須有的字段可以作為單獨的查看詳情方式進行打開。


  以上就是給大家?guī)砹岁P(guān)于如何怎么做出優(yōu)秀的erp后臺界面設(shè)計作品,后臺界面的設(shè)計是對于用戶的體驗是非常的重要,所以想要吸引更加多用戶的體驗話那就不要做一些枯燥而乏味的后臺界面。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
[email protected]

辦公地址地圖
首頁 | 案例 | 服務 | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開