B端體驗設計中關於篩選的一點思考

2020-12-16 皮克兔聊設計

最近一段時間 ,一直在接觸B端類項目的體驗設計。經過幾個不同的項目,發現設師幾乎都是直接用組件,很少有個性定製的模塊。因為有些模塊就屬於換湯不換藥。是否可以考慮換一種設計方式,考慮有沒有其他的形式會更適合?仔細分析之後,其實沒有必要。有些時候也許我們會將篩選和搜索的應用搞混,比較它們之間有些場景的應用是比較類似的,具體的可以查看之前發出的一篇文章「從用戶體驗角度重新認識搜索和篩選在產品中的作用」,仔細分析了兩者之間的關係。這裡僅從篩選角度聊聊其中的一些細節。

一、什麼是篩選?

篩選,故名思義就是幫助用戶從眾多的內容中,快速的定位內容,以及將眾多數據分類,講究的是效率。在數據量比較大的後臺管理系統,篩選必不可少,它可以通過多個篩選條件進行多維度地尋找。當然用搜索行不行?行,但是數據量龐大到一定級別,一般團隊很難做到比較好的體驗。所以,還是遵從Alan Cooper講的:無更好解決辦法之前,遵從一般規範比較好。

二、篩選器分類

a、數據直輸類

數據直輸類的篩選條件是需要自己輸入,然後進行查詢的。輸入框需要有提示輸入的內容,方便提示用戶填寫,以及確認輸入的類別或格式。同時需要有查詢/搜索按鈕,來執行篩選。一般情況下沒有單一輸入類存在,都是需要配合篩選固有類一起使用。

b、下拉篩選

當篩選選項有限,可以明確的總結分類時,一般採用固定選項類。這種操作起來便捷,降低用戶的操作難度。一般情況下需要「搜索/查詢」按鈕,但是也有的產品是勾選即執行的。主要需要結合具體的使用場景去判定。

c、平鋪篩選

一般PC端比較常用平鋪類的篩選展示,這樣做的好處是用戶能直接看到選項內容,減少操作步驟提高了用戶篩選的效率。但是這樣做的時候要注意做好分類,避免選項過多時找不到目標。

d、補充篩選

直接勾選之後即可展示自己想要看到的內容,這種形式通常作為篩選之後的一個補充,即搭配正常篩選,同時執行搜索,篩選出用戶想要的結果。主要形式:單選篩選和多選篩選。

即便我們一直復用組件或控制項,但是也需要明確我們為什麼在這個地方這樣用。知其然並知其所以然,這樣我們才不會淪為作圖的工具,而是通過設計解決問題的設計師。

#B端篩選組件的用法#

想了解更多精彩內容,快來關注皮克兔聊設計

相關焦點

  • B端設計:盤點篩選控制項的基本知識
    對B端產品來說,由於業務邏輯與系統設計的限制,所以篩選邏輯更為複雜,為設計增加了不少難度。而筆者也結合為公司B端系統做的一次設計調整,為我們分享篩選功能的基本知識,希望對你有所啟發。
  • 關於篩選模式可用性的幾點思考
    浮層式/抽屜式(PC端/移動端)從嚴格意義來講,浮層式不算是一種篩選模式,它是一個放置篩選組件的載體,但這種組合方式會帶來不同操作體驗,如圖8。由於界面空間有限,篩選類型多樣,篩選組件經常沒有地方可放置,而浮層式正可解決此問題,而且浮層可以兼容任何形組件及各種組件組合。但,與此同時放置在浮層裡的組件也更難被用戶發現。圖86.
  • B端產品界面設計下的場景化設計思考
    本文作者從B端產品常見類型出發,圍繞什麼是場景化設計、有哪些場景化設計的例子和為什麼要進行場景化設計做了全方位的解讀分析,與大家分享。時間長了,我們也慢慢默認這是一個指導設計師設計界面的首要準則。那麼,筆者經常會有個疑問,這是用戶的真實訴求嗎?有沒有其他方法來解決此類訴求?畢竟對於界面排版來說,界面信息多,則意味著頁面擁擠,視覺效果不佳。下面筆者將自己的實踐思考和大家分享,我們具體來聊聊這個設計師們邁不過去的話題。
  • B端產品中,Web端表單如何設計
    編輯導語:B端產品往往由於業務體量龐大,導致信息複雜,同時對業務的精確性的要求很高;服務於B端的業務,不能夠出信息錯誤,填錯一個信息,就會引發巨大的問題。本文結合筆者自己的工作經驗,總結了大型B端業務中表單的設計方法,供小夥伴參考。
  • 跨境大賣:關於蝦皮平臺的一點思考
    這兩年蝦皮從瘋狂擴充賣家數量,豐富平臺SKU到現在做減法,篩選賣家算是完成了一次蛻變。那接下來呢?作為一個新的平臺該怎麼走? 作為一個2年多的蝦皮賣家來看,蝦皮的成功無非有2點: 1、自有物流的強大-蝦皮的物流從最開始的LWE到現在的SLS,真的是用小包的價格做著商業快遞的服務。95%的訂單都能在一周之內妥投,這個在其他任何一個自發貨平臺都很難實現。
  • B端設計指南06——表格(上)
    目前我主要深耕於B端設計中,深知B端表格設計與C端有很大的不同,無論是表格的展示形式以及承載內容上都有非常大的差異。而現在網上有不少關於表格如何設計的文章,但要真正落到實處的少之又少,因此今天我們就來聊聊表格,探討一下B端表格究竟應該如何設計。
  • 全面深度解析B端產品 | 教你如何從0到1設計B端產品的通用方法(下篇)
    所以,這個階段主要會系統地介紹總結的B端產品設計方法論——以終為始的精益增長閉環設計。3. 產品規劃產品設計的第三階段是產品規劃,本階段主要的目的是構思並篩選新產品具體的功能解決方案,定義功能規格,並展開詳細功能設計(B端產品的PRD經常描述為業務規則),對應的是用戶體驗五要素模型中的範圍層。
  • To B產品體驗設計中,UI視覺真的不重要了嗎?
    編輯導語:To B產品更多的是用在工作中,所以在視覺設計方面來說,重視程度沒有To C產品的高,審美方面不是剛需;雖然很多時候是這樣子,但這就表示To B的UI視覺體驗不重要嗎?本文作者分享了關於To B中UI設計的思考,我們一起來看一下。
  • B端設計指南04——彈窗 究竟應該如何設計
    收到很多同學關於彈窗的疑問,因為在B端的設計過程中,會接觸到很多信息展示方面的疑惑,他們諮詢的維度各不相同,但是大致分為以下幾類: 從宏觀上講,目前B端設計中信息展示的控制項可以分為三類:彈窗、抽屜、新建頁。在這三種展示形式中,我們需要明白它們四類分別是什麼、有哪些、在什麼場景中使用、以及在優缺點和適應的不同業務,這樣可以更好的為我們設計服務。
  • 「Google工作坊」後,對B端產品日常工作的思考
    好久沒有寫產品相關的文章了,今天就藉此機會寫下本文,歡迎各位看客老爺隨意拍磚~關於B端產品需求搜集的思考不YY用戶場景,不是滿足自己的需求工作坊中,我們小組大部分小夥伴使用過釘釘,日常工作中也有過人事申請的經歷(如:請假),活動一開始我們就迅速在白板上整理我們的親和圖(以下來自百度百科:把大量收集到的事實、意見或構思等語言資料,按其相互親和性(相近性)歸納整理這些資料
  • 2020年,關於B端產品的一些思考
    編輯導讀:B端是近幾年的風口行業,各大企業和巨頭紛紛入場,希望能挖掘出市場的最大價值。本文作者從自身工作實踐出發,梳理總結了自己在B端產品上的一些思考,與大家分享,希望對你有所啟發。2020年是我來到創業公司的第一年,一切都是新的,新業務、新市場、新產品。這一年忙忙碌碌,做項目、定產品,沒太多時間思考。
  • UI/UE設計用戶體驗思考與總結(上)
    指尖滑動屏幕的時候,多停留幾秒,捕捉一些用心的設計,記錄並反思應用到自己的設計中去。設計讓我們更加美好!美團:篩選選項之後,按鈕顯示「完成X」個選項。設計思考拉勾網:求職者目標明確,知道自己的目標,所以文案不需要提示。
  • 讓數據更美,B端圖表視覺設計思考
    編輯導讀:在B端可視化中,往往會涉及到圖表設計,它能夠更直觀地展現數據,洞悉數據背後的真相。但是,很多人在工作中對圖表的設計並不了解。本文作者基於自身工作經驗,梳理了一些圖表設計的知識點,希望對你有幫助。隨著大數據的興起,數據價值的不斷挖掘,圖表作為數據呈現與分析的有效手段,正扮演著越來越重要的角色。
  • B端產品設計的潛規則
    :什麼是B端的用戶體驗?它與C端的用戶體驗有何不同?作為一名過去5年多主要從事B端IT產品的設計師,在這裡給大家講述一些我的想法。首先,B端產品通常有2種類型:1、企業內部產品(Internal Solutions) 企業內部產品的用戶體驗設計有一些獨特性 :1、你的工作(可能)永遠與你的作品集無緣
  • 產品原型設計之交互體驗的思考過程(一)
    交互分析三點思考內容,不分順序,在思考的過程中,很多時候三點是相互影響、相互滲透的說一下自己的拿到功能結構圖的整個思考過程,主要從以下幾個方面思考。無論是移動端界面、還是PC端界面,都需要對什麼是簡單的體驗有一個明確認識。關於建立這種認識,我很喜歡Gildes Colborne在《簡約至上–互動設計四策略》提到的的方法,在這裡複述一下,和大家共勉,希望能給讀者帶來啟發和幫助!我有兩種方式 來建立這種認識。
  • B端產品設計中,用戶體驗可能不是重點
    本文作者依據工作中項目實踐的所思所想,結合案例等分享了B端產品設計的相關流程以及過程中需要注意的關鍵問題,供大家一同參考和學習。做產品背景分析是讓我們對產品做到「心中有數」,接下來的需求分析是我們產品設計的重點。03 需求分類在做C端產品時,最重要的步驟是需求梳理,也就是思考什麼類型的用戶在什麼場景下遇到了什麼問題。那麼在做B端產品時,什麼是B端產品的需求分析呢?
  • B端設計:導航菜單的設計5步法
    下方2.1小節會有講到~1.2 導航菜單不能隱藏超過兩級導航菜單隱藏超過兩級時,代表著產品在用戶的使用規劃中,沒有深入思考整個用戶體驗。在全部菜單中,展示了騰訊雲100+個雲產品項目,通過搜索進行篩選得到用戶想要的菜單。同時在導航欄上,支持用戶去自定義5個菜單選項。也因此用戶將常用的菜單添加至此,也更方便用戶去尋找。這樣在滿足業務的前提下,通過一些個性的設計,使100+個菜單也能夠塞得進整個導航中。2.2 菜單深度過深時,怎麼辦?
  • B端產品心法(1):如何設計B端產品,且讓用戶願意用?
    所以,我的B端學生朋友們總是催我寫一篇關於如何做好B端產品設計的文章,希望能分享我在這行的思考。先,我認為優秀的B端產品人的視角應始於宏觀,行於微觀,而在產品設計中沒有什麼終結,只有業務的階段需求下的「適可而止」。這個原則下,才會找到B端產品設計的正確合理的思路。
  • B端交互界面基礎組件——表格
    編輯導語:在我們的日常工作中經常會用到表格,表格的功能可以讓我們很清晰快捷的了解當前情況,設計一個好的表格也能大大的提升我們的工作效率;本文作者分享了關於B端交互界面基礎組件表格的設計,我們一起來看一下。
  • B端產品功能與支撐功能的設計思考
    編輯導語:B端產品通常需要支撐功能和產品功能來共同實現一個業務需求,那麼這兩種功能在設計實踐中,存在什麼特點呢?我們在日常實踐中,又該如何權衡產品功能和支撐功能的設計呢?關於這兩個問題,本文作者結合自己的工作經驗,為我們談了談他的一些看法。