【學(xué)UI設(shè)計】百度這個語音搜索,體驗太棒啦!

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

?
?
二、設(shè)計挑戰(zhàn)與目標(biāo)
?
圍繞項目背景,從現(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)品討論過后,達(dá)成本次升級的核心目標(biāo):
構(gòu)建伙伴認(rèn)知:強化“AI伙伴”認(rèn)知,激發(fā)語音搜索行為。
滿足情感互動:完善語音搜索場景情感化互動體驗,滿足用戶期待。
增強沉浸體驗:打造可搜索、可互動、可操控、可定制等沉浸式語音搜索場景。
?

?
?
三、設(shè)計舉措
?
1、構(gòu)建認(rèn)知 - 語音搜索基礎(chǔ)框架升級
在舊頁面中,語音面板限制了人物與按鈕的展現(xiàn),人物既要承載功能反饋又需要作為物理操作按鍵進(jìn)行點擊操作,與用戶認(rèn)知相悖且也不利于功能擴展。因此在新版本設(shè)計中,需要明確“人”在語音搜索里的屬性,以及AI伙伴與語音搜索的關(guān)系。
?
我們將語音搜索頁面框架分為主要功能與輔助功能區(qū)。從舊語音面板中剝離出人物,并保留收音球在面板中做物理交互功能(發(fā)起收音、停止收音操作),利用AI伙伴的人物屬性,打造智能擬人的交互反饋,滿足用戶情感訴求。以“人”為中心,最大化展示AI形象,增強情緒傳遞感的同時保證框架可拓展性。
?
同時,將原堆積在面板中的功能與信息按優(yōu)先級歸位,確保頁面信息清晰易讀、功能操作熱區(qū)無重疊、信息反饋區(qū)無干擾。新框架上線后,AI伙伴互動與語音搜索的認(rèn)知關(guān)系更加清晰,語音搜索跳框量明顯增加,AI伙伴帶動面板整體導(dǎo)流增加,面板退出率下降。
?

?
2、引入情感 - 全場景情感化體驗提升
除了通過框架層面進(jìn)行認(rèn)知優(yōu)化之外,為營造更貼合“人”的互動體驗與情感建立,我們又根據(jù)語音場景對每個狀態(tài)進(jìn)行了情感體驗升級。改版上線后,用戶閑聊訴求和互動點擊行為均有所提升,從而驗證情感化的體驗提升,滿足了用戶互動訴求。
?
1)情感化引導(dǎo)提示:視覺上人物破框展示配合AI招手/比心的動作展示,不再是圖片,而是可以對話的實體,同時使用年輕化的引導(dǎo)語氣拉近與用戶間的距離,增加數(shù)字人曝光,建立新用戶心理預(yù)期,激發(fā)興趣點提轉(zhuǎn)化。
?

?

?
2)互動提示規(guī)則升級:圍繞“人”的真實情感,通過彈出氣泡的方式模擬AI伙伴狀態(tài),比如聽歌、讀書、游戲。以此引發(fā)用戶點擊或進(jìn)行互動行為嘗試。并且配合AI伙伴升級引導(dǎo)規(guī)則,使引導(dǎo)能夠根據(jù)不同場景進(jìn)行適配,保證其既可以承接語音常規(guī)引導(dǎo)功能,又可以承接負(fù)一樓聊天互動,點擊氣泡可跳轉(zhuǎn)對應(yīng)負(fù)一樓場景、聯(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)品主要改版方向后,通過對目標(biāo)的提煉,提取設(shè)計關(guān)鍵點「年輕化」與「情感化」,配合AI伙伴形象,需要呈現(xiàn)出輕松活力的氛圍感,設(shè)計中運用了大面積的毛玻璃質(zhì)感,使場景更加輕盈、沉浸。通過對色彩的運用來演繹年輕的視覺效果,詮釋語音搜索年輕化的設(shè)計突破。
?
1)定義視覺風(fēng)格:圍繞改版目標(biāo),定義設(shè)計關(guān)鍵詞,由關(guān)鍵詞延伸設(shè)計風(fēng)格要點。
?

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

?
基于視覺方向及特征提煉,在質(zhì)感、形狀、顏色三個設(shè)計中改動最大的方向詳細(xì)描述。
質(zhì)感:設(shè)計趨勢不斷變化,半透明磨砂質(zhì)感是近期流行的視覺風(fēng)格,透過表層可看到背景模糊形態(tài),有強化品質(zhì)感、突出層級以及營銷氛圍感的特點,同時匹配視覺方向「輕盈」的特征。
?

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

?
顏色:顏色的運用為本次改版的重中之重,是打造年輕化氛圍感知的基石。
考慮到語音搜索場景日后的拓展,色彩上希望可以營造給用戶一種輕松柔和的視覺氛圍,并且元素的色彩需要與AI伙伴服飾相呼應(yīng),從而使AI伙伴形象更加靈動、場景搭配更加和諧生動。
?
①基礎(chǔ)色彩范圍制定:
以度曉曉為示例,遍歷目前線上所有度曉曉服飾裝扮,對色彩進(jìn)行歸類處理,從中提取主題色系,從搜索色庫中對應(yīng)選出主題色環(huán)。
?

?
②如何在數(shù)字人裝扮中提取主體色:
我們需要把色彩量化,建立特定場景取色規(guī)則,根據(jù)規(guī)則層層篩選,我們可以從中獲取N種主體侯選色。
?

?
③校正主體色,與搜索智庫色彩形成映射關(guān)系:
通過對數(shù)字人裝扮的色彩分類,我們以H值為標(biāo)準(zhǔn),通過調(diào)整S值與B值,劃分了12個色相,設(shè)定對應(yīng)色系的H值區(qū)間范圍,如智能取色色值在該色相區(qū)間范圍內(nèi),且吸取到的候選色個數(shù)最多,就在對應(yīng)的色庫卡中選取主體色。
?
校正原則:色相必須保持是同類色、保持感官明度同頻、保證視障人群的識別度
?

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

?
⑤組件化思維拆解頁面元素:
?
在梳理了智能取色機制后,我們也在思考,語音面板涉及到的元素過多,往往會面臨不同場景不同適配的情況出現(xiàn),那么在做到視覺減負(fù)的同時,如何能靈活的替換對應(yīng)元素呢?
?
我們以組件化思維去拆分設(shè)計,進(jìn)行立體化的分層,將引導(dǎo)層(熱詞推薦引導(dǎo)關(guān)注)、信息展示層(承接語音各類狀態(tài)與信息)、形象層(強化AI伙伴智能感知)、背景層(烘托視覺氛圍感)羅列出來,各場景可根據(jù)需要進(jìn)行顏色延展,保證視覺樣式達(dá)成橫向統(tǒng)一,呈現(xiàn)出更加豐富的視覺內(nèi)容,避免審美疲勞。
?

?
總結(jié)本次語音搜索的改版升級,我們通過“構(gòu)建伙伴認(rèn)知、滿足情感互動、增強沉浸體驗”等手段,增強AI伙伴的曝光率,進(jìn)一步向用戶傳達(dá)智能搜索的感知,從而促進(jìn)搜索行為轉(zhuǎn)化。
?
構(gòu)建認(rèn)知過程中強化AI伙伴形象,增強語音搜索功能拓展性;同時結(jié)合“情感化”等全場景引導(dǎo)手段,營造更貼合“人”的互動體驗與情感建立,對每個狀態(tài)進(jìn)行了情感體驗升級;最后重新定制視覺風(fēng)格,圍繞「年輕化」關(guān)鍵點對整體氛圍進(jìn)行強化,讓語音搜索場景更加年輕、有氛圍感。本次改版上線后,搜索行為、互動行為均有所提升,用戶體驗也得到了顯著提升。
?

?
?
四、寫在最后
?
我們正處于數(shù)字化快速變革的時代,傳統(tǒng)工具的基礎(chǔ)功能已不再滿足用戶的訴求,人們的感官也從現(xiàn)實空間延伸到虛擬空間,AI伙伴會逐漸融入人們的生活,未來語音搜索將不再是一個信息輸入-結(jié)果輸出的傳統(tǒng)搜索工具,引入AI伙伴,可以讓搜索更加智能,擁有人類一樣的思維、表達(dá)、情感和學(xué)習(xí)能力,滿足人們更高層次的情感訴求的同時,也可以讓搜索更加簡單有趣。
?
未來我們持續(xù)對語音搜索進(jìn)行升級,將AI伙伴與搜索鏈接的更加緊密,提升用戶體驗,創(chuàng)造出更多有趣的、創(chuàng)新的、別出心裁的年輕化設(shè)計。
來源網(wǎng)絡(luò)