大廠出品!從點線面體構建B端產品的「查詢設計模式」

B 端產品圍繞"增刪改查顯算傳"七類功能實現業務邏輯的串聯,當用戶進入系統后,想要完成目標任務通常需要在導航中找菜單、在列表中找任務、在任務詳情中找功能完成閉環。在效率為王的時代,系統設計如何縮短用戶在執行動作前的查詢步驟為此篇文章的主旨。除了常規的簡化操作步驟外還有哪些方法?

本文通過在工作實踐中復盤,整理相關的知識碎片,從點-線-面-體詮釋 B 端系統的查詢設計模式,配以應用案例輔助理解,內容雖不完美卻很真誠,希望引發大家的思考及實踐。

首先聊聊為什么要寫這個主題,設計師日常支持業務需求,需要了解系統的功能性特征,即:系統是為了完成某種任務而設計建立,盡管各組成部分的分工不同,但最終目標是相同的。因此構建查詢設計模式引導用戶找到目標任務,是提高任務完成效率、提升系統易用性的關鍵因素,這里概括為 4 個維度:

點:單頁面強化功能

線:多頁面打通鏈路

面:可視化構建模式

體:多通道拓寬渠道

下面從這四個維度分別介紹具體的設計方法。

一、點-強化功能

在單個頁面任務池中如何短平快的定位具體任務,設計著力點是健全查詢功能,包括 Tab 切換、搜索、篩選、排序、定位 5 方面的能力塑造。

大廠出品!從點線面體構建B端產品的「查詢設計模式」

1. Tab 切換

將任務按照類型、狀態做清晰的 tab 分割,便于找到目標任務的歸屬列表。在菜單分流的交互細節上①可增加任務數量,輔助用戶預知切換后的效果;②有數據的Tab優先展示,消滅空狀態帶來的挫敗感。

大廠出品!從點線面體構建B端產品的「查詢設計模式」

2. 搜索

通過任務的主要特征做精準查詢匹配,由于涉及到關鍵詞的錄入,在錄入方式上可提供掃描識別、語音識別、圖片識別和鍵盤板輸入多種方式組合,提高錄入的便捷性;在錄入的狀態上可拆分為:

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

大廠出品!從點線面體構建B端產品的「查詢設計模式」

3. 篩選

通過篩選過濾無效信息,縮小目標任務的范圍。①篩選方式上:有隱藏式的下拉篩選和平鋪式的標簽篩選,需要結合擴展性和頻率選用合理的形式;②篩選標準上:可從任務狀態、類型、時間、距離等角度提供多類別的篩選;定義篩選條件時要遵循Mece法則有節制的設定,避免枚舉項過多導致決策疲勞;③控件綁定數據:在篩選控件上加入一些關鍵的業務數據,為篩選動作提供決策依據。以下是3個融入業務數據的例子。

大廠出品!從點線面體構建B端產品的「查詢設計模式」

4. 排序

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

大廠出品!從點線面體構建B端產品的「查詢設計模式」

5. 定位

通過定位工具減少頁面滑動找到目標內容的位置。在任務內部或任務步驟頁面中同樣會遇到找信息的場景,比如信息量較大的任務詳情、選擇聯系人、全景視圖中,通常要無限的滾動逐步看到信息全貌,此時若有錨點定位、索引、小窗模式等定位工具,能夠減少滾動成本和模糊性,提高查找效率。

大廠出品!從點線面體構建B端產品的「查詢設計模式」

以上是查詢功能層的設計策略,根據場景提供合理的查詢工具,輔助用戶在海量信息中找到目標內容。

二、線-打通鏈路

這一章介紹跨多級頁面的任務查詢流程設計,著力點可從簡化層級、步驟引導、意圖識別創造鏈接實現任務的串聯,降低功能頁面、相關任務的查詢成本。

1. 簡化層級

簡化層級對于設計師并不陌生,場景上用戶進入系統后要找到任務池,通常有以下 3 種途徑:

  1. 導航分流:按業務邏輯設定系統的導航菜單,通過下探找到任務列表;
  2. 常用菜單:按菜單的重要程度、用戶使用的頻率設置常用菜單模塊,可省去通過導航查找菜單的步驟,快速鏈接到任務列表;
  3. 待辦任務:將高優任務聚合在首頁形成獨立的待辦模塊高曝光展示,保證用戶進入頁面后能夠及時發現任務;

大廠出品!從點線面體構建B端產品的「查詢設計模式」

2. 步驟引導

步驟引導是通過減少流程中的斷點,消除阻力提高易用性。首先分析需求發掘任務間邏輯關系:①若為包含關系,升維思考將若干個子任務組合成長鏈條的父任務,使各子任務無縫銜接,過渡自然連貫;②若為并列關系,在完成單個任務后,為同類型的任務增加流程觸點,提升處理任務的專注力營造沉浸式體驗。

大廠出品!從點線面體構建B端產品的「查詢設計模式」

3. 意圖識別

意圖識別是通過已發生的行為預判用戶下一步動作,主動提供具有導向性功能,縮短了行為和關聯功能間的跳轉步驟,貼心周到的細節是體現人性化設計理念的關鍵。此類案例有很多,如剪切板信息識別提醒、手機定位識別提醒、拍照識別動作、截屏識別等。

大廠出品!從點線面體構建B端產品的「查詢設計模式」

三、面-構建模式

除了強化功能、串聯流程之外,在信息架構上通過重組信息和控制數據范圍,從“面”上提高查詢效率。

1. 重組信息

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

大廠出品!從點線面體構建B端產品的「查詢設計模式」

2. 控制范圍

控制任務范圍保證用戶看到的任務準確、有效,本質是消除多余的信息干擾減輕決策負擔,以下是控制范圍的 3 種方式:

  1. 數據治理:提醒產品技術人員對數據及時做清洗治理,消除無效信息的堆積;
  2. 權限管理:將任務分角色授權,特殊情況時使用黑白名單控制可見性,為目標人群提供有效信息;
  3. 自定義控制:當角色邊界模糊無法通過系統邏輯劃分權限時,可以將任務分類授權給用戶,用戶自主維護信息類別掌握控制權,此類功能包含訂閱模式、分組模式、只看模式等。

大廠出品!從點線面體構建B端產品的「查詢設計模式」

四、體-拓寬渠道

前 3 節是用戶主動觸發點擊行為尋找任務,此外,系統也可幫助用戶篩選重要任務,使用通知提醒把高優任務用多通道的方式觸達用戶,查詢動作從「人找任務」轉變為「任務找人」模式,實現系統和用戶雙方的關系互構。

1. 全局提醒

全局提醒是信息輸入的一種渠道,彌補容易被用戶忽視的盲區,實現目標任務轉移。①何時提醒:在下發任務、出現異常、即將結束、已經超時等不同狀態提醒用戶及時發現-處理任務;②如何提醒:視覺高曝光展示、聽覺語音提醒、觸覺震動提醒,對任務重要程度加強感知,保證有效觸達;③用哪種方式提醒:可根據用戶場景分析VACP模型中四種資源的占用情況,科學的選取通道類型。

大廠出品!從點線面體構建B端產品的「查詢設計模式」

2. 語音助手

語音助手通過聽寫錄入解決雙手被占用不易操作問題。軟件系統不僅是輔助工具,作為智能體與人的關系逐步進化成伙伴關系,隨著自然語言問答的興起和語音識別技術能力的成熟,使用自然語言對話查詢任務成為新趨勢。系統結合大模型能力根據用戶說話內容做意圖識別,回答查詢結果和相應功能,讓查詢更加人性化、直接有效。比如駕駛場景車機系統的語音助手實現與系統無接觸式交互。

大廠出品!從點線面體構建B端產品的「查詢設計模式」

結語

回顧本文內容包含:點-單頁面強化功能,線-多頁面打通鏈路,面-可視化構建模式,體-多通道拓寬渠道。以上是我對查詢設計模式的總結,僅代表個人觀點。實踐出真知,行動助成長,產品設計不能紙上談兵,在落地應用時需要根據產品所處階段提供合適的設計策略。通過復盤查詢設計模式讓我對系統的認識變得豐富與深刻,若有不成熟的地方或有關查詢的新思路可以在評論區中留言探討,互相啟發共同進步。

歡迎關注「JellyDesign」的小程序

大廠出品!從點線面體構建B端產品的「查詢設計模式」

收藏 51
點贊 56

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。