產(chǎn)品設(shè)計：后臺列表頁如何設(shè)計？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

傳智教育的產(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)崗的你，還在猶豫什么，趕緊上車吧!

猜你喜歡：

如何撰寫產(chǎn)品需求文檔(PRD)?產(chǎn)品經(jīng)理須知!

敏捷開發(fā)流程圖和敏捷開發(fā)十二原則

流程圖怎么畫?做為產(chǎn)品經(jīng)理的你會畫流程圖嗎?

互聯(lián)網(wǎng)產(chǎn)品如何實(shí)現(xiàn)個性化推薦?

傳智教育產(chǎn)品經(jīng)理培訓(xùn)課程