雷火平台-中国知名电竞赛事平台

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

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

Time: 2020-01-08


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


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

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

  要制作一個(gè)優(yōu)秀的后臺(tái)原型,認(rèn)為主要就分為三個(gè)部分:

  1.對(duì)于后臺(tái)功能模塊的結(jié)構(gòu)和頁(yè)面邏輯有清晰的認(rèn)識(shí)

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

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

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

1.png

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


  如何設(shè)計(jì)出色的網(wǎng)站后臺(tái)

  畫(huà)原型之前,先理清后臺(tái)管理的功能模塊,通過(guò)樹(shù)狀結(jié)構(gòu)圖來(lái)幫助自己劃分頁(yè)面和模塊。

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

  1)頂部選項(xiàng)卡劃分主模塊,左側(cè)邊欄劃分次級(jí)分類(lèi);

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

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

  思維導(dǎo)圖幫助理清思路很有幫助。

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

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

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

  盡量遵循親密/對(duì)比/重復(fù)/對(duì)齊的四原則。

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

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


2.jpg

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


  一、后臺(tái)產(chǎn)品設(shè)計(jì)——搞清移動(dòng)端需求

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

  前端與后臺(tái)的不同,訂單的出發(fā)點(diǎn)不同;

  關(guān)注否有有運(yùn)營(yíng)需求;

  入口與后臺(tái)的關(guān)聯(lián)是沒(méi)有的,但是在運(yùn)營(yíng)之外的情況下;

  移動(dòng)端設(shè)計(jì)FIRST。

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

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

  三、后臺(tái)產(chǎn)品設(shè)計(jì)

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

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


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


合作咨詢(xún)

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見(jiàn)

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開(kāi)