6月21-23日，2024年华为开发者大会(HDC 2024)在东莞松山湖举办。大会带来了全新的HarmonyOS NEXT、盘古大模型5.0、昇腾AI云服务、GaussDB数据库等最新科技创新成果，同时广邀各领域优秀合作伙伴，共同探讨如何在鸿蒙生态和大模型等技术潮流中共赢新机遇。

余承东在大会发言

易车作为华为重要的生态合作伙伴，受邀参加大会并发表主题演讲，与开发者分享与华为携手并进的经验，其也是此次华为开发者大会唯一受邀演讲的汽车互联网公司。凭借多端适配给消费者带来更加舒适的看车体验，易车还荣获华为开发者大会2024“鸿蒙先锋-卓越创新奖”。

“鸿蒙先锋-卓越创新奖”

易车是首批启动鸿蒙原生应用开发的汽车垂直平台，早在今年4月便完成鸿蒙原生应用Beta版本开发，基于HarmonyOS NEXT鸿蒙星河版原生智能、原生流畅、原生安全等特性，围绕汽车消费全生命周期，为用户打造看车、选车、购车、用车的一站式便捷服务体验。

在HarmonyOS NEXT鸿蒙星河版的加持下，易车App可实现在手机、平板等多设备间的无缝流转和跨端协同，解锁汽车服务新体验。

在此次华为开发者大会2024中，华为终端BG软件部总裁龚体将易车作为汽车出行类创新案例进行了分享。易车也被作为优秀开发者标杆在案例分享区进行了展示，同时在两场分论坛作为特邀嘉宾发表主题演讲。

华为终端BG软件部总裁龚体分享易车案例

大会案例分享区

在“原生精致·科技创新之美，共创HarmonyOS精致体验”分论坛上，易车UX设计专家翟蕊向开发者分享了易车在鸿蒙系统下的多端体验设计实践经验。

易车UX设计专家翟蕊

她在主题为《天生精致，HarmonyOS一站式多端体验设计》的演讲中表示，易车在进行全场景适配之前，便在考虑一个问题：如何能够构建一个能力互助、资源共享，提供流畅全场景体验的易车App?易车不仅仅是做不同设备的适配，更多地要从用户角度出发，构建新的使用体验，在原有的看车、选车、购车的场景中，尝试更多可能性。

她从多端体验设计思路与方向，以及具体设计优化等角度分享了如何高效设计与开发，将易车App打造成高质量原生精致应用的实践和心得。

在设计思路与方向上，易车重点围绕体验场景、使用路径、交互方式三个方面：从体验场景出发进行深度思考，在用户使用路径中尝试更优的体验方式，在用户的交互方式上找寻更多优化的可能性，最终回归到易车的汽车资讯和选车买车的核心场景中，为用户提供舒适便捷的多设备操作体验是易车的核心要点。同时易车遵循了鸿蒙设计的特性，如一致性、差异性、灵活性，确保给用户提供清晰一致、简单易用的使用体验，帮助设计师对齐设计语言，拉通体验设计的方向，统一设计品质。

在具体设计优化层面，翟蕊详细介绍了易车首页、主浏览场景、资讯阅读场景、3D看车、一镜到底等的优化细节。如主浏览场景之一的车型详情，易车将界面采用挪移布局的方式分为两列，左侧为车型基本信息，右侧为车款列表信息，用户在当前界面即可浏览车型基本信息，又可切换不同车款内容，满足了用户的场景需求;在3D全场景看车的适配布局中，基于不同设备的物理尺寸和持握方式自动调整功能区域的位置，为用户提供了大尺寸屏幕上更易操作、更沉浸的使用体验。

以下为翟蕊演讲全文：

大家好，我是来自易车的设计师翟蕊，很高兴今天能来到这里，和大家一起聊聊易车在鸿蒙系统下的多端体验设计。

鸿蒙是一款面向全场景智慧生活的分布式操作系统。在易车进行全场景适配之前，我们也在思考一个问题：如何能够构建一个能力互助、资源共享，提供流畅全场景体验的易车App呢?这是一个值得讨论的问题。我觉得，我们不仅仅是做不同设备的适配，更多地，我们要从用户角度出发，构建新的使用体验，在我们原有的看车、选车、购车的场景中，增加更多可能性。

接下来，说下我们的体验维度。首先，我们从体验场景出发，围绕我们的看车、选车、购车等多个场景来深度思考;其次从用户使用路径中尝试更优的体验方式;最后，在用户的交互方式上找寻更多优化的可能性。最终回归到易车的汽车资讯和选车买车的核心场景中来。

给用户提供舒适便捷的多设备操作体验是我们的核心要点。

我们遵循了鸿蒙设计的一些特性，在多设备的体验中，规划了我们的设计方向。其中，有三个特性：

一致性。这个在设计指南中提到过，界面中的元素设计以及交互方式尽量保持一致，以便减少用户的学习成本，从而也能降低应用开发的成本。

差异性。不同类型的设备在屏幕尺寸、交互方式、使用场景、用户人群等方面都会存在一定的差异性，为了给用户提供合适的操作体验，我们需要针对不同类型的设备进行差异化的设计。

灵活性。在硬件能力、交互方式、使用场景类似的设备上，应该灵活应对布局位置、内容宽度等等的调整。

以上，就是我们的设计方向以及设计思路，通过这些我们展开了如下的设计优化。

以易车首页为例，首页主体由3部分组成：焦点图、功能入口，以及双列信息流。在多端适配中，我们遵循了内容元素不变的原则，高效利用大尺寸屏幕优化界面结构，同时展示更多有效内容。比如焦点图的展示数量变化，功能入口由双列变为单列，还有双列信息流变为多列等方式。

我们在保留原有内容一致性的基础上，通过延伸布局、重复布局、瀑布流布局等方式达到了更好的宽屏浏览体验。

这样，既满足了给用户清晰一致、简单易用的使用体验，也实现了帮助设计师统一设计品质、对齐设计语言的目的。

再比如我们的主浏览场景，车型详情页，在适配不同设备时，不仅仅是适配尺寸，更多地考虑了如何让用户获取更多有效内容。于是我们将界面采用挪移布局的方式分为两列，左侧为车型基本信息，右侧为车款列表信息，用户在当前界面即可浏览车型基本信息，又可切换不同车款内容，满足了用户的场景需求。

除此之外，我们还应用了鸿蒙其他的关键开发技术，来提升易用性和开发效率。

资讯阅读场景，也使用了同样的布局挪移方式，在用户阅读文章的场景下，用AI助手提炼文章的关键内容，帮助用户判断新闻的可读性。

还有通过热点事件轴，来延展用户的阅读范围，更好地帮助用户了解关注更多的资讯。这样，也带来了宽屏设备上更舒适的增值阅读体验。

在全场景看车的适配布局中，我们考虑了人因、设备和环境等因素，基于不同设备的物理尺寸和持握方式，自动调整了功能区域的位置，给用户提供了大尺寸屏幕上更易操作、更沉浸的全场景新体验。

一镜到底，是通过持续存在的元素在前后两个页面的串联，实现流畅、丝滑的转场体验。这样在提升应用精致感的同时，又降低用户等待感。

我们以浅层级搜索为例，在进行搜索时，我们使用原页面内容和搜索页面的层级不切换，搜索框一镜到底地变化，以及其他元素淡入淡出的过渡方式，来提供一个更轻量的搜索体验。

我们还结合华为的人因研究数据，对于转场特效也做到毫秒级的调整，比如全屏范围的运动，时长大约350ms，这样就实现了流畅、丝滑的转场感受。

再来看下浅层窗口。我们尝试在全屏车型详情时，采用浅层窗口，这样可以有效避免大面积页面跳转带来的体验中断。手机上调用底部半模态控件;平板和折叠屏上调用居中的半模态控件，来实现浅层窗口的友好体验。

再来看下瀑布流的双指捏合缩放操作。在信息瀑布流中，通常折叠屏和平板竖屏最佳为 3列卡片，平板横屏最佳是4列卡片。瀑布流的布局我们支持通过双指缩放进行卡片列数的调整，从而满足效率型和大图浏览型的不同用户的诉求。

以上所说的优化，都基于鸿蒙API强大的开发能力，以及丰富的底层库支持，使我们能够快速地开发鸿蒙原生易车APP。

以上呢就是今天要分享的内容。欢迎大家到汽车展区零距离地体验易车产品，并提出宝贵意见。也期待小伙伴们在会后，一起探讨交流更多的设计体验，谢谢大家。

来源：中国网