在后臺系統、數據類產品、B端產品中,表格是非常重要的一種數據整理的組件。那么,對于剛接觸B端的設計師怎樣才能更好的設計表格呢?
一、什么是表格
表格是一種數據可視化的一種形式,可以查看和處理大量數據,它主要承載了數據的收集、整理、組織、展示、對比和歸納。
二、表格的設計原則
1、易讀性
表格的層級一定要劃分的非常清晰,層級分明。你要讓用戶更關注的是數據本身,而不是花里胡哨的樣式。
2、可尋性
列表以易于瀏覽的邏輯排序,提供合適的搜尋組件幫助用戶快速查找信息。
3、高效性
表格要用最短的時間告訴用戶想要得到的信息。
4、靈活性
可以讓用戶根據自己的習慣及興趣自定義自己的表格展示,比如排序、篩選、調整表頭順序等功能。
三、表格的構成
外部區域:標題、操作區、篩選區;
內部區域:表頭、表體、表尾。
介紹完表格的構成,我們再來把每一個元素拆解出來詳細介紹。
四、表格元素解析
1、標題
標題是整個表格內容概述的名稱,此名稱盡量簡潔明了,不要太長,能兩個字寫清楚絕 對不用三個字。
如果標題名稱難以理解的話,可以加二級提示,有兩種常用樣式:tooltips(常用)、二級提示語。
標題的位置一般在左上角。
2、操作區
對表格內容的增刪改等操作的區域。
使用建議:
(1)有且只有一個主操作
特殊情況下可以沒有主操作,但不能有兩個主操作。
(2)樣式統一
同一個產品中,操作區樣式規范要保持一致。
(3)操作的優先級
根據使用的優先級,把常用的操作放到一級展示,不常用的收到二級展示。
(4)不同操作狀態區分要明確
不是所有的操作都是可以直接用的,比如有的操作在沒有選擇內容的時候是Disable狀態,那這時候就要和其他可操作的有明顯的樣式區別,否則容易讓用戶分不清可不可以操作。
(5)刷新按鈕
有人覺得瀏覽器都有刷新功能,干嘛還要多此一舉再加個刷新。其實這個刷新功能還是很有必要的,這個刷新只針對于列表內的內容。
在有的后臺管理界面中,因為數據量很大,如果每次刷新都用瀏覽器自帶刷新的話,就會重新加載整個頁面的內容,很不好用。很多情況下,用戶只想重新加載一下列表的內容,那這個刷新就會很好用。
同時刷新后要有即時反饋,告訴用戶點完操作后目前處于哪個階段中。
本文由培訓無憂網長沙牛耳教育專屬課程顧問老師整理發布,更多相關課程請關注培訓無憂網UI培訓或添加老師微信:15033336050
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-3843.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050