明确的设计原则至关重要，它不仅可以指导我们从0-1搭建产品架构，同时也为我们之后的设计迭代及体验优化指明方向。
在设计前期，为了找到最符合度小镜产品特点的设计原则，我们联系到用研同学对市场上的智能后视镜做了全面的扫描，如行业发展历程梳理，销量趋势分析，用户反馈收集等。同时对市场上常见的后视镜功能及体验亮点进行深入分析。不仅如此，我们在需求初期便与产品经理进行反复多次的沟通，提前对度小镜当下功能及未来产品规划有清晰的了解。
△
后视镜市场扫描报告
综合用研结论、竞品分析和产品规划，最终我们筛选出安全性、高效性、情感化，作为度小镜的设计关键词。通过对关键词的深度解读，推导出以下3条设计原则：△
度小镜设计原则
搭建稳定、扁平化的层级架构
度小镜的核心产品特性为辅助驾驶，因此安全性是设计思考的重中之重。如何让度小镜更好的陪伴用户，弱化对驾驶的干扰？在这个问题上，稳定、扁平化的层级架构的设计是关键。提升信息获取效率及便捷输出
由于度小镜需捆绑在车内后视镜上使用，用户的视距和触碰距离相对较远，且镜面显示区域较小，因此提升信息获取效率及便捷输出至关重要。具体可体现在对信息的精细化设计和多通道交互的使用。做有“温度”的设计
与市场上其他智能后视镜最大的区别，是度小镜会通过OTA（Over-the-AirTechnology）升级的方式，不定期为用户带来百度车联网研发的“黑科技”。比如，V2X技术相关的绿波车速、闯红灯预警提醒等，还有利用图像识别技术的驾驶行为监测等。这些新功能由于尚未普及，难免会带给用户认知门槛，而情感化设计，如利用拟人形象、微动效等形式，可以缩减用户与新技术的距离感，让大众确确实实体验到科技带来的驾驶便利性。接下来将通过实际案例，介绍设计原则在度小镜产品搭建及设计过程中是如何发挥指导作用的。「03搭建稳定、扁平化的层级架构」
以安全性为设计基础，以稳定、扁平化作为层级架构的设计原则，通过深度理解产品功能，并结合产品特性，我们将度小镜的架构推导拆解为3步：
1将度小镜功能按照对驾驶安全辅助程度进行梳理排列，从低到高共分为4种类型：功能入口类、信息详情类、语音及V2X提醒类、驾驶行为监测提醒类。
2根据类型分析其功能显示特性，如，功能详情类需要独立层级承载，而瞬时触发且需要在全场景下显示的提醒类，则以浮层遮照形式显示在上层。
3结合功能特性，将度小镜定义为4个层级：底层为入口形态的launcher页面，固定展现；二级详情页以独立层级，显示在launcher上层；提醒类功能根据其对驾驶安全的辅助程度，又分为顶部浮层遮照（轻度提醒）和全屏蒙层遮罩（重度提醒），这两层遮照之间互斥显示。
△
度小镜层级架构推导
△
度小镜层级架构动画演示
因为层级架构由功能遍历、功能特性推导而成，不但可以承载当下度小镜全部功能，同时对后续不断丰富的V2X功能也具备扩展及包容性。
「04提升信息获取效率及便捷输出」清晰稳定的“骨架”搭建好后，就需要有具体的信息填充了。与手机屏幕相比，度小镜因其产品特性，在信息显示上存在两大挑战：
后视镜屏幕较小（6.7英寸）且悬挂的物理位置距离较远，这个距离包括视距和触碰距离。这意味着用户需要抬头获取屏幕信息并抬手进行操作，这样的行为不仅大大提升了操作难度，还对驾驶安全性有较大影响。
度小镜除了通过电子屏显示驾驶信息外，还要兼容传统后视镜的镜面反射功能，因此设计时还需要考虑物理反光与电子屏幕间的平衡显示关系。
△
度小镜实车拍摄
由于业界缺乏智能后视镜设计的相关规范和依据，我们联合用研团队，以实车测试的方法对度小镜上的设计元素、展现效果、用户行为进行深入的调研分析，通过反复调整验证，最终以精细化的视觉设计融合多通道的交互设计形式，缩短信息获取效率及输出时间，降低了由于产品特性导致的操作难度。同时这项调研，也是我们领先行业的后视镜端设计探索的开端。
精细化的视觉设计为了寻找后视镜视觉显示最优效果，我们从众多设计元素中，选出了4个对度小镜信息显示影响最大的研究对象，分别为：文字、图标、色彩对比度和布局。通过不同的视觉变量组合，形成了多套测试demo，结合实际驾驶场景，将测试分为日间和夜间两个阶段，并详细记录用户的每一步操作细节和感受。
△
调研流程
最终结合调研分析和用户反馈，我们对度小镜的信息展现布局和设计元素进行了整体优化。A定义信息布局
考虑到驾驶员与度小镜位置关系，对阅读习惯和易用性分析，信息重要程度从左向右逐渐衰减，因此重要的功能操作和内容需放置在左侧最佳触控交互区。△
度小镜信息布局规则
以下图度小镜的新闻播放器调整为例。初稿方案，播放器和内容信息均居中显示，参考信息布局规则，这些内容显示在可触控区，甚至收藏功能显示在弱交互区。因此我们对播放器布局进行了调整，将主要操作按键（如播放、上一首、下一首）放置在最佳交互区，并加大进度条滑动区域。同时由于用户在驾驶过程中多以收听为主，收藏新闻的频率很低，因此我们将收藏功能去掉，使播放器功能最简化。
△
度小镜播放器优化前/后对比
B优化设计元素通过测试，我们还确定信息元素大小和元素间的体量关系，比如加大了一级文字和辅助信息的文字，增加元素间距和按钮大小，提升文字与色块的对比度，确保在较大反光效果下，内容的可读性，同时操作也更加聚焦。下图是度小镜随心听首页调整后的效果。
△度小镜随心听首页在质感上，主要以真实图像与主线色系进行融合，用色块和光影关系构件视觉效果，降低矢量感。色彩上将主色调控制在临近色系中，加入偏灰的橙进行色彩平衡，并以灰色为过渡衔接，使整体色彩过度更加柔和，避免视觉疲惫感。
△度小镜随心听聚合卡片通过这些精细化的设计，让界面看上去更加轻量、通透，信息也变得清晰易读。同时，这些经过调试验证后的设计元素，也为我们后续制定《智能后视镜设计规范》形成有力的参考依据。
多通道的交互形式除了优化信息显示效果外，我们还利用多通道融合的交互形式简化操作。比如，智能后视镜的输入形式，无论是键盘输入还是手写输入，效率都很低，错误率也高。因此，通过遍历度小镜的输入场景，以最简操作形式作为拆分依据，将他们对应到文本输入、按钮选择、语音录入3种输入方式下，在进行专项设计。类似这样通过输入形式的转化提升操作效率的案例还有很多，在此就不一一列举。
△
三种输入方式对应场景梳理
「05做有“温度”的设计」
前面几个章节为大家介绍了度小镜的设计推导思路，这部分就让我们来聊聊与技术深度结合下的情感化设计探索吧。
随着5G时代的到来，车联网成为最被看好的5G应用场景，其服务覆盖范围也将越来越广泛。与此同时，我国以北京、南京、长沙、广州为首的城市，也开始逐步向智慧城市迈进。在这些城市的大数据助力下，度小镜作为百度车联网创新技术的传播者，通过OTA升级，将绿波车速、闯红灯预警等V2X技术呈现给当地车主，节约单车能耗，丰富驾乘体验的同时，也增强了城市交通治理效率。下图是度小镜为广州及武汉的智能交通专门设计的launcher页面。语音入口设计成小交警形象，会在使用前对V2X智能交通功能进行简单介绍。背景图绘制了广州和武汉的地标性建筑，以此强调他们作为智慧城市的“特殊身份”。
△
度小镜智能交通广州站和武汉站
此外，度小镜经常会用到微动效进行设计表达，用来提醒用户驾驶安全。如下图是ADAS功能下，当车道偏移时的提醒动画。
△
度小镜ADAS车道偏移提醒
下图是当图像识别出用户在车内频繁打哈欠时，会进行疲劳驾驶警告。
△
度小镜疲劳驾驶警告
下图是闯红灯预警提醒，当判断前方即将红灯时，度小镜会同步显示信号灯状态，同时结合当下车速，给予用户闯红灯预警提示。
△
度小镜闯红灯预警提示
这些微动效通常会伴随音效或tts协同运作，以增强警示效果。
「06总结与感悟」
随着车联网技术不断进步，度小镜的功能和体验也将不断丰富，优化。作为陪伴度小镜一同成长的设计师，回顾这段设计历程，有三点感悟与大家分享。首先，对像度小镜这样从0-1搭建的产品，在设计初期，设计师应该对功能和产品未来规划方向具有敏锐性和全局性的思考，明确设计原则，这样在之后的设计中才会有清晰的布局和规划，只有提前对产品建立了掌控感，才不会在“前仆后继”的需求中迷失方向。其次，设计师需要发挥专业的理论知识，结合严谨的设计推导，不断打磨设计细节，持续推动体验优化。最后，结合多种设计表达手法，将冷冰冰的技术转化为有“温度”的设计，带给用户更安全、便捷、友好的使用体验，是设计师永恒的追求。
「度小镜产品介绍」
度小镜是一款由百度车联网团队设计、研发的智能后视镜。除具备行车记录仪、地图导航，资讯娱乐等传统后视镜功能外，度小镜搭载了百度核心AI能力，集成小度语音助手、百度地图AR实景导航、V2X智能交通、小程序等多种创新功能，并通过云端升级的方式，持续提供更多优质的智能化驾驶服务，丰富用户的出行体验。
除此之外，度小镜还是业界首款可与车内中控设备联动的后视镜。它可以通过投屏的方式将信息显示在多款车机中控屏上，助力传统汽车向智能化联网服务形态转变，全方位满足用户在驾驶、安全、娱乐等车载场景下的多种需求。
以上转载自百度智能驾驶体验设计中心
艾邦现建有汽车HMI交流群，欢迎加入智能座舱HMI
智能网联产业链交流群，全球汽车行业的知名专家与高管、HMI设计供应商、以及产业链供应商和解决方案提供商等均已加入社群，共同讨论行业内最重要最热门的话题。智能座舱
HMI
智能网联产业链社群，将为行业内人士在汽车人机交互、智能座舱创新技术、智能座舱趋势等领域提供深度交流的机会，欢迎大家通过社群通讯录拓展人脉，获取行业最新情报，合作共赢。
识别