天天看點

B端産品設計表格六大注意點分頁排序篩選批量操作點選配置寫在最後

對于 B 端産品而言,表格可以說是産品經理設計最多的産品功能了。因為表格既是一種組織管理資料的手段,又是一種非正常整的資料展示模式,是 B 端産品展示資料管理資料經常采用的一種解決方案。今天我就來跟大家分享一下設計表格需要關注的六個注意點。
B端産品設計表格六大注意點分頁排序篩選批量操作點選配置寫在最後

分頁

分頁是表格設計繞不過的細節,經常是和表格共同出現的。

B端産品設計表格六大注意點分頁排序篩選批量操作點選配置寫在最後

如果要采用分頁的話,要根據表格高度以及螢幕高度考慮一下每頁預設展示的數量(比如每頁 20 條資料);如果不采用分頁,那就得考慮一下在表格高度超過螢幕高度的情況下的資料加載方式,是滾動加載還是全部加載。

排序

談到資料,自然就得考慮一下排序問題。排序是很細節的點,需要考慮不同字段類型的排序規則(數字大小、字母順序等),還需要考慮到排序是否是可固定的,如果是能把排序固定下來,那還需要考慮下固定的方式是存緩存還是跟使用者資訊存一起(存緩存意味着清除登入資訊後會丢失,跟随使用者資訊意味着永久儲存)。

篩選

B端産品設計表格六大注意點分頁排序篩選批量操作點選配置寫在最後

篩選跟分頁一樣,經常會跟随着表格一同出現。在考慮篩選的時候,如果篩選項很多,還得考慮清楚篩選項的排序問題,經常使用的篩選項可以選擇展示在前面,不常使用的可以進行隐藏或者展示在後面,也可以考慮用一個搜尋欄的方式來取代篩選。

批量操作

表格是組織管理資料的一種非常好用的手段,如果是一行一行資料進行操作,效率會很低,這也就意味着需要考慮批量操作的場景。在考慮批量操作的時候,要注意三點:一是可否跨頁操作;二是可否篩選後批量操作;三是批量操作後是否重新整理頁面。

點選

B端産品設計表格六大注意點分頁排序篩選批量操作點選配置寫在最後

在表格頁面,經常還會需要考慮針對某些字段的文本顔色進行特殊處理,轉化為可點選的狀态,意味着告知使用者該字段可點選。點選效果通常有兩種,一是打開彈窗,二是跳轉到新頁面。

配置

B端産品設計表格六大注意點分頁排序篩選批量操作點選配置寫在最後

在設計複雜表格的時候,産品經理經常會很頭疼哪些字段對使用者來說才是最重要的,尤其是表格資料涉及到的使用者角色較多的情況,更是難以抉擇。這種時候就可以考慮下在表格設計的時候加上配置項了。所謂的配置項就是指支援使用者配置表格的列順序、排序規則等。這樣就可以實作每個使用者自定義表格的資料展示方式。

寫在最後

表格是 B 端産品展示資料的基本法則,緻力于往 B 端方向發展的産品經理應該将設計表格的基本功練好,以求能熟練掌握資料展示的細節。大家如果覺得表格設計有其他需要注意的點,歡迎留言探讨。