一、項(xiàng)目背景

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

二、設(shè)計(jì)挑戰(zhàn)與目標(biāo)

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

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

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

綜合以上原因，設(shè)計(jì)團(tuán)隊(duì)在與產(chǎn)品討論過(guò)后，達(dá)成本次升級(jí)的核心目標(biāo)：

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

三、設(shè)計(jì)舉措

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

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

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

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

2、引入情感 - 全場(chǎng)景情感化體驗(yàn)提升

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

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

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

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

3、感知升級(jí) - 營(yíng)造沉浸視覺(jué)氛圍

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

1）定義視覺(jué)風(fēng)格：圍繞改版目標(biāo)，定義設(shè)計(jì)關(guān)鍵詞，由關(guān)鍵詞延伸設(shè)計(jì)風(fēng)格要點(diǎn)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

⑤組件化思維拆解頁(yè)面元素：

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

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

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

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

四、寫(xiě)在最后

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

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

---