產(chǎn)品面試題12:后臺(tái)設(shè)計(jì)入門：列表頁(yè)設(shè)計(jì)小技巧

時(shí)間：2023-09-01 12:06:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-01 12:06:01 來源：網(wǎng)站運(yùn)營(yíng)

產(chǎn)品面試題12:后臺(tái)設(shè)計(jì)入門：列表頁(yè)設(shè)計(jì)小技巧：大家好我是螞蟻，今天是日更100天挑戰(zhàn)的第11天，今天的內(nèi)容由Harley同學(xué)投稿，我們一起討論并編輯完成。給大家?guī)淼氖牵?br>












產(chǎn)品面試題12:

后臺(tái)產(chǎn)品入門：列表頁(yè)設(shè)計(jì)小技巧

后臺(tái)產(chǎn)品設(shè)計(jì)是一個(gè)產(chǎn)品經(jīng)理的核心能力，也是比較基本的能力，今天我們用一篇文章給大家介紹一下后臺(tái)產(chǎn)品列表頁(yè)設(shè)計(jì)規(guī)則，用一個(gè)小案例將我的后臺(tái)產(chǎn)品設(shè)計(jì)小技巧分享給你，期待與你在評(píng)論區(qū)多多交流，一起碰撞出更多的火花。

1

后臺(tái)產(chǎn)品設(shè)計(jì)入門：列表頁(yè)設(shè)計(jì)小技巧

做后臺(tái)能夠鍛煉一個(gè)人的邏輯思維，也能更好的幫助你了解公司的業(yè)務(wù)，做到快速上手。在設(shè)計(jì)后臺(tái)需求之前，你可能會(huì)收到來自老板，團(tuán)隊(duì)，業(yè)務(wù)部門等小伙伴的需求，面對(duì)這些需求，我們?cè)诤笈_(tái)設(shè)計(jì)的處理方式和前端設(shè)計(jì)基本是一樣的，同樣是遵循一個(gè)需求從0-1的設(shè)計(jì)法則：














關(guān)于后臺(tái)產(chǎn)品的頁(yè)面分類大致有這么幾個(gè)，列表頁(yè)，添加頁(yè)，詳情頁(yè)，今天我們給大家介紹一下列表頁(yè)設(shè)計(jì)小技巧：

每個(gè)后臺(tái)都有列表，列表頁(yè)在后臺(tái)設(shè)計(jì)中十分常見，在設(shè)計(jì)列表頁(yè)的時(shí)候，主要有以下幾個(gè)原則：







我們舉個(gè)簡(jiǎn)單的例子，下圖一張簡(jiǎn)單的列表頁(yè)







要設(shè)計(jì)這樣的列表頁(yè)，首先搞清楚我們這個(gè)列表叫什么，這樣的列表需要在后臺(tái)哪一個(gè)分類下面展示。

比如我們這個(gè)列表叫“流失用戶列表”，那么你先要搞清楚什么樣的用戶被稱之為流失用戶，如果流失用戶在不同的時(shí)間段的定義不同，那你還要明確流失用戶這個(gè)定義是寫死的還是后臺(tái)配置的。在做CRM系統(tǒng)時(shí)，由于我們的流失用戶在不同的時(shí)間段定義不同，于是后臺(tái)就有了專門的流失用戶配置以及配置記錄列表。

假設(shè)你已經(jīng)很清楚流失用戶列表是什么了，也很清楚這部分用戶是銷售部門需要的用戶列表，你把它放在了后臺(tái)銷售中心-用戶列表的分類下，那么該看看這個(gè)列表的主干部分— —表頭了。

如果表頭由業(yè)務(wù)部門提供給你，那么你需要一個(gè)個(gè)和他們對(duì)，每一個(gè)字段是什么意思，每個(gè)字段的數(shù)據(jù)是如何展示的，這個(gè)環(huán)節(jié)中，你需要確保每一個(gè)表頭字段的定義清楚，且無歧義，并且要定義清楚這些字段展示在頁(yè)面上的展示形式。

搞清楚了這個(gè)列表的表頭，然后你需要一一去看每一個(gè)字段，這些字段需不需要篩選，需不需要排序，默認(rèn)排序是什么，你可以不去創(chuàng)造更多的排序，但需要讓開發(fā)知道默認(rèn)排序和列表的初始狀態(tài)，比如，進(jìn)入列表是空，選擇時(shí)間后才展示數(shù)據(jù)還是進(jìn)來就按照默認(rèn)排序展示數(shù)據(jù)。

關(guān)于列表的顯示問題，你要估計(jì)一下這個(gè)列表的數(shù)據(jù)量，可能會(huì)有多少條，再去想每頁(yè)展示多少條；如果列表涉及到導(dǎo)出數(shù)據(jù)，你需要確定導(dǎo)出數(shù)據(jù)的時(shí)間范圍是左開右閉還是左閉右邊，并做到業(yè)務(wù)部門和開發(fā)對(duì)時(shí)間范圍導(dǎo)出的認(rèn)知一致；如果列表涉及到導(dǎo)入數(shù)據(jù)，那么你要給開發(fā)一個(gè)導(dǎo)入數(shù)據(jù)的excel表頭模板，告訴他們哪些數(shù)據(jù)是導(dǎo)入的，哪些數(shù)據(jù)是根據(jù)導(dǎo)入數(shù)據(jù)生成的。

此外，頁(yè)面的跳轉(zhuǎn)邏輯也是不能忘記的，后臺(tái)產(chǎn)品最重要的在于這些交互邏輯，列表頁(yè)如果不是純展示，有操作，你就要明確的告訴開發(fā)那些操作跳轉(zhuǎn)到哪里去，跳轉(zhuǎn)了需不需要再返回，返回是使用瀏覽器的返回，還是單獨(dú)的返回按鈕。

這是我在工作中對(duì)后臺(tái)設(shè)計(jì)的部分小總結(jié)，文章中還有些疏忽之處，希望讀此文的小伙伴們?cè)谠u(píng)論區(qū)不吝指教。