作為一名產(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)綴。
(圖片來(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ò)的解決方式。
(圖片來(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)界面。