Aspen3。0。0新用户界面及设计介绍（上）

　　在过去几年的时间里，数字座舱系统已经陪伴车主朋友们经历了两个大的版本迭代。这期间每一次的优化、每一个新功能的推出，伴随的都是大家对座舱体验设计更高的期待。
　　为此，NIO数字座舱设计团队不断总结经验教训，努力探索着zui适合，zui贴近用户使用习惯的座舱体验。我们也非常愿意结合以往的经验总结，把我们的思考分享给大家。
　　首先，与大家一起分享Aspen 3.0.0全新界面与交互设计视频：
　　＂Driven by Design＂设计驱动的蔚来
　　两年来，设计趋势在更新，座舱驾驶体验也发生了很多变化。较早的版本一方面设计风格渐渐远离趋势，结构布局不能满足国际化的需求；另一方面，随着技术的更新，一些交互方式也需要升级和优化。
　　这里要感谢车主朋友们的参与和反馈，使我们得以通过用户沙龙、一对一访谈、线上调研，了解大家在驾驶体验中的痛点，挖掘真实的需求。我们通过创建用户画像，体验地图，原型设计，验证我们的假设，并用批判思维方法讨论这些假设，逐步将有价值的概念打磨成具体落地方案。
　　设计目标
　　在过去的两个版本中，我们从建立基础交互架构，满足基本功能需求起步，逐步覆盖主要的使用场景和功能定义，优化用户体验结构。
　　今天的3.0版本，我们希望能结合技术创新展示更自然的交互，在不同的场景下满足多样性的需求。在提升易用性的同时提高品质感。简单来说就是＂更易用，更高级＂。
　　体验原则
　　区别于移动设备，座舱体验设计zui大的挑战来自用户有限的操作时间和视觉注意力的管理。在安全至上的原则指导下，我们想要保证用户高效率的操作，就必须确保交互架构更扁平、更浅层。在各种场景下提供必要的信息，保证用户高效的理解，帮助用户快速的决策。为此，我们提出了几个体验原则：
　　- 简洁清晰的信息 Minimal / Clarity
　　人类对于视觉的感知是不均匀的，眼睛在短时间内获取大量信息，大脑无法快速、即时的作出反馈。所以，信息的呈现方式及其出现的时机显得尤为重要。新版本的仪表盘，我们梳理了信息层级，让重要的信息在关键的时间＂恰如其分＂的展现，用户通过＂瞥一眼＂就能掌握尽可能多的有效内容，了解状态的变化。
　　根据NHTSA指南，驾驶员的每次操作应该在1.5秒的扫视中完成，并且视线花在离开道路上的累积时间不超过12秒。如果希望用户不用花太多注意力＂瞥一眼＂就可以看清时速变化，我们需要将2.0版本＂窄而细＂的时速字重加大；这样视线从路面到时速信息尽可能的保持简短和垂直。
　　我们常说＂如无必要，勿扰用户＂。新版本的仪表盘，去掉了一些冗余的图标，界面尽可能保持简洁；区别了实线和虚线，并弱化了NOP时围绕在＂车＂周围的视觉表现，因为我们认为视觉的重心应该是路面动态的信息，而不是NOP本身的特效。
　　其次，在相关人因测试结果的支持下，我们将时速等重要信息移到视觉优势区域内，避免了因角度问题造成的方向盘遮挡，同时也是希望到视线焦点尽量保持与路面垂直，缩短视线偏移带来的安全隐患；天际线抬高以后，中间辅助驾驶显示区域更大，提高了纵深感，可以看到更远更多的内容。
　　我们重新划定了信息区域：左边为驾驶区域，将功率挪到时速下面；中间为ADAS区域，右侧则是拓展信息区域。顶部区域我们留给了常出现的警报和提醒，左右两侧的边缘留给非常见的提醒。
　　通过车速的快慢，调整视角高低，视角的变化更符合用户实际驾驶时的感受，时速增加需要看到更远的信息。
　　HUD之前的布局比较分散，路口道路指示和NP/NOP并不明显，路口距离的竖状进度条也比较难理解。所以新版本我们除了增加限速提醒，摄像头距离提示以外，重新调整了布局：选择字面率宽的字体，加粗路口方向图标，进度条也改成便于理解的横向摆放，同时增强了NOP变道时的提示效果。
　　- 自然直观的交互 Natural / Intuitive
　　自然的交互方式符合人们思想的延伸。用户心理模型和行为认知越接近，实际使用过程中的认知负荷就越低，就会觉得操作简单方便。我们希望用更自然更符合用户预期的交互方式，唤起用户的本能的意识，用zui小的输入获得zui高效的结果。
　　主页右侧的卡片，在2.0版本的实用价值并不高，仅在左下角展示了＂能耗＂，用户通常只把它作为一个＂我的车＂的入口。新版本里，我们将用户关注的信息直观呈现在卡片上，用户不需要进入详细页面就能掌握能耗信息；同时，我们把其他的内容也添加到不同的场景卡片中，用户可以根据自己的习惯选择常用的信息。快捷场景卡片给了我们更多种扩展的可能性，比如未来可以加入组队动态，换电下单，K歌歌词等。
　　我们发现用户在点击应用界面列表以后，75%以上的人是打开＂设置＂。新版本我们将＂我的车＂和＂设置＂合并，把入口提到了Dock栏里，这样可以更快速的打开＂车辆设置＂
　　2.0版本的空调调节，需要先唤起空调面板，再上下点击或滑动温度，这样操作一是路径长，二是上下滑动并不顺手。启动和调节空调作为常用操作，应该更自然，为此我们把它直接放在了Dock栏上，用户可以点击温度旁边的箭头，也可以直接在数字上滑动开启并调节空调。
　　新版本里我们还增加了一个操作，用户可以将卡片下拉进入mini状态，满足在某些场景下用户希望看到更大地图的需要。
　　- 灵活有序的布局 Hierarchy / Flexible
　　UI设计中的一个重点是协调和管理各个元素之间的关系，而非只是设计＂元素＂本身。布局的变化能引导人们视觉的焦点，帮助用户理解外观和功能之间的关系。
　　新版本的布局更加舒展，元素之间更讲究＂透气＂的留白，这使得界面有了视觉暂停，布局显得松弛有度，同时也是暗示用户何时专注和放松。
　　我们收窄了2.0布局两边的边距，减少不必要的层级罗列，重新梳理网格系统，加大调节Bar，用户在使用的时候更顺畅。我们也更新了一些控件，比如2.0版本里按钮，Tab，标签样式过于相近，新版本中我们做了区别。
　　视觉层级是UI设计中的核心要素，字体字重能帮助用户辨别信息的主次，平衡内容，减少信息密度。较早版本只有常规和细体两种字重，对于一个数字系统OS来说，仅用两种字重难以满足展示多重层级信息的需求。新版本不再使用2.0时细体的字重，增加了易读性。
　　转载在蔚来APP@Glen Gao