華為智慧屏的界面背後:這可不是一塊簡單的屏

華為智慧屏是在用戶日常使用的智能手機基礎上進行放大,實現更大的智慧。我們知道,手機擁有大屏幕,攝像頭,麥克風,音響(類似人的臉、眼睛、耳朵,嘴巴)。華為智慧屏在手機高級智能的基礎上,擁有更大的屏幕、AI攝像頭、遠場拾音6麥克、影院級音響,這些是智慧屏的智慧化硬件基礎,那麼在這基礎之上,華為智慧屏是如何進行UX(用戶體驗)設計的呢?

背景

1、WHY:為什麼要做智慧屏?

AI和5G已經是非常明確的技術發展趨勢,這對用戶體驗會有不小的影響。簡單來說,AI能夠給用戶帶來更智慧的體驗。相對於現在用戶需要在各個應用裡尋找自己需要的服務,未來應該根據用戶的場景,直接給用戶提供最需要的功能,這就需要把原來深藏在各個應用裡的功能原子化。而5G可以預見的會帶來IoT的更廣泛應用,未來用戶的體驗不會侷限在手機上,而應該是結合用戶當前的場景,在合適的設備上提供合適的內容。因此,AI和5G兩者相加,可以理解為把原子化的功能智慧分發到更多的設備上。

華為智慧屏的界面背後:這可不是一塊簡單的屏

另外,現在的智能電視體驗,在AI、智能家居等技術和應用普及前就已經成型,而從交互體驗的底層架構上,並不能很好的滿足新的用戶需求。例如,目前的智能電視系統,普遍沒有處理好類似智能家居、視頻通話這類功能和傳統視頻娛樂內容之間的關係。所以我們嘗試重新設計大屏的體驗,希望智慧屏能夠為用戶帶來更有價值的體驗。

2、WHAT:智慧屏應該滿足哪些用戶需求?

為了搞清楚真實的用戶需求,在參考了智能電視獨立應用的用戶使用數據後,發現用戶在大屏上除了看視頻,音樂、教育、生活服務、購物娛樂等服務也逐漸成為大屏日常使用的一部分,用戶需求已經在往多元化方向發展,這對產品規劃和設計是一個很重要的啟發和洞察,用戶需求服務排名參考以下示意圖:

華為智慧屏的界面背後:這可不是一塊簡單的屏

在探索這些行為背後的需求,分析需求內在邏輯後發現,大屏作為用戶客廳中獲得最大注意力的設備,用戶希望其能夠幫助自己連接到更廣泛的世界,這其中包括連接內容、服務、其他人以及設備。因此,我們定義了智慧屏要滿足的4類用戶需求,推薦個性化精品內容;溝通關懷,讓家人聚在一起;提供貼心的家庭生活服務以及便捷的家庭、個人設備管理。

華為智慧屏的界面背後:這可不是一塊簡單的屏

3、HOW:應該如何滿足這些需求?

目前智能電視的體驗主要分2類,一類是以電影、電視劇這樣的內容分類來組織信息,導航方式上以Tab切換為主;另一類是以應用的維度來組織,導航方式以應用入口加內容預覽為主。第一種在國內用的比較多,第二種是國外的主流做法。兩者雖然理念不同,但都是以人找內容為主的設計思路。其實換位思考一下,我們幾乎每天都置身於內容和信息的海洋,面臨著太多的選擇,不知道看什麼,聽什麼,吃什麼,穿什麼。結合之前的趨勢分析,未來的體驗,應該是在合適的時候提供合適的功能,如果要讓智慧屏真正智慧起來,可以從服務找人的角度來思考產品的架構,通過對用戶的學習和對多樣化場景的感知與判斷,主動智能的提供用戶當前最需要的內容,減少用戶的選擇和瀏覽成本。

華為智慧屏的界面背後:這可不是一塊簡單的屏

簡單總結下,在智慧屏上,我們希望通過服務找人的方式來滿足用戶連接內容、人、設備和服務的需求。

華為智慧屏的界面背後:這可不是一塊簡單的屏

結構

有了前面的分析,接下來我們開始考慮應該如何設計智慧屏的整體架構。設計過程中,我們主要有以下3點思考:

1、讓智慧變大:

智慧屏不僅是一個單一的設備,更應該是完整系統的一部分。在未來,設備越來越多的趨勢下,用戶不需要每買一個產品,都重新學習一次,重新適應不同的使用習慣,而應該是在一個完整系統獲得中增強式的體驗。

2、簡單的形式,承載豐富的能力:

無論是數學公式還是物理定律,越簡單的往往越接近真理。智能手機的發展規律也證明了這點,現在的智能手機幾乎無所不能,但是其系統界面非常的簡單幹淨。對比到智慧屏的設計,我們也是希望能夠通過最簡單的信息組織方式,為用戶提供豐富強大的能力。

華為智慧屏的界面背後:這可不是一塊簡單的屏

我們用消費者最熟悉的手機UI操控理念,來設計智慧屏UX。華為智慧屏UX如同手機界面一般簡潔、乾淨,並且還保留了手機用戶體驗,如最快捷應用入口,對應手機的常用快捷應用;動態服務卡片推薦導航欄,對應手機智能推薦;情感化問候語,對應手機導航欄。智慧屏UX與硬件完美結合,實現真正的智慧化,讓用戶不會花多少學習時間,就能熟悉使用這一新品類產品。

3、情感超越界面:

智慧屏不應該是一個內容貨架,而是應該像一個貼心的助手,時刻陪伴著你,等待著你的召喚。打開智慧屏,就像是看到了一位非常熟悉瞭解你的老朋友,和你簡單溫馨的問候,然後貼心的給你推薦當前需要的內容。當然,如果這些沒有滿足你,你還可以通過快速的應用入口,直達你想要的服務。

華為智慧屏的界面背後:這可不是一塊簡單的屏

華為智慧屏的界面背後:這可不是一塊簡單的屏

情景

在實際生活中,用戶在不同環境中,用戶需求會有很大的不同,情景智能的設計,可以很好的滿足這種個性化的需求。比如早上的場景,我們學習到這個用戶可能比較關心今天的天氣怎麼樣、早上有聽新聞和做運動的習慣,那麼在智慧屏首頁就會優先呈現這些服務內容。

華為智慧屏的界面背後:這可不是一塊簡單的屏

再例如晚上的場景,這個時間段普遍是處在一種休閒娛樂放鬆的狀態,智慧屏首頁會優先推薦上一次用戶的觀看記錄,最近在追的電視劇,熱門的電影,晚餐菜譜等內容。

華為智慧屏的界面背後:這可不是一塊簡單的屏

要讓用戶感知到不同的服務,其動態的排序推薦是準確且符合預期,這需要設計師和產品經理深入思考、梳理每個服務的生命週期以及用戶在使用服務的整個過程中有哪些接觸點,以及這些接觸點可能涉及到的服務狀態變化。這些產生變化的時機,被我們定義為服務的觸發機制。比如觀看體育比賽的場景,用戶關注了一場賽事,比賽開始時間前15分鐘,體育賽事的卡片就會自動排到最前面,目的在於提醒用戶及時觀看比賽。

華為智慧屏的界面背後:這可不是一塊簡單的屏

視覺

美並不是天馬行空的靈感,背後需要有秩序和節奏的思考。在設計的過程中,我們希望每個設計元素都能做到有源可尋。

1、橫向柵格:

我們把大屏內容進行橫向12等分處理,同時因為整個智慧屏內容層,智慧卡片佔據了近乎屏幕一半的空間,因此我們將內容與屏幕的邊距調整為120dp,以緩解由於大卡片所帶來的畫面擁擠感。

華為智慧屏的界面背後:這可不是一塊簡單的屏

2、縱向柵格:

對於大部分界面而言,縱向佈局並不需要過多的約束,更應該強調功能模塊與內容本身之間的關係,但是在智慧屏設計上並不存在縱項的內容擴展,所以為了讓界面看上去更協調,我們將縱向空間10等分,重構界面各模塊間的關係,讓整體更加合理且舒適。

華為智慧屏的界面背後:這可不是一塊簡單的屏

3、自然:

從擬物到平面,是設計的發展趨勢,但有時候,適度的從自然中取材,可以讓用戶更直觀的理解功能,同時也為設計賦予了意義。

華為智慧屏的界面背後:這可不是一塊簡單的屏

華為智慧屏的界面背後:這可不是一塊簡單的屏

4、內容:

情景卡片有很多媒體內容類的卡片,形式追隨內容,是我們一個很重要的設計原則。去除不必要的裝飾和其它可能干擾用戶注意力的元素,讓用戶專注在內容本身。例如當用戶在新聞或音樂卡片的停留超過2S,這個卡片會變成一個播放狀態,幫助用戶自然而然的沉浸到內容中。

5、平衡:

情景服務卡片品類繁多,給我們在設計上帶來了很大的挑戰,我們既希望所有卡片看起來都能和諧統一,又希望每張卡片的信息呈現都能清晰直觀,更快更容易的觸達用戶。為了達到統一性和差異化的平衡,我們把文字、間距、顏色、背景定義為組件化的小元素,抽象組合成不同模板。另外,這樣做也減少了重複開發的成本,只需要很少的投入就能實現服務快速上線。

華為智慧屏的界面背後:這可不是一塊簡單的屏

6、圖形:

在應用圖標設計上,在遵循產品品牌基因的前提下,設計出更符合大屏整體視覺風格的圖標。在設計過程中我們透過顏色、樣式、類型等維度進行視覺重組。

華為智慧屏的界面背後:這可不是一塊簡單的屏

總結

隨著5G商用牌照發放,我國正式進入5G商用元年,這對推進我國音視頻產業升級,加快行業數字化、網絡化、智能化發展步伐意義深遠,為此,2019年第十五屆中國音視頻產業大會(AVF)日前在深圳召開,討論了音視頻產業的新生態、智慧新場景,併為華為智慧屏頒發了“2019中國電子視像行業協會科技創新獎-產品創新獎”。

智慧屏是華為在智慧全場景用戶體驗藍圖中的一次實踐,我們嘗試突破傳統智能電視框架,重新思考人、設備和信息之間的關係,希望通過融合了經典和創新的綜合產品設計方案,給用戶帶來面向未來、有價值的體驗。

華為智慧屏的界面背後:這可不是一塊簡單的屏

關注@華為終端 官方號,瞭解華為手機等智能產品官方頭條資訊。


分享到:


相關文章: