注:設計后臺產品有句口訣:“展示列表優,編輯彈窗佳,篩選下拉好,組合查詢棒”說的就是后臺產品設計的小技巧。
后臺產品設計是一個產品經理的核心能力,也是比較基本的能力,今天我用一篇文章給大家介紹一下后臺產品列表頁與添加頁的設計規則,將我這段時間在后臺產品設計中的方法和問題分享給你,期待與你在評論區多多交流,一起碰撞出更多的火花。
做后臺能夠鍛煉一個人的邏輯思維,也能更好的幫助你了解公司的業務,做到快速上手。在設計后臺需求之前,你可能會收到來自老板,團隊,業務部門等小伙伴的需求,面對這些需求,我們在后臺設計的處理方式和前端設計基本是一樣的,同樣是遵循一個需求從0- 1 的設計法則:
關于后臺產品的頁面分類大致有這么幾個,列表頁,添加頁,詳情頁,接下來我就重點給大家介紹一下列表頁和添加頁的設計法則:
一、列表頁
每個后臺都有列表,列表頁在后臺設計中十分常見,在設計列表頁的時候,主要有以下幾個原則:
我們舉個簡單的例子,下圖一張簡單的列表頁:
要設計這樣的列表頁,首先搞清楚我們這個列表叫什么,這樣的列表需要在后臺哪一個分類下面展示。
比如我們這個列表叫“流失用戶列表”,那么你先要搞清楚什么樣的用戶被稱之為流失用戶,如果流失用戶在不同的時間段的定義不同,那你還要明確流失用戶這個定義是寫死的還是后臺配置的。在做CRM系統時,由于我們的流失用戶在不同的時間段定義不同,于是后臺就有了專門的流失用戶配置以及配置記錄列表。
假設你已經很清楚流失用戶列表是什么了,也很清楚這部分用戶是電銷部門需要的用戶列表,你把它放在了后臺銷售中心-用戶列表的分類下,那么該看看這個列表的主干部分— —表頭了。
如果表頭由業務部門提供給你,那么你需要一個個和他們對,每一個字段是什么意思,每個字段的數據是如何展示的,這個環節中,你需要確保每一個表頭字段的定義清楚,且無歧義,并且要定義清楚這些字段展示在頁面上的展示形式。
搞清楚了這個列表的表頭,然后你需要一一去看每一個字段,這些字段需不需要篩選,需不需要排序,默認排序是什么,你可以不去創造更多的排序,但需要讓開發知道默認排序和列表的初始狀態,比如,進入列表是空,選擇時間后才展示數據還是進來就按照默認排序展示數據。
關于列表的顯示問題,你要估計一下這個列表的數據量,可能會有多少條,再去想每頁展示多少條;如果列表涉及到導出數據,你需要確定導出數據的時間范圍是左開右閉還是左閉右邊,并做到業務部門和開發對時間范圍導出的認知一致;如果列表涉及到導入數據,那么你要給開發一個導入數據的excel表頭模板,告訴他們哪些數據是導入的,哪些數據是根據導入數據生成的。
此外,頁面的跳轉邏輯也是不能忘記的,后臺產品最重要的在于這些交互邏輯,列表頁如果不是純展示,有操作,你就要明確的告訴開發那些操作跳轉到哪里去,跳轉了需不需要再返回。