和諧共生的UX美學(xué),HarmonyOS用科技打造全新交互體驗
自6月2日HarmonyOS 2正式發(fā)布以來,僅不到一周時間升級用戶就突破千萬;而僅一個月的時間,HarmonyOS 2的用戶升級總量已達3000萬。數(shù)字足以證明消費者對鴻蒙的期待與信任。這款全新的操作系統(tǒng),短時間內(nèi)為何會受到如此多的用戶追捧?
這也是因為華為在這款操作系統(tǒng)上做了充分的準備,如此迅速的升級率背后,除了鴻蒙本身具有的優(yōu)秀的萬物互聯(lián)能力,部分用戶也是出于對分布式系統(tǒng)的好奇以及對國產(chǎn)操作系統(tǒng)的支持,但對非發(fā)燒友的普通用戶來說,第一動力更多是被HarmonyOS 2全新的UX美學(xué)抓住眼球,畢竟沒人能拒絕美的事物。
定義一套系統(tǒng)的美學(xué)需要考慮的維度很多,既要有最直觀的視覺,又要有背后的邏輯,還要對未來趨勢進行探索。HarmonyOS的設(shè)計理念核心圍繞三個關(guān)鍵詞:One、Harmonious、Universe,其背后代表的含義分別是統(tǒng)一的設(shè)計靈感、和諧共生、衍生萬物。釋義成用戶更能理解的語言,可以理解為立足當(dāng)下、面向萬物、著眼未來的理念。三者疊加,組成面向多設(shè)備、多場景的鴻蒙宇宙。
對用戶來講也許未必能直觀領(lǐng)悟鴻蒙團隊每一處設(shè)計的含義,但在用過HarmonyOS 2以后,相信很多人都會與筆者有相似的認知,這套全新的系統(tǒng)不會讓你感到陌生,反倒是很自然、很流暢、易上手,每一幀交互都很和諧,這背后的奧秘就是華為的人因研究。
具象到產(chǎn)品層面,以每人每天都會滑動無數(shù)次桌面的交互為例。升級后的用戶感覺HarmonyOS 2很流暢、動作跟手,其中不僅有內(nèi)存管理的優(yōu)化,更有人因研究的功勞。華為采用科學(xué)量化的方式解決人因這一復(fù)雜問題。以上滑舉例,華為招募大量志愿者收集滑動信息,通過大數(shù)據(jù)的熱力圖累加對上滑等操作進行優(yōu)化。包括卡片動效/最大幀間距等基礎(chǔ)操作都進行了優(yōu)化,方使HarmonyOS操作感流暢絲滑。由于手指滑動是多條彎曲的軌跡,若想呈現(xiàn)舒適自然的人機交互,就不能只在動畫流暢度、提高輸出幀數(shù)上優(yōu)化。人因團隊通過研究發(fā)掘了三個關(guān)鍵指標(biāo),即滑動的角度、滑動的速度、滑動的距離,再對海量數(shù)據(jù)進行科學(xué)計算和預(yù)測,讓系統(tǒng)更能理解用戶的操作動向與意圖。不僅提升流暢度與跟手性,也降低了誤操作的頻率。
再比如鴻蒙操作系統(tǒng)在匹配120Hz的屏幕硬件上,并非直接拉升動畫輸出幀率,其中也蘊含很多人因研究的思考。用戶在使用設(shè)備時畫面會快速變化,即使是120Hz的刷新也有可能出現(xiàn)圖像較大的位移,華為UX美學(xué)團隊稱其為“幀間距”,幀間距過大則有可能造成即使刷新很高,也會有畫面卡頓的跳躍感。
華為在幀間距方面定義三個級別,分別是舒適區(qū)、安全區(qū)、及格區(qū)。在優(yōu)化交互動畫時需保證幀間距始終處于前兩區(qū),即使用戶在做較大位移的交互操作時,依舊能感覺HarmonyOS 2更流暢。也正是基于人因團隊在細節(jié)方面的洞察,以及對人因邏輯的思考,最后再通過科學(xué)的量化與優(yōu)化,才能贏得用戶升級HarmonyOS 2之后給出的“絲滑流暢”的口碑評價。
其實流暢僅僅是HarmonyOS 2的基礎(chǔ),它解決的只是讓消費者用起來爽的問題。對于整個系統(tǒng)視覺設(shè)計方面,是對美學(xué)與人機交互的探索,華為UX美學(xué)團隊加入了“輕擬物主義”的設(shè)計風(fēng)格和智能卡片式設(shè)計,將物理世界與數(shù)字世界進行融合,不僅帶來全新的視覺體驗,達到更加簡潔且高顏值的操作界面,同時又極大的提升了一級桌面的操作效率,也讓鴻蒙操作系統(tǒng)桌面視覺更具人性化和個性化。
縱觀智能設(shè)備UX設(shè)計的發(fā)展,從功能機和智能機初期的時間,界面設(shè)計主要以擬物風(fēng)格為主,把現(xiàn)實生活里面的元素很真實地還原到界面里面,這樣有一個好處,在當(dāng)年的那個時代里面,很多用戶是第一次使用智能手機,我們用擬物的風(fēng)格可以減少學(xué)習(xí)的成本,而且細節(jié)比較豐富的情況下,在視覺的表現(xiàn)上也比較OK。但是這種擬物化的方式有一個壞處,往往這種風(fēng)格都是切圖的方式實現(xiàn),對于一個APP來說資源的占用是比較大的。
從2012年開始左右,為了便于輕量化APP快速下載和系統(tǒng)快速運行,扁平化的風(fēng)格逐漸盛行。而HarmonyOS的設(shè)計理念是「和諧共生」,在方案探索初期階段,華為設(shè)計師發(fā)現(xiàn)小工具等模塊是一個很好的場景,都可以在物理世界中找到映射的對象,比如像計算器,可以把物理世界中計算器按鈕的感覺融入到電子計算器,在微微凸起的按鈕上面,做凹下去的效果,強化用戶本身點擊按鈕的反饋。
以指南針中水平儀為例子通過兩個圓圈疊加的面積和色彩來告訴用戶當(dāng)前的平面水平角度。在一些用戶的反饋里面,以前版本特別扁平的水平儀效果,對于用戶來說存在一定的學(xué)習(xí)成本,而且在整個的視覺上面也沒有說特別美觀的感覺。所以我們在這次的設(shè)計里面在思考,有沒有一些方式可以很直觀的告訴用戶這個東西怎么用,同時又比較有趣,那么我們嘗試好多的方式。
同時設(shè)計師會在可視化的設(shè)計工具中調(diào)好當(dāng)前這個東西適合怎么樣的效果,或者哪個是最適合當(dāng)前界面的一些設(shè)計。在可視化的設(shè)計工具調(diào)完了之后,可以直接參數(shù)化的導(dǎo)出XML配置文件,然后直接到APP的設(shè)計里面,不需要編碼加載XML文件,即可還原設(shè)計效果,我們是通過這樣一個方式解決資源占用的問題。
在HarmonyOS 2正式發(fā)布僅不到兩個月的時間,超過3000萬用戶的升級量,已經(jīng)全面見證了鴻蒙操作系統(tǒng)的優(yōu)質(zhì)性能,這也將給予華為堅持技術(shù)引領(lǐng)的更堅定的信心。另一方面,華為積極參與行業(yè)標(biāo)準制定,將HarmonyOS字體免費商用,全面開放設(shè)計開發(fā)規(guī)范與資源。這也彰顯了華為在萬物互聯(lián)時代擁抱世界、擁抱更多開發(fā)者及合作伙伴一起共建鴻蒙生態(tài)的信念與態(tài)度。
關(guān)注我們
