一個月已獲3000萬用戶,華為設計師講述HarmonyOS的設計故事
近日,華為舉辦了HarmonyOS UX媒體溝通會,華為軟件工程UX設計部部長毛玉敏帶領5位資深UX設計師,分享了HarmonyOS的設計之路。目前,在HarmonyOS 2正式發布1個月後,已經快速擁有了3000萬用戶,下一個目標則是在年內滿足2億存量用戶的升級需求。
HarmonyOS設計團隊在2019年5月份就已經開始做全新的HarmonyOS 設計,經歷了差不多2年的時間設計出廣受歡迎的自研操作系統,他們是怎麼做到的呢?
貫穿始終的設計理念
這是一個艱難的工作,畢竟相比之前的EMUI,HarmonyOS既要變,又要不變。變的原因是,HarmonyOS採用了全場景設計理念,需要兼顧華為1+8+N生態下不同設備的統一體驗;不變的原因是,華為全場景設備存量用戶已經達到數億,設計時又需要兼顧海量用戶的使用習慣。
毛玉敏介紹,這次HarmonyOS 的設計理念是“One Harmonious Universe”,整個設計是圍繞著這三個關鍵詞展開。
其中,One 是“萬物歸一”,追求的是全場景統一的設計語言,色彩、形狀、動效等所有的設計都來自於統一的設計靈感,所有的設計視聽觸感受都是基於人因研究;Harmonious 是“和諧共生”,為大家構建一個數字世界和真實自然世界和諧的平衡和統一,把真實世界的物體用輕擬物的方式在智能設備上呈現出來;而Universe 是“衍生萬物”,在設計的過程中兼顧設計語言在全場景多設備上的統一性和差異性。
用科學量化人因體驗
升級了HarmonyOS 2後,用戶會學習到只要在桌面的APP圖標上做一個上滑的動作,即可以展開萬能卡片。這個動作看似簡單,但流暢運行的背後隱藏了華為設計師用科學量化體驗的人因研究。
華為設計師用大量數據研究發現,一個滑動手勢的軌跡,最關鍵的指標有三個:滑動的角度、滑動的速度、滑動的距離。能清晰的識別出來這次滑動是怎樣的滑動,能夠更好的識別用戶的手勢意圖。
基於這三個指標,華為招募了大量的志願者去做滑動試驗,從而分析出來這個觸發熱力圖,顏色的深淺體現出滑動的難易程度。針對難易區域,把剛才的三個指標融進去,就針對性定義如何觸發上滑動作。比如在容易的地方角度小一點就能滿足上滑的指標,在困難的地方就會有更大的角度。速度、距離也是同理,針對不同的區域,華為設計師做了專門的設計,把全屏的滑動達到一致,用戶在任何地方去進行上滑操作都會覺得很舒服。
在設計HarmonyOS 2的過程中,華為設計師大量用科學量化人因體驗,提升了整個系統的統一性,讓用戶在各個細節的體驗都能感覺更加貼心好用。
獨特而流暢的動效設計
華為設計師抽象了不同宇宙場景的引力動態,如行星的環繞、日月食的變化、、黑洞的銷毀等等,將引力的這些動態用於操作動效上。如大家常見的加載動效,下拉刷新時出現的場景。在做這個設計的時候,華為設計師進行了六步操作。
一是把宇宙形態給動態化,提取了星體佈局結構。二是增加效果,讓行星的環繞更加具有投射感,還用掃尾效果,增強了旋轉時的速度感;
三是繼續提取一些設計的效果,更加具有靈動性。設計師引入了黃道夾角,以地球作為靜止參考,打破了它的對稱跟平衡的結構,讓整個畫面更加具有獨創性。四是為了讓這個動態更加靈動,又增加了上下懸浮的屬性。
五是讓下拉的動效跟下拉手勢進行了一個匹配,下拉的時候小球跟著手會沿著軌道進行位移,鬆手之後進入軌道進行旋轉,更具動態。六是優化深色模式效果,為了增強它的視覺效果,加了外發光的屬性。六個關鍵步驟,讓這個加載的動效更加具有宇宙的生命力。
華為設計師的動效設計,在背後有引力引擎工具的支撐落地,這個引力引擎工具會大大提升設計師與研發在對接時候的一些開發效率,所見即所得,將多維度的參數傳遞給研發,提升研發的效率。
共建HarmonyOS生態
其他方面,華為設計師還為HarmonyOS 2引入了輕擬物的設計,百萬級音效的調試,可以說HarmonyOS 2已經是目前非常優秀的全場景操作系統。當然,一個好的系統生態離不開合作夥伴的支持。在這次溝通會上,毛玉敏也介紹了不少案例。
如華為跟人類工效學學會一起做了移動終端中文體驗的工效學標準,讓可讀性更好,更易用、更舒適,幫助中文場景的開發者設計出更好的產品。此外華為還提供了HarmonyOS Sans這個全新設計的字體,是免費可商用的,滿足這個中文環境的用戶隨意使用。
這次HarmonyOS 2新增了萬能卡片,這個功能也是已經開放給第三方APP開發者設計使用。目前華為已經專門組建了運營團隊,與各大生態夥伴合作,研究如何為用戶提供更好的萬能卡片,讓生態夥伴的APP更加好用,獲得更多的用戶。
華為不僅積極研發Harmony OS,同時也不斷與合作夥伴交流合作,共建更好更開放的Harmony OS生態,滿足當下3000萬用戶,未來數億用戶的智能生活。