近日,华为举办了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万用户,未来数亿用户的智能生活。
花粉社群VIP加油站
猜你喜欢