B 端產(chǎn)品圍繞"增刪改查顯算傳"七類功能實(shí)現(xiàn)業(yè)務(wù)邏輯的串聯(lián)，當(dāng)用戶進(jìn)入系統(tǒng)后，想要完成目標(biāo)任務(wù)通常需要在導(dǎo)航中找菜單、在列表中找任務(wù)、在任務(wù)詳情中找功能完成閉環(huán)。在效率為王的時(shí)代，系統(tǒng)設(shè)計(jì)如何縮短用戶在執(zhí)行動(dòng)作前的查詢步驟為此篇文章的主旨。除了常規(guī)的簡(jiǎn)化操作步驟外還有哪些方法？

本文通過在工作實(shí)踐中復(fù)盤，整理相關(guān)的知識(shí)碎片，從點(diǎn)-線-面-體詮釋 B 端系統(tǒng)的查詢?cè)O(shè)計(jì)模式，配以應(yīng)用案例輔助理解，內(nèi)容雖不完美卻很真誠(chéng)，希望引發(fā)大家的思考及實(shí)踐。

首先聊聊為什么要寫這個(gè)主題，設(shè)計(jì)師日常支持業(yè)務(wù)需求，需要了解系統(tǒng)的功能性特征，即：系統(tǒng)是為了完成某種任務(wù)而設(shè)計(jì)建立，盡管各組成部分的分工不同，但最終目標(biāo)是相同的。因此構(gòu)建查詢?cè)O(shè)計(jì)模式引導(dǎo)用戶找到目標(biāo)任務(wù)，是提高任務(wù)完成效率、提升系統(tǒng)易用性的關(guān)鍵因素，這里概括為 4 個(gè)維度：

點(diǎn)：?jiǎn)雾?yè)面強(qiáng)化功能

線：多頁(yè)面打通鏈路

面：可視化構(gòu)建模式

體：多通道拓寬渠道

下面從這四個(gè)維度分別介紹具體的設(shè)計(jì)方法。

一、點(diǎn)-強(qiáng)化功能

在單個(gè)頁(yè)面任務(wù)池中如何短平快的定位具體任務(wù)，設(shè)計(jì)著力點(diǎn)是健全查詢功能，包括 Tab 切換、搜索、篩選、排序、定位 5 方面的能力塑造。

1. Tab 切換

將任務(wù)按照類型、狀態(tài)做清晰的 tab 分割，便于找到目標(biāo)任務(wù)的歸屬列表。在菜單分流的交互細(xì)節(jié)上①可增加任務(wù)數(shù)量，輔助用戶預(yù)知切換后的效果；②有數(shù)據(jù)的Tab優(yōu)先展示，消滅空狀態(tài)帶來的挫敗感。

2. 搜索

通過任務(wù)的主要特征做精準(zhǔn)查詢匹配，由于涉及到關(guān)鍵詞的錄入，在錄入方式上可提供掃描識(shí)別、語(yǔ)音識(shí)別、圖片識(shí)別和鍵盤板輸入多種方式組合，提高錄入的便捷性；在錄入的狀態(tài)上可拆分為：

1. 錄入前，①搜索提示詞：設(shè)計(jì)清晰的范圍引導(dǎo)語(yǔ)，建立新手用戶對(duì)搜索能力的認(rèn)知；②提供內(nèi)容推薦：如推薦查詢項(xiàng)、歷史保存的查詢項(xiàng)等，減少通過鍵盤打字輸入步驟；③提供默認(rèn)值，如PC端保留用戶上次離開時(shí)的搜索內(nèi)容，減少重復(fù)查詢動(dòng)作；
2. 錄入過程中，通過模糊匹配搜索結(jié)果，用戶可較早的做出判斷決策，減少模糊性增加確定性；
3. 在錄入后，①當(dāng)無結(jié)果時(shí)，C端通常更注重情感關(guān)懷，用聯(lián)想的方式展示推薦以彌補(bǔ)無結(jié)果的挫敗感，而B端系統(tǒng)效率為先，告知無結(jié)果并適時(shí)提供串聯(lián)動(dòng)作入口更顯直接；②當(dāng)命中唯一結(jié)果時(shí)，需要為執(zhí)行任務(wù)提供便利，比如點(diǎn)擊鍵盤板上的確認(rèn)鍵能進(jìn)入任務(wù)詳情，這和掃描到唯一任務(wù)時(shí)直接進(jìn)入任務(wù)詳情道理相同。③當(dāng)搜索結(jié)果量級(jí)較大時(shí)，可借助分類篩選、優(yōu)先級(jí)排序、信息可視化、關(guān)鍵詞標(biāo)簽等方式找到目標(biāo)任務(wù)。

3. 篩選

通過篩選過濾無效信息，縮小目標(biāo)任務(wù)的范圍。①篩選方式上：有隱藏式的下拉篩選和平鋪式的標(biāo)簽篩選，需要結(jié)合擴(kuò)展性和頻率選用合理的形式；②篩選標(biāo)準(zhǔn)上：可從任務(wù)狀態(tài)、類型、時(shí)間、距離等角度提供多類別的篩選；定義篩選條件時(shí)要遵循Mece法則有節(jié)制的設(shè)定，避免枚舉項(xiàng)過多導(dǎo)致決策疲勞；③控件綁定數(shù)據(jù)：在篩選控件上加入一些關(guān)鍵的業(yè)務(wù)數(shù)據(jù)，為篩選動(dòng)作提供決策依據(jù)。以下是3個(gè)融入業(yè)務(wù)數(shù)據(jù)的例子。

4. 排序

通過排序幫助用戶理清任務(wù)的優(yōu)先級(jí)順序。支持用戶按照自身習(xí)慣的方式，如時(shí)間、距離、重要程度、數(shù)量等維度進(jìn)行排序，有助于提升用戶對(duì)系統(tǒng)的控制感，從而對(duì)軟件工具產(chǎn)生信任。以快遞小哥戶外作業(yè)場(chǎng)景為例，戶外的任務(wù)是時(shí)間和空間的組合，默認(rèn)按任務(wù)剩余時(shí)間排序，支持切換按距離排序解決用戶優(yōu)先完成附近任務(wù)的訴求。

5. 定位

通過定位工具減少頁(yè)面滑動(dòng)找到目標(biāo)內(nèi)容的位置。在任務(wù)內(nèi)部或任務(wù)步驟頁(yè)面中同樣會(huì)遇到找信息的場(chǎng)景，比如信息量較大的任務(wù)詳情、選擇聯(lián)系人、全景視圖中，通常要無限的滾動(dòng)逐步看到信息全貌，此時(shí)若有錨點(diǎn)定位、索引、小窗模式等定位工具，能夠減少滾動(dòng)成本和模糊性，提高查找效率。

以上是查詢功能層的設(shè)計(jì)策略，根據(jù)場(chǎng)景提供合理的查詢工具，輔助用戶在海量信息中找到目標(biāo)內(nèi)容。

二、線-打通鏈路

這一章介紹跨多級(jí)頁(yè)面的任務(wù)查詢流程設(shè)計(jì)，著力點(diǎn)可從簡(jiǎn)化層級(jí)、步驟引導(dǎo)、意圖識(shí)別創(chuàng)造鏈接實(shí)現(xiàn)任務(wù)的串聯(lián)，降低功能頁(yè)面、相關(guān)任務(wù)的查詢成本。

1. 簡(jiǎn)化層級(jí)

簡(jiǎn)化層級(jí)對(duì)于設(shè)計(jì)師并不陌生，場(chǎng)景上用戶進(jìn)入系統(tǒng)后要找到任務(wù)池，通常有以下 3 種途徑：

1. 導(dǎo)航分流：按業(yè)務(wù)邏輯設(shè)定系統(tǒng)的導(dǎo)航菜單，通過下探找到任務(wù)列表；
2. 常用菜單：按菜單的重要程度、用戶使用的頻率設(shè)置常用菜單模塊，可省去通過導(dǎo)航查找菜單的步驟，快速鏈接到任務(wù)列表；
3. 待辦任務(wù)：將高優(yōu)任務(wù)聚合在首頁(yè)形成獨(dú)立的待辦模塊高曝光展示，保證用戶進(jìn)入頁(yè)面后能夠及時(shí)發(fā)現(xiàn)任務(wù)；

2. 步驟引導(dǎo)

步驟引導(dǎo)是通過減少流程中的斷點(diǎn)，消除阻力提高易用性。首先分析需求發(fā)掘任務(wù)間邏輯關(guān)系：①若為包含關(guān)系，升維思考將若干個(gè)子任務(wù)組合成長(zhǎng)鏈條的父任務(wù)，使各子任務(wù)無縫銜接，過渡自然連貫；②若為并列關(guān)系，在完成單個(gè)任務(wù)后，為同類型的任務(wù)增加流程觸點(diǎn)，提升處理任務(wù)的專注力營(yíng)造沉浸式體驗(yàn)。

3. 意圖識(shí)別

意圖識(shí)別是通過已發(fā)生的行為預(yù)判用戶下一步動(dòng)作，主動(dòng)提供具有導(dǎo)向性功能，縮短了行為和關(guān)聯(lián)功能間的跳轉(zhuǎn)步驟，貼心周到的細(xì)節(jié)是體現(xiàn)人性化設(shè)計(jì)理念的關(guān)鍵。此類案例有很多，如剪切板信息識(shí)別提醒、手機(jī)定位識(shí)別提醒、拍照識(shí)別動(dòng)作、截屏識(shí)別等。

三、面-構(gòu)建模式

除了強(qiáng)化功能、串聯(lián)流程之外，在信息架構(gòu)上通過重組信息和控制數(shù)據(jù)范圍，從“面”上提高查詢效率。

1. 重組信息

重組信息是在任務(wù)中挑選影響用戶決策的核心要素，在呈現(xiàn)上做可視化處理，提高信息可讀性。比如以時(shí)間為主的進(jìn)度條模式、以地理坐標(biāo)為主的地圖模式、以圖片/視頻為主的瀑布流模式、以任務(wù)管理為主的看版模式，均是在強(qiáng)化核心信息，通過展示模式的創(chuàng)新讓更任務(wù)更清晰易讀，引導(dǎo)用戶做出明智的選擇。另外，若展示模式上各有千秋，支持用戶按照個(gè)人習(xí)慣和偏好自主切換模式，能夠很好的兼容用戶個(gè)性。下圖是 2 個(gè)信息重組的參考案例。

2. 控制范圍

控制任務(wù)范圍保證用戶看到的任務(wù)準(zhǔn)確、有效，本質(zhì)是消除多余的信息干擾減輕決策負(fù)擔(dān)，以下是控制范圍的 3 種方式：

1. 數(shù)據(jù)治理：提醒產(chǎn)品技術(shù)人員對(duì)數(shù)據(jù)及時(shí)做清洗治理，消除無效信息的堆積；
2. 權(quán)限管理：將任務(wù)分角色授權(quán)，特殊情況時(shí)使用黑白名單控制可見性，為目標(biāo)人群提供有效信息；
3. 自定義控制：當(dāng)角色邊界模糊無法通過系統(tǒng)邏輯劃分權(quán)限時(shí)，可以將任務(wù)分類授權(quán)給用戶，用戶自主維護(hù)信息類別掌握控制權(quán)，此類功能包含訂閱模式、分組模式、只看模式等。

四、體-拓寬渠道

前 3 節(jié)是用戶主動(dòng)觸發(fā)點(diǎn)擊行為尋找任務(wù)，此外，系統(tǒng)也可幫助用戶篩選重要任務(wù)，使用通知提醒把高優(yōu)任務(wù)用多通道的方式觸達(dá)用戶，查詢動(dòng)作從「人找任務(wù)」轉(zhuǎn)變?yōu)椤溉蝿?wù)找人」模式，實(shí)現(xiàn)系統(tǒng)和用戶雙方的關(guān)系互構(gòu)。

1. 全局提醒

全局提醒是信息輸入的一種渠道，彌補(bǔ)容易被用戶忽視的盲區(qū)，實(shí)現(xiàn)目標(biāo)任務(wù)轉(zhuǎn)移。①何時(shí)提醒：在下發(fā)任務(wù)、出現(xiàn)異常、即將結(jié)束、已經(jīng)超時(shí)等不同狀態(tài)提醒用戶及時(shí)發(fā)現(xiàn)-處理任務(wù)；②如何提醒：視覺高曝光展示、聽覺語(yǔ)音提醒、觸覺震動(dòng)提醒，對(duì)任務(wù)重要程度加強(qiáng)感知，保證有效觸達(dá)；③用哪種方式提醒：可根據(jù)用戶場(chǎng)景分析VACP模型中四種資源的占用情況，科學(xué)的選取通道類型。

2. 語(yǔ)音助手

語(yǔ)音助手通過聽寫錄入解決雙手被占用不易操作問題。軟件系統(tǒng)不僅是輔助工具，作為智能體與人的關(guān)系逐步進(jìn)化成伙伴關(guān)系，隨著自然語(yǔ)言問答的興起和語(yǔ)音識(shí)別技術(shù)能力的成熟，使用自然語(yǔ)言對(duì)話查詢?nèi)蝿?wù)成為新趨勢(shì)。系統(tǒng)結(jié)合大模型能力根據(jù)用戶說話內(nèi)容做意圖識(shí)別，回答查詢結(jié)果和相應(yīng)功能，讓查詢更加人性化、直接有效。比如駕駛場(chǎng)景車機(jī)系統(tǒng)的語(yǔ)音助手實(shí)現(xiàn)與系統(tǒng)無接觸式交互。

結(jié)語(yǔ)

回顧本文內(nèi)容包含：點(diǎn)-單頁(yè)面強(qiáng)化功能，線-多頁(yè)面打通鏈路，面-可視化構(gòu)建模式，體-多通道拓寬渠道。以上是我對(duì)查詢?cè)O(shè)計(jì)模式的總結(jié)，僅代表個(gè)人觀點(diǎn)。實(shí)踐出真知，行動(dòng)助成長(zhǎng)，產(chǎn)品設(shè)計(jì)不能紙上談兵，在落地應(yīng)用時(shí)需要根據(jù)產(chǎn)品所處階段提供合適的設(shè)計(jì)策略。通過復(fù)盤查詢?cè)O(shè)計(jì)模式讓我對(duì)系統(tǒng)的認(rèn)識(shí)變得豐富與深刻，若有不成熟的地方或有關(guān)查詢的新思路可以在評(píng)論區(qū)中留言探討，互相啟發(fā)共同進(jìn)步。

作者：JellyDesign