一、項目背景

語音搜索場景在功能不斷迭代的同時，也在探索更年輕化的玩法、傳遞更多元的體驗感受。在產(chǎn)品初期，我們嘗試在語音搜索場景下增加AI伙伴的形象，雖然線上版本已經(jīng)實現(xiàn)，但從產(chǎn)品形態(tài)以及用戶反饋上看，還沒有達到可情感互動的效果。所以在本次迭代上，我們著重從情感聯(lián)結(jié)、閑聊互動的維度，對語音搜索進行創(chuàng)新性嘗試。

二、設(shè)計挑戰(zhàn)與目標

圍繞項目背景，從現(xiàn)在語音搜索的用戶行為與框架來看，有幾個比較明確的問題：

• 數(shù)字人引入后，發(fā)現(xiàn)用戶對人物的點擊行為和聊天訴求均有增加，但由于功能受限，數(shù)字人沒有辦法給到及時回應(yīng)。用戶情感抒發(fā)得不到反饋；
• 用戶一搜即走，不會停留在語音搜索場景探索其他可玩功能。

因為前期在語音搜索的優(yōu)化中，已經(jīng)嘗試在面板中引入AI形象，上線后用戶反響強烈，用戶的行為中聊天、互動的訴求也明顯增加。由此可見，滿足用戶對AI伙伴的情感化訴求是十分有必要的，同時語音搜索引入AI伙伴是體現(xiàn)同行業(yè)差異化的有力創(chuàng)新點，從行業(yè)報告《2021年中國智能語音市場分析報告》中，也闡述了打造沉浸感語音搜索體驗與引入AI是目前智能語音市場的發(fā)展趨勢。

綜合以上原因，設(shè)計團隊在與產(chǎn)品討論過后，達成本次升級的核心目標：

• 構(gòu)建伙伴認知：強化“AI伙伴”認知，激發(fā)語音搜索行為。
• 滿足情感互動：完善語音搜索場景情感化互動體驗，滿足用戶期待。
• 增強沉浸體驗：打造可搜索、可互動、可操控、可定制等沉浸式語音搜索場景。

三、設(shè)計舉措

1、構(gòu)建認知 - 語音搜索基礎(chǔ)框架升級

在舊頁面中，語音面板限制了人物與按鈕的展現(xiàn)，人物既要承載功能反饋又需要作為物理操作按鍵進行點擊操作，與用戶認知相悖且也不利于功能擴展。因此在新版本設(shè)計中，需要明確“人”在語音搜索里的屬性，以及AI伙伴與語音搜索的關(guān)系。

我們將語音搜索頁面框架分為主要功能與輔助功能區(qū)。從舊語音面板中剝離出人物，并保留收音球在面板中做物理交互功能（發(fā)起收音、停止收音操作），利用AI伙伴的人物屬性，打造智能擬人的交互反饋，滿足用戶情感訴求。以“人”為中心，最大化展示AI形象，增強情緒傳遞感的同時保證框架可拓展性。

同時，將原堆積在面板中的功能與信息按優(yōu)先級歸位，確保頁面信息清晰易讀、功能操作熱區(qū)無重疊、信息反饋區(qū)無干擾。新框架上線后，AI伙伴互動與語音搜索的認知關(guān)系更加清晰，語音搜索跳框量明顯增加，AI伙伴帶動面板整體導(dǎo)流增加，面板退出率下降。

2、引入情感 - 全場景情感化體驗提升

除了通過框架層面進行認知優(yōu)化之外，為營造更貼合“人”的互動體驗與情感建立，我們又根據(jù)語音場景對每個狀態(tài)進行了情感體驗升級。改版上線后，用戶閑聊訴求和互動點擊行為均有所提升，從而驗證情感化的體驗提升，滿足了用戶互動訴求。

1）情感化引導(dǎo)提示：視覺上人物破框展示配合AI招手/比心的動作展示，不再是圖片，而是可以對話的實體，同時使用年輕化的引導(dǎo)語氣拉近與用戶間的距離，增加數(shù)字人曝光，建立新用戶心理預(yù)期，激發(fā)興趣點提轉(zhuǎn)化。

2）互動提示規(guī)則升級：圍繞“人”的真實情感，通過彈出氣泡的方式模擬AI伙伴狀態(tài)，比如聽歌、讀書、游戲。以此引發(fā)用戶點擊或進行互動行為嘗試。并且配合AI伙伴升級引導(dǎo)規(guī)則，使引導(dǎo)能夠根據(jù)不同場景進行適配，保證其既可以承接語音常規(guī)引導(dǎo)功能，又可以承接負一樓聊天互動，點擊氣泡可跳轉(zhuǎn)對應(yīng)負一樓場景、聯(lián)動數(shù)字人語境內(nèi)容，避免造成場景情感化割裂。 

3）增加“AI伙伴”情感反饋：增加人物動作、豐富情感化動態(tài)反饋，想要模擬更真實的“人”的狀態(tài)，就需要滿足更多擬人反饋。將語音搜索常見場景劃分為聆聽、識別解析、異常狀態(tài)、指令響應(yīng)、引導(dǎo)等5種狀態(tài)。對應(yīng)不同的狀態(tài)，規(guī)劃相應(yīng)的數(shù)字人反饋動作或組合使用方式，可復(fù)用拓展其他相關(guān)場景，為設(shè)計與開發(fā)提效。

3、感知升級 - 營造沉浸視覺氛圍

確定了產(chǎn)品主要改版方向后，通過對目標的提煉，提取設(shè)計關(guān)鍵點「年輕化」與「情感化」，配合AI伙伴形象，需要呈現(xiàn)出輕松活力的氛圍感，設(shè)計中運用了大面積的毛玻璃質(zhì)感，使場景更加輕盈、沉浸。通過對色彩的運用來演繹年輕的視覺效果，詮釋語音搜索年輕化的設(shè)計突破。

1）定義視覺風格：圍繞改版目標，定義設(shè)計關(guān)鍵詞，由關(guān)鍵詞延伸設(shè)計風格要點。

2）形色字構(gòu)質(zhì)動：從「形色字質(zhì)構(gòu)」5個方面提煉設(shè)計特征。

基于視覺方向及特征提煉，在質(zhì)感、形狀、顏色三個設(shè)計中改動最大的方向詳細描述。

• 質(zhì)感：設(shè)計趨勢不斷變化，半透明磨砂質(zhì)感是近期流行的視覺風格，透過表層可看到背景模糊形態(tài)，有強化品質(zhì)感、突出層級以及營銷氛圍感的特點，同時匹配視覺方向「輕盈」的特征。

• 形狀：在形狀的設(shè)計上，整體界面元素保持大量帶有弧度的形狀運用，提高面板、按鈕、圖標、彈窗等元素的曲線比例，讓界面始終保持年輕態(tài)，給人圓潤、親和的感受。

• 顏色：顏色的運用為本次改版的重中之重，是打造年輕化氛圍感知的基石。

考慮到語音搜索場景日后的拓展，色彩上希望可以營造給用戶一種輕松柔和的視覺氛圍，并且元素的色彩需要與AI伙伴服飾相呼應(yīng)，從而使AI伙伴形象更加靈動、場景搭配更加和諧生動。

①基礎(chǔ)色彩范圍制定：

以度曉曉為示例，遍歷目前線上所有度曉曉服飾裝扮，對色彩進行歸類處理，從中提取主題色系，從搜索色庫中對應(yīng)選出主題色環(huán)。

②如何在數(shù)字人裝扮中提取主體色：

我們需要把色彩量化，建立特定場景取色規(guī)則，根據(jù)規(guī)則層層篩選，我們可以從中獲取N種主體侯選色。

③校正主體色，與搜索智庫色彩形成映射關(guān)系：

通過對數(shù)字人裝扮的色彩分類，我們以H值為標準，通過調(diào)整S值與B值，劃分了12個色相，設(shè)定對應(yīng)色系的H值區(qū)間范圍，如智能取色色值在該色相區(qū)間范圍內(nèi)，且吸取到的候選色個數(shù)最多，就在對應(yīng)的色庫卡中選取主體色。

校正原則：色相必須保持是同類色、保持感官明度同頻、保證視障人群的識別度

④建立輔助色搭配規(guī)則：

為了保持背景層的色彩氛圍營造，保證其具有清晰的識別度，我們以主體色為起點，選擇了顏色相對較多的鄰近色，在色溫上保持整體色調(diào)的一致性，其次利用對比色和互補色，選擇更加豐富多元的色相，制造更強烈的色彩對比，以保證滿足各種使用場景下對色彩的需求。

⑤組件化思維拆解頁面元素：

在梳理了智能取色機制后，我們也在思考，語音面板涉及到的元素過多，往往會面臨不同場景不同適配的情況出現(xiàn)，那么在做到視覺減負的同時，如何能靈活的替換對應(yīng)元素呢？

我們以組件化思維去拆分設(shè)計，進行立體化的分層，將引導(dǎo)層（熱詞推薦引導(dǎo)關(guān)注）、信息展示層（承接語音各類狀態(tài)與信息）、形象層（強化AI伙伴智能感知）、背景層（烘托視覺氛圍感）羅列出來，各場景可根據(jù)需要進行顏色延展，保證視覺樣式達成橫向統(tǒng)一，呈現(xiàn)出更加豐富的視覺內(nèi)容，避免審美疲勞。

總結(jié)本次語音搜索的改版升級，我們通過“構(gòu)建伙伴認知、滿足情感互動、增強沉浸體驗”等手段，增強AI伙伴的曝光率，進一步向用戶傳達智能搜索的感知，從而促進搜索行為轉(zhuǎn)化。

構(gòu)建認知過程中強化AI伙伴形象，增強語音搜索功能拓展性；同時結(jié)合“情感化”等全場景引導(dǎo)手段，營造更貼合“人”的互動體驗與情感建立，對每個狀態(tài)進行了情感體驗升級；最后重新定制視覺風格，圍繞「年輕化」關(guān)鍵點對整體氛圍進行強化，讓語音搜索場景更加年輕、有氛圍感。本次改版上線后，搜索行為、互動行為均有所提升，用戶體驗也得到了顯著提升。

四、寫在最后

我們正處于數(shù)字化快速變革的時代，傳統(tǒng)工具的基礎(chǔ)功能已不再滿足用戶的訴求，人們的感官也從現(xiàn)實空間延伸到虛擬空間，AI伙伴會逐漸融入人們的生活，未來語音搜索將不再是一個信息輸入-結(jié)果輸出的傳統(tǒng)搜索工具，引入AI伙伴，可以讓搜索更加智能，擁有人類一樣的思維、表達、情感和學習能力，滿足人們更高層次的情感訴求的同時，也可以讓搜索更加簡單有趣。

未來我們持續(xù)對語音搜索進行升級，將AI伙伴與搜索鏈接的更加緊密，提升用戶體驗，創(chuàng)造出更多有趣的、創(chuàng)新的、別出心裁的年輕化設(shè)計。

---