B端“資料篩選”模組的設計思路
在任意一個B端系統中，都會涉及到資料篩選模組的應用。那麼如何設計，才能保證該模組在實際使用場景中的適用性呢？本文作者分析了“資料篩選”模組的設計思路，一起來看一下吧。
在任意一個B端系統中，必然都會涉及到資料篩選模組的應用。
“使用者需求”“需求匹配”。
透過現象看本質，資料篩選模組的本質就是一個工具。
而對於一個工具適用性的判斷，最直接的標準，就是看是否能解決對應的問題。
對應到模組設計中，就是看能否解決使用者的需求，所以使用者需求的確定是我們設計時的首要任務。
在瞭解了使用者的需求後，接下來需要做的就是需求匹配。
現階段對於需求的匹配一般會採用兩種方法：新工具的創造，老工具的適配。
新工具的創造，就是根據使用者當前的需求，從0到1設計出一個可以解決當前問題的產品。
老工具的適配，就是透過對於現有工具的評估篩選，從而選出可以解決當前使用者需求的產品。
一、使用者需求
在資料篩選模組的使用場景下，使用者的需求是什麼？
進行資訊的查詢？
對於資訊進行分類檢視？
還是需要對資訊進行排列組合？
以上這些“需求”，只是在使用者需求實現過程中，所採用的不同的實現方法。
若是對這些方法進行歸納總結就可以發現，其背後存有一個共同目標：
“資訊的獲取”。
在探析使用者需求時，需要透過現象看本質，從表面的需求中，抽象出更為本質性的需求。
二、需求匹配
在瞭解了使用者本質性需求後，需要做的就是針對這一需求，給出對應的解決方案。
對於“資訊獲取”來說，市面上的解決方案已經比較成熟。
所以在實際設計時，我們需要做的就是去衡量現有方案與使用者需求的適配度。
市面上的解決方案可以大致分成兩大類：搜尋模組、篩選模組。
1. 搜尋模組
定義：
使用者輸入任意條件後，將輸入的條件與資料庫中已有的資料進行檢索對比，從而給出一個精確的搜尋結果。
特點：
支援資訊的精確定位，過程簡潔高效。
適用場景：
資訊點明確，目標感強，有短時間內獲取到對應資訊需求。
對於習慣透過搜尋模組獲取資訊的使用者，可以將其畫像概括為“上街購物的男生”：
需求清晰，目標明確，到了商場就會直奔對應的店鋪進行商品的購買。整個過程簡潔明瞭，不會有多餘的動作。
2. 篩選模組
定義：
透過各種條件對於資料進行分類，透過一步步的分類篩選，最終給出一個範圍性結果。
特點：
可供使用者進行篩選的維度多，篩選過程較複雜。
適用場景：
對於資訊有獲取的需求但資訊點不明確，需要藉助外界已有的一些規則進行資訊點的進一步篩選，從而才能做出對應的選擇。
對於習慣透過篩選模組進行資訊獲取的使用者，其使用者畫像可以概括成“逛街的女生”：
有整體大的方向，但沒有明確的目的。最終是否要購買，是在不斷的篩選嘗試後，才做出的決定。
三、可最佳化點
需求的匹配，只是幫助我們確定了一個概括性的解決方案。
在具體設計時，根據使用者需求點的不同，還可以對於解決方案進行更細緻的最佳化。
1. 篩選項的摺疊問題
篩選項的外在顯露，目的是為了讓使用者可以第一時間對於篩選項進行操作，減少使用者使用路徑。
但如果使用者所需要篩選的篩選項較多，在設計時就需要考慮篩選項的摺疊問題。
篩選項顯示的越多，使用者透過篩選模組所獲取的結果就會越精確。
但更多的篩選項同時也意味著，需要更多的空間進行排列展示，這樣屏效性就會直線下降。
如何對於使用者需求與使用者體驗做出平衡？這就需要產品經理進行決策。
這裡先行給出我自己的一下見解供大家參考：
對於所有的篩選項，按照
使用者使用頻率
、
篩選項重要程度
進行優先順序排序，之後再結合
整體UI樣式
以及
屏佔比
，優先平鋪展示那些優先順序高的篩選項
對於排序較低的篩選項，可以將其摺疊，待點選後再次展開
如果初始狀態有預設選中的篩選項，優先外露這些篩選項
2. 篩選結果的展示
對於篩選結果的展示，一般有兩種互動方式：手動篩選、實時自動篩選。
（1）手動篩選
使用者完成選項選擇後，手動點選查詢按鈕，從而顯示對應的篩選結果。
手動篩選最大的特點，在其結果的
穩定性
與
確定性。
使用者是在確認了一個或幾個篩選條件進行的檢索，其結果必然更為精確，更符合使用者心理預期。
（2）實時自動篩選
使用者在選擇任意一個篩選項，篩選結果都會進行同步更新。
實時自動篩選最大的特點，就在其最終結果的
遞進性。
使用者經過一層層的選項確認，一個個商品的篩選後，才決定自己最終目標。
Tips：
手動篩選適合對於自己需求非常明確的使用者
實時自動篩選適合哪些有資訊獲取需求，但對於資訊又不是十分明確的使用者
兩種方式在後端實現上大差不差，而在前端實現上，實時的自動篩選每次都需要呼叫對應的介面，如果資料量較大，就會造成頁面的卡頓
3. 篩選項的突出
將已選的選項突出展示，方便使用者對於選項的尋找與查詢，最佳化使用者使用體驗。
同時將已選項突出展示，也可以提高螢幕的屏效性，方便篩選結果的展示。
4. 重置按鈕的設定
重置按鈕的新增，目的是對於已選項進行一鍵清理，從而是使用者可以更為快速的開始新一輪的篩選，減少整個篩選過程的時間。
本文由 @珞小土 原創釋出於人人都是產品經理。未經許可，禁止轉載。
題圖來自Unsplash，基於 CC0 協議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供資訊儲存空間服務。