首頁(yè)技術(shù)文章正文

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

更新時(shí)間:2021-01-27 來(lái)源:黑馬程序員 瀏覽量:

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

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

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

1.需求方提出各類(lèi)需求,產(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、開(kāi)發(fā)、測(cè)試、上線;

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

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

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

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

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

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

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

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

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

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

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

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


1577370495235_學(xué)IT就到黑馬程序員.gif

猜你喜歡:

什么是PRD?如何寫(xiě)PRD?

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

產(chǎn)品流程圖怎么畫(huà)?

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

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

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!