論壇上,以「溫暖的科技」為主題,兩位百度DuerOS用戶體驗設計師向觀眾詳細介紹了小度從界面,燈光,音效等多維度進行的立體化設計系統升級,包含根據家庭環境光而設計的深色主題,圓角設計,讓界面更具親和力;在無屏音箱的燈光設計上,通過高效穩定的功能型燈光和氛圍燈光搭建起小度燈光的立體交互系統;在音效系統設計上,採用中國傳統五聲音階進行旋律創作,並融入生活場景中人們熟悉的聲音,讓小度音效更適合中國家庭。從而為中國家庭用戶帶來最溫暖的家庭人工智能產品體驗。
小度設計系統升級
以下為演講實錄:

大家好!我們是來自小度用戶體驗部的設計師。
我是設計師小王,我是設計師小劉。
小王:相信去年也來參加我們論壇的老朋友還記得,也是在這個舞台上,我們為大家分享了關於在設計智慧型人機對話系統中的一些思考。
在之後的這一年裡,我們也是繼續努力在為小度產品,還原一個自然的,符合家居場景的舒適體驗。也就是我們今天的主題,智能和家居環境。正式開始分享之前我想問你個問題,你身為小度的設計師在使用小度產品嗎?
小劉:這是當然,我有很多小度設備,比如小度音箱、小度在家、小度電視伴侶,還給我媽媽買了一台小度音箱1S。
小王:那你也算是小度的發燒友了,相信小度的名字已經深入人心了,也有越來越多的朋友在使用小度小度去解放雙手便捷的獲取信息和服務,提升生活質量。
那麼接下來,我給大家先分享一組數據!最新的統計結果顯示,在剛剛過去的6月份,一個月內,小度設備的語音交互次數就達到了36億次!也就是說,平均每秒,我們的用戶就和小度交流了一千多次。

小劉:一眨眼的工夫就交互了上千次,真的是件非常令人自豪的事情。
小王:沒錯,另一方面也展現出小度更加深入地參與到我們的生活中,這也使得我們的用戶群更加豐富了,很多老人、孩子都成為了小度的忠實用戶,可以說小度是拉近了家人之間的距離。
這也讓我們重新思考,小度如何才能夠更好的為家庭中的每一個人服務。給家人帶來一個友好,溫暖的體驗。我再問你一個問題,你有那麼多小度設備,在日常交流中它給你的感受是怎樣的?
小劉:我感觸非常深,舉個最簡單的例子,我問小度天氣的時候它會提醒我陰天了一會要下雨,出門一定要帶傘,很關心我很懂我的感覺。在沒有小度之前這都是我的家人提醒我的事,小度越來越像家人了。
小王:從單純執行命令的語音助手變得貼心了,更溫暖彷彿變成了家庭的一分子,於是我們明確了小度的定位,我們認為它除了需要像大部分語音助手那樣體現智能以外,還應該是溫暖的貼心的像家人讓人感到安全的,所以結合以上的結論,我們今天正式在這裡向大家發佈全新的小度設計理念—溫暖的科技。
小劉:溫暖的科技也代表了我們想要傳遞給用戶的使用感受。下面我們就從界面、燈光、音效這三個部分為大家介紹下小度一年裡進行的設計系統升級。

首先是界面部分,小度智能產品是語音交互為主的產品,界面補充了小度的視覺通道,可以說讓小度整體的交互變得更加立體了。
小王:大家應該都知道,我們小度產品和傳統的互聯網產品最大的區別就是,我們是一個以家居場景為主的智能產品。因為大家可能隨時隨地都會用手機,無論是在室內,還是室外。而我們小度產品,可以說大部分的使用場景,都是在家裡。
我們先來看一下環境的差異,家裡跟戶外的環境光照強度是有很大區別的。像今天的室外溫度很高,此時的陽光光照是非常強烈的,最高能夠達到10萬勒克斯(勒克斯是一個光照度的單位),但現在室內的照度,最高也就500左右,他們之間足足相差了將近兩百倍。
大家不要覺得這個兩百倍是我誇張的,想象一下,這個時候,我們猛然拉開窗帘立馬看到外面強烈的陽光,是不是感覺自己瞬間睜不開眼了。

我們小度產品的使用場景,大多就是在家裡。一天中家庭環境里光照的變化,並沒有在外面的差別那麼大。可以說整體來說還是比較暗的。
這個時候如果看見一個比較亮的屏幕,人眼受到的刺激就會比較強烈。這是由於眼睛已經適應了一個比較暗的環境,當突然受到強光刺激時,眼睛的適應狀態被破壞了,造成的不適感,稱為眩光反應。
我們引用國際標準化組織研究出的屏幕亮度比值, 不超過10:1,只要在這個範圍內,就能保證屏幕內容的清晰呈現,並且是家居環境下人眼最舒適的一個狀態。
那我們小度作為家庭設備,更多陪伴家人的時間段是在晚上,所以我們根據用戶的使用環境,來定義界面背景色的深淺,減少屏幕對眼睛的刺激。所以根據這個範圍,我們為小度的帶屏設備,設計了更適合家居環境的深色主題。

這樣的深色色彩氛圍,其實它並不是為了長時間閱讀文字而設計的,我們只希望讓用戶聚焦那些最關鍵的信息就足夠了。
其次,深色的色彩也是能夠更好的融入家居環境,不會顯得跳脫,也不會刻意打擾用戶。希望通過我們努力,能為大家帶來更好的視覺體驗!
除了顏色上的處理,我們還在界面設計的細節處,也體現了小度的溫暖,下面請小劉為我們介紹一下小度界面中的圓角設計。
小劉:人們對弧形的偏好是可以通過對腦部的掃描來證實的。世界頂尖的神經研究所,美國的巴羅神經學研究所(BNI)。進行了很多這方面的研究,他們研究發現:「感知角的那部分神經迴路會產生與角的突出關係相關的活動。越銳利的角會產生越強的反應。」
專業術語會比一般的口語,大腦處理起來要更複雜。而人們都喜歡簡單的、輕鬆的。這句話簡單講就是我們看到一個銳利的角,會比弧形,我們的大腦處理起來會複雜一些,所以大家會覺得圓角更親和。家庭裡面有很多老人孩子的用戶,這個親和就很重要了,而且圓角會帶來更安全的感覺。

除了認知神經給我們帶來的感受上的差別以外,設計中更重要的一個原則,是形式是為內容服務的,以我們界面系統中最基礎的卡片元素為例,單張的圓角卡片,四個圓角向中心是有指向性的,會讓內容更聚焦。
在一個卡片列表裡面,連續對齊的直角卡片列表會在視覺上形成一個虛擬邊緣,看上去更像是一個內容中的幾個部分。當它們具有圓角的時候,卡片會更獨立,更容易讓人一眼就看出我想要的內容是第幾個。在語音產品裡面,我們直接說第幾個,會比念出標題來選擇內容,效率更高。尤其是在標題比較長的時候。所以啊,圓角在語音產品裡面表現會更好
為了找到最合適的圓角範圍,我們也和人工智能交互設計院的專家們一起,做了很多的研究和調研工作,可以看出,不同設備在各自的觀看距離範圍內,圓角尺寸的不同,也會給用戶帶來不同的感受。圓角太大或者太小,用戶觀看屏幕的舒適度都會有一定的下降。我們根據這一調研結果,在不同場景的產品中 也設計了一套讓用戶感覺最舒適的圓角變化。

除了卡片元素,我們也把圓角這一基礎形態廣泛應用在了圖標,語音氣泡,音波的界面設計中。我們在保證信息量和觀感的前提下,讓小度的界面系統更友好,更溫暖,也讓內容更加聚焦。
我們不僅把生活中的場景運用在了有屏音箱的界面中,還延續到了無屏音箱的光效設計裡面。
小王:沒想到小圓角也有大的設計。在智能對話系統中,界面只是視覺通道的一部分,燈光是我們在視覺通道遇到的一個全新的課題,接下來就讓我們一起了解一下小度賦予燈光的新意義。

小劉:燈大家很熟悉了,但是燈光交互,是語音產品催生的一個新的交互領域。
在今年,我們和百度人工智能交互設計院人機探索實驗室一起,建立了小度全新的燈光交互系統。在無屏設備上,燈光就當於是設備的「屏幕」,它配合語音回復,讓人們能夠更直觀的感受到,設備是正在和人進行對話的一個狀態,最常見的喚醒、聆聽、解析,這種功能型的燈效,通常都是穩定和高效的。
我們來看看喚醒這個狀態,當用戶說「小度小度」喚醒他的時候,無屏音箱的頂部,會在藍色基礎的光圈上,呈現出一個非常靈動的紅色高光。不管用戶是在哪個方位喚醒小度,紅色的高光都能迅速的聚合在人說話方向上,就像人與人對話時,一定是需要有眼神交流的。
有種注視着你,用心去傾聽的感覺。聆聽的時候,靜靜的注視着你,並且予以一定的回應,好像是在點頭肯定,我們希望小度是一個很友好的傾聽者。解析,是小度在思考的狀態。
功能型的燈效是屏幕中音波的延伸,在顏色上,延用了小度的品牌色,讓燈光更具有識別度。那麼除此之外,我們還設計了一些家庭中特定場景下的燈效。根據場景來變化不同的顏色和動態效果,來烘托不同的氛圍。

我們希望不論是無屏音箱還是有屏音箱,小度都能夠讓人們感受到家的溫暖。他們組成了小度的智能燈光交互體系,可以說燈光交互,是讓我們小度的視覺通道變得更加完善了。
關於氛圍型的燈效,給大家舉個例子。我們經常遇到這樣的情況,就是半夜醒來想去喝口水,但周圍一片漆黑,我們就只能摸黑去找燈的開關。好不容易把燈打開了,又會因為瞬間的亮光刺激睜不開眼。那麼這時,如果你的床頭有一台小度音箱1s。你只需小聲對它說「小度小度,打開小夜燈。」
在夜晚模式下喚醒小度,它不會用語音來回復你,它會進行無聲的燈效反饋。小度不會說話,只是緩緩為你亮起一個溫暖而不刺眼的微光,照亮的你床前。它不僅僅是作為設備的一個反饋提示,而是被我們真正賦予了溫度,讓小度在的地方成了家裡一個很溫暖的角落。
小王:界面和燈光,都是視覺通道,那麼,聽覺通道是智能對話系統中最基礎也是最重要的環節,我們請到了音樂領域的資深專家來和我們一起,打造了全新的小度音效體系,從旋律的設計,到音色的變化,都體現了我們「溫暖的科技」的設計理念,也更適合我們中國家庭的使用場景。
很榮幸的跟大家介紹,小度音效的明星製作人韋偉。韋偉老師是最近大火的旅行團樂隊的鍵盤手,同時也是國內非常資深的編曲人和音樂製作人。下面我們就一起聽聽他對於小度音效的理解。

韋偉:這次音效製作在旋律創作上採用了中國傳統的五聲音階,這樣做是想讓用戶在使用百度產品的時候有熟悉感,縮短產品與客戶之間的距離。在製作音色選擇上,我們用了很多大家生活場景當中熟悉的聲音,比如鐘聲、鈴聲,希望喚起大家對生活的回憶,聯想到與家人在一起溫暖的感覺;同時加入電子聲效,希望能給大家帶來溫暖的科技的感覺。本月會陸續上線這些音效,希望大家喜歡。
小王:就像韋偉老師說的,全新的小度音效體系本月就會在小度產品中陸續跟大家見面,希望大家多多體驗,也歡迎大家給我們提出寶貴意見。
以上,就是我們在界面、燈光和音效上對小度進行的多維度的設計系統升級。
小劉:我們通過這些系統性的設計,來為小度產品,打造了一個更加融入中國家庭場景的智能對話體驗。
小王:希望通過我們的努力,能夠讓家裡的每一個人,都能感受到那一份溫暖的科技的力量。謝謝!