0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

EMUI 11系统设计背后的故事

454398 来源: 网易手机 作者: 网易手机 2020-11-26 10:47 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

华为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上,很多设计还是相对传统的。

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

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

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

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

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

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

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

轻量又高效

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

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

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

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

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

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

精致又个性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • HarmonyOS
    +关注

    关注

    80

    文章

    2157

    浏览量

    36294
  • EMUI11
    +关注

    关注

    2

    文章

    33

    浏览量

    5599
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    京东方第8.6代AMOLED生产线引领中国柔性显示产业跃升

    当一块屏幕可以自由折叠、卷曲甚至拉伸,它背后站着怎样的中国科技力量?又有怎样的故事
    的头像 发表于 04-27 09:16 436次阅读

    SHARP LH75400/01/10/11 系统级芯片深度解析

    SHARP LH75400/01/10/11 系统级芯片深度解析 在嵌入式系统设计领域,一款性能卓越、功能丰富的系统级芯片(SoC)往往能为产品带来强大的竞争力。SHARP 的 LH7
    的头像 发表于 04-15 10:20 357次阅读

    AD9230 - 11:高性能11位模数转换器的设计与应用解析

    是一款专为高性能、低功耗和易用性而优化的11位单片采样模数转换器。它的转换速率最高可达200 MSPS,在宽带载波和宽带系统中具有
    的头像 发表于 04-01 09:50 438次阅读

    天合光能分享“光伏羊”与“算电协同”的背后故事

    直播连线伊始,做客演播室的嘉宾全国政协委员、国务院发展研究中心资源与环境政策研究所研究员谷树忠亲切地与高纪凡打招呼,一声“老高”拉近了与观众的距离,在观看完青海“光伏羊”的视频后,高纪凡分享了“光伏羊”与“算电协同”的背后故事
    的头像 发表于 03-11 10:57 611次阅读

    内存泡沫,和它背后的幽灵订单

    内存泡沫,和它背后的幽灵订单
    的头像 发表于 02-10 00:37 1.2w次阅读
    内存泡沫,和它<b class='flag-5'>背后</b>的幽灵订单

    Donut Motor地表最强轮边驱动系统的秘密 | 40Kg, 630kW, 4300Nm背后故事

    -关于DonutMoto轮边驱动系统技术方案全解析-文字原创,素材来源:DeepDrive,专利,网络-本篇为知识星球节选,完整版报告与解读在知识星球发布-1400+最新全球汽车动力系统相关的报告
    的头像 发表于 01-12 08:01 550次阅读
    Donut Motor地表最强轮边驱动<b class='flag-5'>系统</b>的秘密 | 40Kg, 630kW, 4300Nm<b class='flag-5'>背后</b>的<b class='flag-5'>故事</b>

    代码里的青春——我与RT-Thread的故事

    从发出RT-Thread20周年故事征集令的第一天起,我们已陆续收到了数十位开发者的投稿。有人凌晨三点在调试线程栈,有人在社区收获友情,有人靠RTT拿下比赛顺利上岸……今天我们选出几篇极具代表性
    的头像 发表于 12-12 20:11 1245次阅读
    代码里的青春——我与RT-Thread的<b class='flag-5'>故事</b>

    2025 年 11 月 LED 全息屏价格剖析:差异背后的多元因素与市场趋势

    在科技飞速发展的 2025 年 11 月,LED 全息屏凭借其独特的视觉效果和广泛的应用场景,成为显示技术领域的璀璨明星。然而,当我们深入探究这一市场时,会发现 LED 全息屏的价格呈现出较大的差异,不同型号和规格的产品价格千差万别,这背后是多个因素共同作用的结果。
    的头像 发表于 10-25 11:02 1791次阅读
    2025 年 <b class='flag-5'>11</b> 月 LED 全息屏价格剖析:差异<b class='flag-5'>背后</b>的多元因素与市场趋势

    小萝卜机器人的故事

    的不忘初心, 说些什么, 做些什么, 星光不负赶路人, 从未来看过去, 让成就感满满, 让小萝卜头的故事流传, 成甜美的童年。
    发表于 10-23 05:24

    龙芯CPU与银河麒麟操作系统V11深度适配

    近日,龙芯中科受邀参加“麒麟遨天·共承长”2025中国操作系统产业大会,见证银河麒麟操作系统V11的正式发布。龙芯桌面CPU(3A5000/3A6000)、服务器CPU(3C5000/3D5000
    的头像 发表于 09-02 10:44 1100次阅读

    广州唯创电子WT2003HX高品质MP3音频语音芯片在早教故事机中的智能化应用

    随着早期教育日益受到家庭重视,儿童早教故事机已成为启迪智慧、陪伴成长的重要工具。它不仅能够播放音乐、故事,还能进行语言训练、知识启蒙,全方位培养儿童的语言能力、想象力和音乐感知力。为提升交互
    的头像 发表于 08-25 08:00 1108次阅读
    广州唯创电子WT2003HX高品质MP3音频语音芯片在早教<b class='flag-5'>故事</b>机中的智能化应用

    一部电影的背后,有多少连接器在暗中撑腰?

    电影人用镜头守住故事,德索用连接器守住信号。 一个记录的是人类的情感与历史,一个保障的是信息与能量的流动。 而我——Ken,不只是卖连接器的人。 我喜欢用工程师的眼睛看世界,用讲故事的方式让你看到技术的温度。 如果你也相信细节的力量,那我们在不同的行业里,其实是同类人。
    的头像 发表于 08-19 11:12 655次阅读
    一部电影的<b class='flag-5'>背后</b>,有多少连接器在暗中撑腰?

    连载|业余无线电史话(一):一个漫长的故事

    180米波段用莫尔斯电码(CW)发射信号。资料来源:火花博物馆。一个漫长的故事(一)如同任何科学故事一样,若不考虑其诞生的社会经济背景,我们就无法讲述业余无线电的
    的头像 发表于 06-29 07:07 1308次阅读
    连载|业余无线电史话(一):一个漫长的<b class='flag-5'>故事</b>

    智能汽车背后的力量:多层 PCB 的技术优势与应用前景

    随着汽车智能化、电气化趋势的加速,汽车电子在整车中的占比不断提升。从发动机控制到安全系统,从娱乐信息系统到自动驾驶,汽车电子的应用无处不在。而在这背后,一块小小的 PCB(印制电路板)却扮演着
    的头像 发表于 05-09 18:06 928次阅读