后臺(tái)列表頁設(shè)計(jì)需要注意哪些問題？

后臺(tái)頁面主要分為三種，數(shù)據(jù)統(tǒng)計(jì)類頁面、表單類頁面、列表類頁面。今天我們跟大家聊一下列表頁的產(chǎn)品設(shè)計(jì)，講講其中的一些注意事項(xiàng)和關(guān)鍵點(diǎn)。

在這之前，我們先梳理一下后臺(tái)類項(xiàng)目的整體流程：

1.需求方提出各類需求，產(chǎn)品經(jīng)理進(jìn)行整理;

2.產(chǎn)品經(jīng)理針對(duì)需求內(nèi)容，進(jìn)行需求確認(rèn)，明確優(yōu)先級(jí);

3.針對(duì)優(yōu)先級(jí)高的需求進(jìn)行產(chǎn)品設(shè)計(jì)，注意，設(shè)計(jì)好的內(nèi)容需要跟需求方進(jìn)行確認(rèn)(可能是多次);

4.產(chǎn)品設(shè)計(jì)完成，接下來就是UI、開發(fā)、測(cè)試、上線;

這個(gè)整體過程中，針對(duì)產(chǎn)品設(shè)計(jì)的部分，多數(shù)的產(chǎn)品經(jīng)理都能夠完成，但不一定能做的很好。我們給大家提幾個(gè)注意事項(xiàng)：

1.設(shè)計(jì)后臺(tái)類頁面之前，先搭建好整體的頁面框架;注意，考慮導(dǎo)航方式;

2.將導(dǎo)航做成母版，方便后期迭代;

3.頁面的整體尺寸方面，寬度建議保持在1200左右，高度不限;

4.由于表格的字段過多，不建議在表格中全部都顯示，列表類的頁面，盡量不要出現(xiàn)橫向的滾動(dòng)條;

5.同類型的內(nèi)容，在樣式上盡量保持一致，比如按鈕或者表格等;

后臺(tái)的列表類頁面在注意到以上的內(nèi)容之后，就可以開始進(jìn)行產(chǎn)品設(shè)計(jì)了;要把這類項(xiàng)目做好，還需要幾個(gè)關(guān)鍵點(diǎn)：

1.設(shè)計(jì)好的產(chǎn)品原型要跟需求方進(jìn)行確認(rèn)，確保滿足需求方的工作要求;

2.列表類的產(chǎn)品，通常來說，表中的數(shù)據(jù)有多種狀態(tài)，我們作為產(chǎn)品經(jīng)理，需要跟需求方確認(rèn)好數(shù)據(jù)的不同狀態(tài)及如何觸發(fā)的，針對(duì)每類數(shù)據(jù)，我們可以做哪些操作等;

3.在撰寫交互說明時(shí)，要講明列表中的數(shù)據(jù)是如何取數(shù)的，涉及到計(jì)算的，比如累計(jì)金額、瀏覽量等數(shù)據(jù)，要將數(shù)據(jù)的計(jì)算方式給出;

列表類的后臺(tái)項(xiàng)目，只要把以上的注意事項(xiàng)和關(guān)鍵點(diǎn)做好，那做出來的項(xiàng)目就非常漂亮了，希望今天的內(nèi)容對(duì)大家有所幫助。

黑馬程序員的產(chǎn)品經(jīng)理學(xué)科已經(jīng)開設(shè)3年多，為各類互聯(lián)網(wǎng)公司培養(yǎng)了超過千名以上的優(yōu)秀產(chǎn)品經(jīng)理。北京校區(qū)已經(jīng)全面恢復(fù)線下，期待轉(zhuǎn)行、轉(zhuǎn)崗的你，還在猶豫什么，趕緊上車吧!

猜你喜歡：

什么是PRD？如何寫PRD？

什么是敏捷開發(fā)？十分鐘了解

產(chǎn)品流程圖怎么畫？

如何實(shí)現(xiàn)個(gè)性化推薦？

黑馬程序員產(chǎn)品經(jīng)理培訓(xùn)課程