華為EMUI 11發(fā)布至今已經(jīng)兩個(gè)多月了，包括P40系列在內(nèi)的多款機(jī)型都已開啟了正式版升級(jí)，由于目前正值華為處于由安卓轉(zhuǎn)為鴻蒙系統(tǒng)的過渡時(shí)期，所以EMUI 11就變得讓人格外關(guān)注，11月20日，華為專門召開了媒體溝通會(huì)，詳細(xì)講解了EMUI 11系統(tǒng)設(shè)計(jì)背后的故事。同時(shí)讓我們來(lái)看看，對(duì)于EMUI以及將來(lái)的HarmonyOS，在UX設(shè)計(jì)方面，華為是如何思考的。

其實(shí)在去年設(shè)計(jì)EMUI 11的時(shí)候，華為就提出了三個(gè)主張：一致又一體、輕量又高效、精致又個(gè)性。這個(gè)排比句是貫穿華為EMUI以及HarmonyOS的UX設(shè)計(jì)理念，而在溝通會(huì)上，華為也通過了一系列研發(fā)背后的小故事，向大家再次闡述了這幾個(gè)關(guān)鍵詞。

一致又一體

首先說“一致又一體”中的“一致”?！耙恢隆笔腔A(chǔ)，華為在理解這個(gè)“一致”的時(shí)候，從EMUI成立到現(xiàn)在，一直在關(guān)注的是手機(jī)上的體驗(yàn)，手機(jī)已經(jīng)做了很久了。最近兩年華為擴(kuò)展到全場(chǎng)景、多設(shè)備、華為的1+8+N，通過過去近十年積累，華為覺得有很多的東西對(duì)于8+N設(shè)備也有借鑒意義。因?yàn)檎麄€(gè)社會(huì)的資源投入，使得手機(jī)的競(jìng)爭(zhēng)非常激烈，大家都往前走了，但是實(shí)際上在8甚至在N上，很多設(shè)計(jì)還是相對(duì)傳統(tǒng)的。

這是華為第一代智慧屏上市時(shí)界面的樣子，這是非常傳統(tǒng)的做法。但是用戶在找內(nèi)容的過程中，有點(diǎn)信息過載，所以華為有了新的思考，那像手機(jī)界面中常用的dock，是不是也可以被用在智慧屏上，作為功能的入口，不僅可以承載這些內(nèi)容，比如電視直播、視頻等，也可以在未來(lái)面向更多的功能不斷拓展，提供一個(gè)比較沉浸的界面。

當(dāng)然還有通知和控制中心以及多任務(wù)設(shè)計(jì)，華為在智慧屏里也有多任務(wù)，用戶在看一個(gè)視頻的時(shí)候，在不同的任務(wù)當(dāng)中進(jìn)行快捷切換也能夠更加方便，有了更多可能性，這種可能性是瞄準(zhǔn)未來(lái)，有更大的機(jī)會(huì)。華為把手機(jī)里UX設(shè)計(jì)的精髓，借鑒到其它的設(shè)備中，這就是華為所說的UX一致的借鑒。

除了“一致”外，還有個(gè)關(guān)鍵詞就是“一體”，華為曾經(jīng)在不同的場(chǎng)合講到超級(jí)終端，超級(jí)終端帶給用戶什么樣的機(jī)會(huì)呢？“一致”如果是表面上的“一致”，那么“一體”就是深入到底層。

華為提供了一張偏技術(shù)的圖，基于分布式技術(shù)來(lái)打造One Super Device，這就是華為一直主張的EMUI 11以及HarmonyOS虛擬超級(jí)終端的概念。華為像組裝一個(gè)硬件設(shè)備一樣來(lái)組裝超級(jí)終端。手機(jī)是很便攜的，這就意味著自身有一些體驗(yàn)上的限制，你可以通過其它設(shè)備擴(kuò)展你的能力，在一個(gè)體系里面，在設(shè)備當(dāng)中形成了一個(gè)真正一體化的超級(jí)終端。

從體驗(yàn)的設(shè)計(jì)角度來(lái)看，這個(gè)超級(jí)終端意味著什么？首先就是一體化的資源訪問，你的手機(jī)、Pad、智慧屏等等，組成一個(gè)超級(jí)終端，完全一體化的設(shè)備。其次是一體化的狀態(tài)與動(dòng)作反饋，還有一個(gè)是一體化的服務(wù)接續(xù)，這就是從體驗(yàn)的角度來(lái)解讀“一體”。

為此華為也舉了幾個(gè)生活化的例子：“我們回到家里，手機(jī)、Pad和電視機(jī)互聯(lián)之后，我可以從智慧屏里看到一體化的其它兩個(gè)設(shè)備里的東西，同時(shí)我也可以從手機(jī)或者Pad反過來(lái)看智慧屏上有什么東西，這兩個(gè)是臨時(shí)組成的一體化，不需要上云，或者做復(fù)雜的網(wǎng)絡(luò)連接配置，這是一體化的資源訪問?！?/p>

“我需要在智慧屏上搜索的時(shí)候，用遙控器打字往往非常麻煩，這時(shí)候就可以利用手機(jī)的鍵盤來(lái)進(jìn)行輸入，這是一體化狀態(tài)和動(dòng)作反饋。實(shí)際上這個(gè)反饋是基于近場(chǎng)的，它是更靈活的架構(gòu)。還有一個(gè)是服務(wù)的接續(xù)，我們現(xiàn)在已經(jīng)應(yīng)用到出行場(chǎng)景，打車的時(shí)候可以在手機(jī)上打車，手表上看到相應(yīng)的行程提醒；在手機(jī)上開啟步行導(dǎo)航后，導(dǎo)航提示也會(huì)展示在手表上；高鐵的信息，也會(huì)在手表上提醒，用最佳的設(shè)備來(lái)呈現(xiàn)你的信息?！?/p>

輕量又高效

講完“一致又一體”，再來(lái)看看“輕量又高效”，也就是智慧多窗功能的演變。華為一直認(rèn)為手機(jī)發(fā)展到現(xiàn)在，很多應(yīng)用性問題都體現(xiàn)在非常小的細(xì)節(jié)里，怎么樣解決從原來(lái)大家都“會(huì)用手機(jī)”到“用得更高效”呢？智慧多窗是華為最近幾個(gè)版本當(dāng)中一直在做的嘗試。

在手機(jī)里面，這樣的分屏有點(diǎn)“雞肋”，大家可用可不用。而在平板和折疊屏產(chǎn)品上，分屏非常重要，于是通過借鑒平板和折疊屏產(chǎn)品上分屏功能的使用經(jīng)驗(yàn)，華為收集了大量的用戶的反饋，在分屏的基礎(chǔ)上引入懸浮窗功能，層層優(yōu)化后，提供了一個(gè)更全面的智慧多窗概念，開啟了輕量交互更多的可能。

除此之外，華為還提出了“人因研究”的概念，華為做了一個(gè)人因?qū)嶒?yàn)，用程序記錄下用戶做不同手勢(shì)滑動(dòng)時(shí)屏幕的報(bào)點(diǎn)數(shù)據(jù)，對(duì)數(shù)據(jù)的變化趨勢(shì)進(jìn)行擬合，如果是上滑返回桌面的話，用戶手勢(shì)操作的速度是一直加速的，如果是上滑停留進(jìn)入多任務(wù)的話，是先加速再減速，這樣不同速度的變化規(guī)律就能夠告訴我們這兩種手勢(shì)有區(qū)分的可能性。

而動(dòng)效方面，用戶每天操作手機(jī)，會(huì)看到大量的手機(jī)動(dòng)效，比如頁(yè)面和頁(yè)面之間的切換和跳轉(zhuǎn)，我們稱之為叫做轉(zhuǎn)場(chǎng)動(dòng)效。轉(zhuǎn)場(chǎng)動(dòng)效是提升系統(tǒng)的流暢性和用戶愉悅度的重要組成部分，也是人因研究團(tuán)隊(duì)投入的重點(diǎn)方向。

對(duì)于這樣的一個(gè)課題，人因研究是怎么做的呢？華為會(huì)使用到這樣一個(gè)叫做眼動(dòng)儀的設(shè)備，記錄人接收視覺信息時(shí)眼睛的反應(yīng)，比如這個(gè)圖，華為可以通過眼動(dòng)儀記錄下來(lái)你眼睛在看哪里，叫做注視點(diǎn)，也可以記錄下來(lái)注視點(diǎn)到注視點(diǎn)之間的切換，叫做注視軌跡。

華為讓用戶觀看不同類型的手機(jī)動(dòng)效，通過這個(gè)眼動(dòng)儀記錄他看不同手機(jī)動(dòng)效時(shí)的眼動(dòng)數(shù)據(jù)，最終華為發(fā)現(xiàn)，相比普通的轉(zhuǎn)場(chǎng)動(dòng)效，在一鏡到底的轉(zhuǎn)場(chǎng)動(dòng)效下，用戶搜索目標(biāo)的平均時(shí)間縮短了1.2秒。而在這1.2秒的背后，華為做了超過1000個(gè)小時(shí)的眼動(dòng)實(shí)驗(yàn)。正是在這些實(shí)驗(yàn)的作用下，華為才能把平時(shí)用戶非常細(xì)膩而微小的體驗(yàn)變化放大，進(jìn)而提升產(chǎn)品體驗(yàn)。人因就是用這樣的方法讓設(shè)計(jì)為用戶提供一個(gè)更好的體驗(yàn)。

精致又個(gè)性

縱觀整個(gè)EMUI，從第一個(gè)版本發(fā)展到現(xiàn)在，經(jīng)過了幾個(gè)大版本打磨之后，華為也在思考下一步怎么給用戶提供更好的視覺體驗(yàn)。華為做了一次比較深入的用戶訪談，從整個(gè)訪談結(jié)果來(lái)看，用戶認(rèn)為華為整體的界面視覺設(shè)計(jì)還是不夠年輕，還是偏商務(wù)的感覺。

結(jié)合當(dāng)時(shí)對(duì)趨勢(shì)的洞察，以及用戶反饋，華為也在反思我們其實(shí)需要做出一些改變，我們?cè)谒伎颊麄€(gè)設(shè)計(jì)方向時(shí)，從整個(gè)現(xiàn)代設(shè)計(jì)的演進(jìn)，得到了一些靈感。

華為在整個(gè)視覺設(shè)計(jì)大的方向上面，還是希望形式追隨功能，給人一種更簡(jiǎn)潔高端的感覺。而另一方面，華為也希望在整個(gè)系統(tǒng)的特性方面，給用戶提供更多元、好玩的東西，滿足用戶個(gè)性化的需求。因此從EMUI10開始出現(xiàn)的雜志化布局、莫蘭迪色設(shè)計(jì)，到EMUI 11多元的AOD、藝術(shù)化的高定主題，整個(gè)視覺設(shè)計(jì)都呼應(yīng)到整體設(shè)計(jì)理念里面。

而在一些細(xì)節(jié)設(shè)計(jì)上，華為也下了不少心思，比如這個(gè)比較簡(jiǎn)單的息屏壁紙場(chǎng)景，里面也融入了設(shè)計(jì)師的很多小巧思。

華為通過對(duì)比真實(shí)小鹿腿部結(jié)構(gòu)，優(yōu)化了設(shè)計(jì)，比如說小腿的肌肉，還有蹄子前面拐角的地方，也做了比較豐富的細(xì)節(jié)，同時(shí)還優(yōu)化了整個(gè)小鹿行走的設(shè)計(jì)。

甚至還用了分層的方式，重新構(gòu)建森林的場(chǎng)景，比如說前景的一些小剪影，螢火蟲，中景的小鹿，再到遠(yuǎn)景散落的月光，通過這種數(shù)值變化，呈現(xiàn)整個(gè)場(chǎng)景的空間感。經(jīng)過前面一系列優(yōu)化和調(diào)整，才形成了最后的小鹿比較悠閑地在滿布螢光的森林中漫步的場(chǎng)景。

華為甚至結(jié)合了系統(tǒng)智慧感知的能力，比如當(dāng)設(shè)備監(jiān)測(cè)到用戶在看屏幕的時(shí)候，小鹿會(huì)有一個(gè)回眸互動(dòng)，輕觸屏幕時(shí)，小鹿會(huì)有一個(gè)仰望的動(dòng)畫，通過這樣的設(shè)計(jì)和技術(shù)的結(jié)合，加強(qiáng)小鹿的可交互性和情感元素。經(jīng)過簡(jiǎn)單的優(yōu)化，這樣一個(gè)簡(jiǎn)單的場(chǎng)景也能夠給人以個(gè)性的感覺。

至于emoji方面，華為也進(jìn)行了很多優(yōu)化，結(jié)合自研的“暢連App”，打造了一套有華為自己特色的emoji設(shè)計(jì)，在當(dāng)時(shí)的版本上面選擇了112個(gè)使用率比較高的emoji進(jìn)行重繪。

華為預(yù)先設(shè)計(jì)了多個(gè)版本，經(jīng)過層層優(yōu)化，選出了最具情感共鳴的表情，華為也在思考在整套emoji里面，怎么更突出自己的特點(diǎn)，結(jié)合本身的硬件特性。

從業(yè)界的一些資料來(lái)看，當(dāng)你加入更多感官體驗(yàn)之后，用戶的忠誠(chéng)度會(huì)進(jìn)一步提升，所以在設(shè)計(jì)過程中，華為還在整個(gè)靜態(tài)emoji上加入更多動(dòng)效、音效，還有振動(dòng)的協(xié)同增強(qiáng)用戶在視覺、聽覺、觸覺上的體驗(yàn)，生成新的Sound moji，這個(gè)是華為和業(yè)界比較有差異的點(diǎn)，更加靈動(dòng)和活潑。而這個(gè)特性大家可以在Mate40 Pro上體驗(yàn)到。

此外，華為還優(yōu)化了充電動(dòng)效，增加了更多的細(xì)節(jié)，讓整個(gè)設(shè)計(jì)顯得更加精致。

比如結(jié)合莫蘭迪色的方案，讓整個(gè)顏色更優(yōu)雅；有一點(diǎn)透明的材質(zhì)，讓效果細(xì)節(jié)上有了液態(tài)的感覺；靠不同的顏色體現(xiàn)不同的充電進(jìn)度，比如說橙色的就是10%以下，10%-20%就是中間的這個(gè)黃色的提醒效果；優(yōu)化充電動(dòng)效，反應(yīng)不同充電模式的狀態(tài)，提供了三種檔位，通過小球的數(shù)量，以及它運(yùn)動(dòng)的速度，體驗(yàn)不同充電的效果，比如普通充電到快充，到超級(jí)快充，往后的版本上面，如果有更加快的超級(jí)快充，華為后續(xù)可能還會(huì)考慮融入更多的細(xì)節(jié)。

主題方面，華為堅(jiān)持的官方主題設(shè)計(jì)中的理念是——“用藝術(shù)點(diǎn)亮科技的溫度”。

在Mate40系列上，華為主張“一鏡到底”主題的概念，可以把它想象成當(dāng)你看到一個(gè)舞臺(tái)，從一開始的一點(diǎn)點(diǎn)燈光，到慢慢拉開大幕，最后看到整個(gè)舞臺(tái)，這是非常自然的由外到內(nèi)的聯(lián)動(dòng)過程。華為希望把這個(gè)過程設(shè)計(jì)到手機(jī)使用的AOD到鎖屏再到桌面的聯(lián)動(dòng)開啟效果，獲得非常順暢的體驗(yàn)。

從Mate系列家族的默認(rèn)壁紙可以看到，隨著時(shí)間的推移，華為創(chuàng)作的過程經(jīng)歷了由簡(jiǎn)單到復(fù)雜，由模仿到原創(chuàng)的過程。

在Mate40系列上，“未來(lái)之翼”、“境界”、“星空彩繪”和“光之翼”四套主題都貫徹了“一鏡到底”的理念，效果都非常好，也非常受用戶的喜愛。大家可以通過這些圖片，感受下推敲設(shè)計(jì)的變化。

想要實(shí)現(xiàn)這些，除了設(shè)計(jì)團(tuán)隊(duì)要做到最佳以外，還要讓開發(fā)團(tuán)隊(duì)把設(shè)計(jì)通過代碼變成真正的產(chǎn)品，能夠交付到用戶的手上，所以從設(shè)計(jì)到產(chǎn)品的實(shí)現(xiàn)，華為團(tuán)隊(duì)確實(shí)在背后默默付出了很多，而這些都是用戶無(wú)法直觀感知到的。

至于HarmonyOS，溝通會(huì)上我們了解到，HarmonyOS很快就要用在手機(jī)上了，在HarmonyOS中，華為UX設(shè)計(jì)的三大理念將保持不變。同時(shí)，對(duì)于HarmonyOS，華為會(huì)有全新的設(shè)計(jì)語(yǔ)言，會(huì)有更多的創(chuàng)新場(chǎng)景，會(huì)有更多的全場(chǎng)景體驗(yàn)。實(shí)際上華為未來(lái)的設(shè)計(jì)不僅僅是圍繞著手機(jī)的，華為在設(shè)計(jì)之初就會(huì)考慮它在所有的1+8+N、所有設(shè)備上一致的體驗(yàn)。而未來(lái)，大家手里的Mate40系列也會(huì)優(yōu)先升級(jí)到HarmonyOS。
編輯：hfy