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
    +关注

    关注

    79

    文章

    1967

    浏览量

    30025
  • EMUI11
    +关注

    关注

    2

    文章

    33

    浏览量

    5420
收藏 人收藏

    评论

    相关推荐

    我记录的九个逃亡故事

    逃亡、流亡、撤退、死里逃生、流浪、浪迹天涯的故事往往非常惊心动魄。我发现我以往写的很多东东可以和这个主题联系起来。一、本人先祖在1402年的逃亡故事最近研究了家族历史,居然有伟大的发现。写了一篇:戴
    的头像 发表于 10-21 14:17 196次阅读

    Loran 和 LoRaWAN 的警示故事

    作者: Lisa Eitel 如果混淆了基于无线电的 LoRaWAN 和基于无线电的 Loran,后果不堪设想。这两种技术都是关于连接和通信技术如何成为胜出,而其他技术如何被无情抛弃的精彩故事。虽然
    的头像 发表于 10-02 16:49 284次阅读
    Loran 和 LoRaWAN 的警示<b class='flag-5'>故事</b>

    《TSMaster开发从入门到精通》——创作者背后故事...

    背后故事由汽车行业畅销书作者杨金升老师牵头,同星智能研发团队和应用支持团队全力参与的《TSMaster开发从入门到精通》书籍已由清华大学出版社印付。此书一经上架,就获得汽车行业人士的一致认可和好
    的头像 发表于 09-02 08:01 285次阅读
    《TSMaster开发从入门到精通》——创作者<b class='flag-5'>背后</b>的<b class='flag-5'>故事</b>...

    MINIWARE的品牌故事,你了解多少?

    作为易迪赛e-Design旗下的迷你智能工具创新品牌,MINIWARE以其独特的设计理念和卓越的产品质量,逐渐在市场上赢得了一席之地。但MINIWARE背后的品牌故事,你了解多少呢?今天,让我们一起
    的头像 发表于 06-20 08:02 411次阅读
    MINIWARE的品牌<b class='flag-5'>故事</b>,你了解多少?

    高可靠性车规ASIL-B MCU的背后

    矽力杰继发布车规ASIL-BMCUSA32B1X系列以来,已陆续成功取得AEC-Q100认证、ASIL-B产品认证、CAN一致性认证,并完成了量产交付工作。本期小编将为大家带来3个认证相关背后故事
    的头像 发表于 06-12 08:19 959次阅读
    高可靠性车规ASIL-B MCU的<b class='flag-5'>背后</b>

    智能故事机离线语音识别芯片,儿童教育新体验!

    随着家庭经济水平的提升,家长们对于孩子的教育投入也愈加重视。而智能故事机作为一种集教育、娱乐、互动于一体的儿童教育产品,恰好满足了家长们的需求。离线语音识别芯片作为智能故事机的核心技术,更是让这款
    的头像 发表于 05-22 09:21 468次阅读

    STM32F723E discovery背后的引脚IO为什么没信号?

    STM32F723E discovery 背后的引脚IO为啥没信号
    发表于 03-15 06:28

    《合宙的第一个10年》故事连载01:客户破解了我的孤独症

    宙这10年,有很多故事。我想把这些故事,认真的讲给大家听。合宙初创的几年,连续决策失误,经营陷入泥潭,但是很快通过差异化的产品经营,逐渐走向正轨,这其中的故事,参
    的头像 发表于 03-05 08:05 1276次阅读
    《合宙的第一个10年》<b class='flag-5'>故事</b>连载01:客户破解了我的孤独症

    Jk触发器的故事

    Jk触发器的故事
    的头像 发表于 02-23 04:32 1287次阅读

    学习鸿蒙背后的价值?星河版开放如何学习?

    真正的操作系统。 鸿蒙爆火的背后是举国支持,鸿蒙具有无与伦比的机遇和潜力,预计到今年年底,将会有5,000款的应用,完成原生鸿蒙开发,未来将会支持50万款的应用。 那么这么多的应用需要开发,也就意味着
    发表于 02-22 20:55

    工厂维修电机的小故事

    近日,一名维修电工的帖子引起了广大网友的热议。这位电工讲述了他在工厂维修电机的小故事,他本可以在3分钟内解决故障,却故意修了4个小时。
    的头像 发表于 02-20 12:33 632次阅读

    emui10怎么升级鸿蒙系统

    鸿蒙系统是华为开发的新一代操作系统,而EMUI 10则是基于Android的用户界面。目前,华为尚未公开说明如何在EMUI 10设备上升级到鸿蒙系统
    的头像 发表于 02-02 11:31 2311次阅读

    背后故事】你好,新至强

    2023年之光:第四代和第五代至强 距离今年年初发布第四代至强处理器的338天,英特尔再一次重磅出击——代号“Emerald Rapids”的第五代英特尔至强可扩展处理器(以下简称为第五代至强)跃然于世。该处理器具备在性能、能效、缓存等方面的多维提升,成为2023年英特尔在数据中心领域执行进程的完美收官之作。 一年内以出色的迭代性能迅速推进两款处理器,这一了不起的举措离不开英特尔内部精准的产品规划、井然有序的工作流程,以及超强的团队协
    的头像 发表于 12-23 12:20 406次阅读

    隧道施工背后的安全保障

    电子发烧友网站提供《隧道施工背后的安全保障.docx》资料免费下载
    发表于 12-05 09:52 0次下载

    如何把ubuntu系统改回win11

    从Ubuntu系统改回Windows 11并不是一项简单的任务,但是如果您按照以下步骤进行操作,您应该能够成功地将系统更改回Windows 11。请注意,这个过程可能会删除您在Ubun
    的头像 发表于 11-28 14:28 5037次阅读