本文作者將從使用者訴求、資訊層級、介面表現三個層次上,試圖對搜尋和篩選兩者的邊界進行釐清,並分別給出一些設計切入點。
一次設計評審會上,作為設計師的我們和研發方針對「搜尋和篩選到底是不是一回事?」這一問題產生了認知差異。核心分歧點在於:研發哥哥認為從資料層面來講,搜尋和篩選是一回事。而從使用者的感知來看,我們認為兩者是不同的。
剖析字面意:搜尋是尋求,搜查,發現之意;而篩選則是對分離的兩種或兩種以上物質按照某種特性進行選擇的操作過程。顯而易見,兩者性質不同。而在產品設計中,兩者的差異從哪些細節中體現呢?
本文中,筆者欲從使用者訴求、資訊層級、介面表現三個層次上,試圖對兩者的邊界進行釐清,並分別給出一些設計切入點。以期在今後的設計中,對同類問題建立更為清晰的判斷和思考。
無論是搜尋還是篩選,使用者無非想要從海量資訊中獲取到自己想要的資訊,只是結果的細粒度不同,它可以是一類資訊,也可以是某乙個精確的資訊點。因此,兩個功能背後使用者訴求的細粒度有精確和模糊之別,這決定了使用者與系統的互動方式,以及功能的選擇。如想吃 「零食」和想吃「德芙榛仁葡萄乾巧克力」就是兩個不同細粒度的查詢需求。
當想要找的內容清晰具體,使用者一般通過鍵srotmok入關鍵詞(資料輸入)的方式搜尋。而當使用者游離在模糊的區間時,通常使用到篩選功能來聚焦。通過瀏覽過濾器(filter)所提供的資訊,逐級選擇出想要的內容。
從產品的使命來看,兩個功能都是為了幫助使用者查詢。而從資訊組織的層級來講,當產品需要展示無規律性、多而雜的資訊時,系統提供搜尋功能以供使用者快速觸達,檢索詞由使用者指定。
如前面提到,篩選從資訊科學的角度來看是瀏覽的一種方式,當資訊有統一且清晰的分類時,系統依據合理的分類為使用者提供過濾機制,減少眼前可瀏覽的資訊量,讓使用者在乙個或多個條件下逐步獲取到想要的資訊。
介面表現屬於行為層,行為層由心理層決定。回到第一部分提到的使用者訴求,訴求的強弱決定了搜尋和篩選兩個功能點在介面中的比重與布局。
如出行類、問答社群類應用,使用者的查詢訴求就相對強烈。而微信在即時通訊和搜尋兩個功能點的權衡,就強調即時聊天而隱藏掉了搜尋框。這個典型的例子將搜尋功能降弱了乙個優先順序。分類屬於一種廣義的篩選,像電商的分類導航在介面中的比重較高且位於介面重要的位置。
這裡所謂的比重,其實是介面上的相對概念。因此,作為互動設計師,初步整理需求後,依據產品定位明確劃分出搜尋和篩選兩個功能相較於其他功能點的優先順序,以規劃介面的比重與布局。
在技術保障的前提下,互動設計師可通過以下矩陣的不同維度對兩個功能的設計進行預判:
釐清邊界的目的是為了構建合理、友好的搜尋與篩選流程。如何做呢?其核心點是力求高效。以下分別是搜尋和篩選功能在srotmok設計中可以去提公升體驗的切入點:
根據矩陣對兩個功能進行進行初步判斷後,互動設計師需要與利益相關者進行密切溝通。結合使用者需求和開發難度,對以下細分功能點進行取捨,最終搭建出一套友好的搜尋流程:
篩選部分的設計應把重點放在篩選類目邏輯關係的梳理上。在這一前提下匹配相應的篩選控制項,深入思考以下三點:
(1)篩選類目和篩選值的設定是否符合使用者預期
(2)控制項的選擇是否合理
除了最常見的時間篩選器、下拉列表篩選外,標籤、開關、tab/卡片、滑塊(slider)、步進控制項(stepper)也常被應用於篩選功能。設計師依據篩選類目和篩選值的屬性,將使用者需求與篩選控制項進行匹配。
筆者僅梳理了典型場景和對應的控制項。實際情況中,設計師應根據個性化的業務需求加以分析補充。
(3)多個篩選項間的聯動關係
當篩選項是多維度的時候,需考慮篩選項間的聯動關係。並且在篩選的過程中給予使用者及時的反饋。
論行為設計學在產品設計中的應用
這些案例都是利用了設計心理學來進行有利的行為引導,在設計的角度看來那是極好的,那就是設計行為學應用案例之一。設計行為學是指利用人的心理 缺陷 或人性的弱點通過設計乙個程式來達到某一目的,我自己杜撰的,非正式定義這個概念 今天討論的是行為設計學在產品設計中的應用,其中有三個很重要的概念 人的心理,人的...
產品設計中的感覺效應
學生階段對web2.0方面關注較多,也用了很多網際網路產品,經常不是單單去用一些功能,而是從 設計者 的角度去考慮,是否該這麼設計?給我的感覺爽不爽?是不是那樣設計會更好?而我非常看中自己的 第一感覺 個人認為這是 感覺效應 中很重要的一環。從就近產品出發,口碑網的 去其他城市 這個簡單的 選擇所在...
產品設計中的心理學
下面從心理學角度簡單分析一下 銷量 使用者往往會去看更多人買的商品,更多人評價的商品,因為購買的數量一定程度上證明了這個商品或者這個平台 店鋪受認可的程度,銷量高的商品可以降低使用者心理的警惕性,實現購買動作。包括我本人,在電商平台購買商品,會去選擇銷量相對要高的。重要元素展示 使用者關注的東西,感...