本文主要介紹了“列字段過(guò)多時(shí)如何處理、列表操作、設計設計列表如何排序”三個(gè)問(wèn)題的分析一些思考。
筆者結合┐(′?｀)┌后(hou)臺設計的探討工作經(jīng)歷，總結在后臺列表設計工作中會(huì )遇到的后臺一些常見(jiàn)問(wèn)題及設計思考。初次發(fā)文，問(wèn)題不足之處請多多包涵~
列表是設計設計一種信息集合的方式，可承載文字、分析列表、探討圖片、后臺段落，問(wèn)題常用于后臺數據展???示頁(yè)面。列表列表列表設計主要體現在可讀性與易管??理操作兩個(gè)方面，設計設??計用戶(hù)可快速地管理(′?_?`)數據（查看、分析查詢(xún)、操作、分析、等操作）。
二、常(′?｀*)見(jiàn)列表┐(′д｀)┌結構
列表結構設計上，可根據列字(′?ω?`)段內容選取合適列表結構，例如適用于數據平鋪展示的基礎型列表，強調層級關(guān)系、從屬??關(guān)系、遞進(jìn)關(guān)系的主從型列表（如子母表），或合并單元格展示的綜合型列表等，??關(guān)于列表結構分析網(wǎng)上有眾多分享文章，此處不作過(guò)多闡述。
三、列表設計常見(jiàn)問(wèn)題
簡(jiǎn)單梳理后臺列表設計會(huì )遇到的一些問(wèn)題及可參(can)考的設計??方法，根據具體業(yè)務(wù)場(chǎng)景選取最合適的(de)解決方案。
常見(jiàn)問(wèn)題(′▽?zhuān)?)1：列字段過(guò)多時(shí)怎么辦？
我們都知道列表(biao)設計要盡量避免橫向滾動(dòng)條的出現，??橫滾會(huì )降低可讀性及操作效率，但是日常工作中我們還是會(huì )看到產(chǎn)品??經(jīng)理提過(guò)來(lái)的列字段是屏幕寬度展示不下的，這個(gè)時(shí)候可以通過(guò)以下幾種方法??來(lái)解決：
（1）刪減字段
針對復雜列表你會(huì )發(fā)現(xian)，刪減后的字段還是很多，(′?｀*)這(zhe)時(shí)候你可以(yi)考慮是否可以合并字段，將屬性差不多的字段合為一列，舉個(gè)簡(jiǎn)單栗子，如下圖“商品圖片、商??品名稱(chēng)、sku屬性”列字段可合并為“商品信息”一個(gè)列字段完成展示，使信息關(guān)系更緊密，并且可節省列表橫向空間。
合并字段
（3）主從型結構展示
列表具有較強的層級關(guān)ヽ(′ー｀)ノ系、從屬??關(guān)系、遞進(jìn)關(guān)系，可選用主從型結構列表展示，也可有效避免橫向滾動(dòng)。
主從型結構展示
（4）列設置
針對B端ヾ(′ω｀)?或G端業(yè)務(wù)，同一個(gè)列表會(huì )面向多種受眾角色，??經(jīng)辦崗、審核崗、監管崗等等， 每種用戶(hù)角色對列表的字段需求有相同也有不同之處，眾(′▽?zhuān)?)口難調，列設置功能可有效解決這種情況，市面上CRM管理系統基本都支持自定義列設置來(lái)滿(mǎn)足不同用戶(hù)的列表需求，ヽ(′ー｀)ノ在產(chǎn)品設計上也只需要設計一套ヽ(′▽?zhuān)?/通用的列表，適用于不同的角色。
自定(T_T)義列設置
（5）固定首列及操作列
如果真的必須出現橫向滾動(dòng)，建議固定首列及操作列的方法，來(lái)滿(mǎn)足操作效率。
常見(jiàn)問(wèn)題2(??ヮ?)?*:???：列表操作如何設計？
列表操作直接顯現在列表上，支持用戶(hù)不需要查看詳ヽ(′ー｀)ノ情頁(yè)，直接根據列表字段就可以快速作出判斷并且高頻發(fā)生的操作，操作效率高。但是當操作很多的時(shí)候，還是需要將更多的操作收納到一個(gè)組內，將高頻操作放在組操作之(′?_?`)外。
操作直接羅列
（2）操作隱藏
在列表頁(yè)將所有操作隱藏起來(lái)。比較適用于一(′▽?zhuān)?)些操作頻率使用較低或操作風(fēng)險較高的列表。
操作隱藏
（3）批量操作
當列表批量操作場(chǎng)景為主要場(chǎng)景時(shí)，(O_O)可不放置單行操作，將所有操作都放在批量操作模塊。不過(guò)對于不同狀態(tài)數據的批量操作邏輯會(huì )比較復雜，會(huì )存在數據過(guò)濾的邏輯。
常見(jiàn)問(wèn)題3：列表如何排序？
針對數據體(ti)量小，可選┐(′?｀)┌用鼠標拖拽交互進(jìn)行排序，所見(jiàn)即所得。但是不適用數據體量大的列表。
拖拽排序
（2）上/下移動(dòng)排序
更適用于局部上下順序調整，不適用調整較大范(╯°□°)╯圍。
（3）序號排序
針對數據體量大，選用序號??(hao)排序，操作效率更高。下圖是曾(′?_?`)經(jīng)做過(guò)的關(guān)于數據(ju)量較大的列表排序需( ?ヮ?)求，就選用了手動(dòng)輸入序號的方式，完成??列表數據的排序。
序號排序
初次發(fā)文，不足之處請多多包涵~謝謝 ：）