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

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

一致又一體

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

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

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

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

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

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

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

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

輕量又高效

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

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

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

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

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

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

精致又個性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在Mate40系列上，“未來之翼”、“境界”、“星空彩繪”和“光之翼”四套主題都貫徹了“一鏡到底”的理念，效果都非常好，也非常受用戶的喜愛。大家可以通過這些圖片，感受下推敲設(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í)在背后默默付出了很多，而這些都是用戶無法直觀感知到的。

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