欢迎光临
我们一直在努力

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

华为EMUI 11发布至今已经两个多月了,包括P40系列在内的多款机型都已开启了正式版升级,由于目前正值华为处于由安卓转为鸿蒙系统的过渡时期,所以EMUI 11就变得让人格外关注,11月20日,华为专门召开了媒体沟通会,详细讲解了EMUI 11系统设计背后的故事。同时让我们来看看,对于EMUI以及将来的HarmonyOS,在UX设计方面,华为是如何思考的。

其实在去年设计EMUI 11的时候,华为就提出了三个主张:一致又一体、轻量又高效、精致又个性。这个排比句是贯穿华为EMUI以及HarmonyOS的UX设计理念,而在沟通会上,华为也通过了一系列研发背后的小故事,向大家再次阐述了这几个关键词。

首先说“一致又一体”中的“一致”。“一致”是基础,华为在理解这个“一致”的时候,从EMUI成立到现在,一直在关注的是手机上的体验,手机已经做了很久了。最近两年华为扩展到全场景、多设备、华为的1+8+N,通过过去近十年积累,华为觉得有很多的东西对于8+N设备也有借鉴意义。因为整个社会的资源投入,使得手机竞争非常激烈,大家都往前走了,但是实际上在8甚至在N上,很多设计还是相对传统的。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

这是华为第一代智慧屏上市时界面的样子,这是非常传统的做法。但是用户在找内容的过程中,有点信息过载,所以华为有了新的思考,那像手机界面中常用的dock,是不是也可以被用在智慧屏上,作为功能的入口,不仅可以承载这些内容,比如电视直播、视频等,也可以在未来面向更多的功能不断拓展,提供一个比较沉浸的界面。

当然还有通知和控制中心以及多任务设计华为在智慧屏里也有多任务,用户在看一个视频的时候,在不同的任务当中进行快捷切换也能够更加方便,有了更多可能性,这种可能性是瞄准未来,有更大的机会华为手机里UX设计的精髓,借鉴到其它的设备中,这就是华为所说的UX一致的借鉴。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

除了“一致”外,还有个关键词就是“一体”,华为曾经在不同的场合讲到超级终端,超级终端带给用户什么样的机会呢?“一致”如果是表面上的“一致”,那么“一体”就是深入到底层。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

华为提供了一张偏技术的图,基于分布式技术来打造One Super Device,这就是华为一直主张的EMUI 11以及HarmonyOS虚拟超级终端的概念。华为像组装一个硬件设备一样来组装超级终端。手机是很便携的,这就意味着自身有一些体验上的限制,你可以通过其它设备扩展你的能力,在一个体系里面,在设备当中形成了一个真正一体化的超级终端。

从体验的设计角度来看,这个超级终端意味着什么?首先就是一体化的资源访问,你的手机、Pad、智慧屏等等,组成一个超级终端,完全一体化的设备。其次是一体化的状态与动作反馈,还有一个是一体化的服务接续,这就是从体验的角度来解读“一体”。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

为此华为也举了几个生活化的例子:“我们回到家里,手机、Pad和电视机互联之后,我可以从智慧屏里看到一体化的其它两个设备里的东西,同时我也可以从手机或者Pad反过来看智慧屏上有什么东西,这两个是临时组成的一体化,不需要上云,或者做复杂的网络连接配置,这是一体化的资源访问。”

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

“我需要在智慧屏上搜索的时候,用遥控器打字往往非常麻烦,,这时候就可以利用手机的键盘来进行输入,这是一体化状态和动作反馈。实际上这个反馈是基于近场的,它是更灵活的架构。还有一个是服务的接续,我们现在已经应用到出行场景,打车的时候可以在手机上打车,手表上看到相应的行程提醒;在手机上开启步行导航后,导航提示也会展示在手表上;高铁的信息,也会在手表上提醒,用最佳的设备来呈现你的信息。”

讲完“一致又一体”,再来看看“轻量又高效”,也就是智慧多窗功能的演变。华为一直认为手机发展到现在,很多应用性问题都体现在非常小的细节里,怎么样解决从原来大家都“会用手机”到“用得更高效”呢?智慧多窗是华为最近几个版本当中一直在做的尝试。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

手机里面,这样的分屏有点“鸡肋”,大家可用可不用。而在平板和折叠屏产品上,分屏非常重要,于是通过借鉴平板和折叠屏产品上分屏功能的使用经验,华为收集了大量的用户的反馈,在分屏的基础上引入悬浮窗功能,层层优化后,提供了一个更全面的智慧多窗概念,开启了轻量交互更多的可能。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

除此之外,华为还提出了“人因研究”的概念,华为做了一个人因实验,用程序记录下用户做不同手势滑动时屏幕的报点数据,对数据的变化趋势进行拟合,如果是上滑返回桌面的话,用户手势操作的速度是一直加速的,如果是上滑停留进入多任务的话,是先加速再减速,这样不同速度的变化规律就能够告诉我们这两种手势有区分的可能性。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

而动效方面,用户每天操作手机,会看到大量的手机动效,比如页面和页面之间的切换和跳转,我们称之为叫做转场动效。转场动效是提升系统的流畅性和用户愉悦度的重要组成部分,也是人因研究团队投入的重点方向。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

对于这样的一个课题,人因研究是怎么做的呢?华为会使用到这样一个叫做眼动仪的设备,记录人接收视觉信息时眼睛的反应,比如这个图,华为可以通过眼动仪记录下来你眼睛在看哪里,叫做注视点,也可以记录下来注视点到注视点之间的切换,叫做注视轨迹。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

华为用户观看不同类型的手机动效,通过这个眼动仪记录他看不同手机动效时的眼动数据,最终华为发现,相比普通的转场动效,在一镜到底的转场动效下,用户搜索目标的平均时间缩短了1.2秒。而在这1.2秒的背后,华为做了超过1000个小时的眼动实验。正是在这些实验的作用下,华为才能把平时用户非常细腻而微小的体验变化放大,进而提升产品体验。人因就是用这样的方法让设计用户提供一个更好的体验。

纵观整个EMUI,从第一个版本发展到现在,经过了几个大版本打磨之后,华为也在思考下一步怎么给用户提供更好的视觉体验。华为做了一次比较深入的用户访谈,从整个访谈结果来看,用户认为华为整体的界面视觉设计还是不够年轻,还是偏商务的感觉。

结合当时对趋势的洞察,以及用户反馈,华为也在反思我们其实需要做出一些改变,我们在思考整个设计方向时,从整个现代设计的演进,得到了一些灵感。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

华为在整个视觉设计大的方向上面,还是希望形式追随功能,给人一种更简洁高端的感觉。而另一方面,华为也希望在整个系统的特性方面,给用户提供更多元、好玩的东西,满足用户个性化的需求。因此从EMUI10开始出现的杂志化布局、莫兰迪色设计,到EMUI 11多元的AOD、艺术化的高定主题,整个视觉设计都呼应到整体设计理念里面。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

而在一些细节设计上,华为也下了不少心思,比如这个比较简单的息屏壁纸场景,里面也融入了设计师的很多小巧思。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

华为通过对比真实小鹿腿部结构,优化了设计,比如说小腿的肌肉,还有蹄子前面拐角的地方,也做了比较丰富的细节,同时还优化了整个小鹿行走的设计

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

甚至还用了分层的方式,重新构建森林的场景,比如说前景的一些小剪影,萤火虫,中景的小鹿,再到远景散落的月光,通过这种数值变化,呈现整个场景的空间感。经过前面一系列优化和调整,才形成了最后的小鹿比较悠闲地在满布萤光的森林中漫步的场景。

华为甚至结合了系统智慧感知的能力,比如当设备监测到用户在看屏幕的时候,小鹿会有一个回眸互动,轻触屏幕时,小鹿会有一个仰望的动画,通过这样的设计和技术的结合,加强小鹿的可交互性和情感元素。经过简单的优化,这样一个简单的场景也能够给人以个性的感觉。

至于emoji方面,华为进行了很多优化,结合自研的“畅连APP”,打造了一套有华为自己特色的emoji设计,在当时的版本上面选择了112个使用率比较高的emoji进行重绘。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

华为预先设计了多个版本,经过层层优化,选出了最具情感共鸣的表情,华为也在思考在整套emoji里面,怎么更突出自己的特点,结合本身的硬件特性。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

从业界的一些资料来看,当你加入更多感官体验之后,用户的忠诚度会进一步提升,所以在设计过程中,华为还在整个静态emoji上加入更多动效、音效,还有振动的协同增强用户在视觉、听觉、触觉上的体验,生成新的Sound moji,这个华为和业界比较有差异的点,更加灵动和活泼。而这个特性大家可以在Mate40 PRo上体验到。

此外,华为还优化了充电动效,增加了更多的细节,让整个设计显得更加精致。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

比如结合莫兰迪色的方案,让整个颜色更优雅;有一点透明的材质,让效果细节上有了液态的感觉;靠不同的颜色体现不同的充电进度,比如说橙色的就是10%以下,10%-20%就是中间的这个黄色的提醒效果;优化充电动效,反应不同充电模式的状态,提供了三种档位,通过小球的数量,以及它运动的速度,体验不同充电的效果,比如普通充电到快充,到超级快充,往后的版本上面,如果有更加快的超级快充,华为后续可能还会考虑融入更多的细节。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

主题方面,华为坚持的官方主题设计中的理念是——“用艺术点亮科技的温度”。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

在Mate40系列上,华为主张“一镜到底”主题的概念,可以把它想象成当你看到一个舞台,从一开始的一点点灯光,到慢慢拉开大幕,最后看到整个舞台,这是非常自然的由外到内的联动过程。华为希望把这个过程设计手机使用的AOD到锁屏再到桌面的联动开启效果,获得非常顺畅的体验。

从Mate系列家族的默认壁纸可以看到,随着时间的推移,华为创作的过程经历了由简单到复杂,由模仿到原创的过程。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

在Mate40系列上,“未来之翼”、“境界”、“星空彩绘”和“光之翼”四套主题都贯彻了“一镜到底”的理念,效果都非常好,也非常受用户的喜爱。大家可以通过这些图片,感受下推敲设计的变化。

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事

想要实现这些,除了设计团队要做到最佳以外,还要让开发团队设计通过代码变成真正的产品,能够交付到用户的手上,所以从设计到产品的实现,华为团队确实在背后默默付出了很多,而这些都是用户无法直观感知到的。

至于HarmonyOS,沟通会上我们了解到,HarmonyOS很快就要用在手机上了,在HarmonyOS中,华为UX设计的三大理念将保持不变。同时,对于HarmonyOS,华为会有全新的设计语言,会有更多的创新场景,会有更多的全场景体验。实际上华为未来的设计不仅仅是围绕着手机的,华为在设计之初就会考虑它在所有的1+8+N、所有设备上一致的体验。而未来,大家手里的Mate40系列也会优先升级到HarmonyOS。

赞(0)
未经允许不得转载:第一资讯站 » 从安卓过渡到鸿蒙 聊聊EMUI 11设计背后的那些事
分享到: 更多 (0)
'); })();