產(chǎn)品設(shè)計(jì)：后臺(tái)列表頁(yè)如何設(shè)計(jì)？

更新時(shí)間:2021年01月27日17時(shí)47分來(lái)源:傳智教育瀏覽次數(shù):

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

后臺(tái)列表設(shè)計(jì)

在這之前，我們先梳理一下后臺(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ì)完成，接下來(lái)就是UI、開發(fā)、測(cè)試、上線;

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

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

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

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

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

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

后臺(tái)的列表類頁(yè)面在注意到以上的內(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)品，通常來(lái)說(shuō)，表中的數(shù)據(jù)有多種狀態(tài)，我們作為產(chǎn)品經(jīng)理，需要跟需求方確認(rèn)好數(shù)據(jù)的不同狀態(tài)及如何觸發(fā)的，針對(duì)每類數(shù)據(jù)，我們可以做哪些操作等;

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

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

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

好口碑IT培訓(xùn)