MENU
MENU
Navigation 2.0 Design
Navigation 2.0 Design
Navigation 2.0 Design

Year
Year
2023
2023
Client
Client
Volvo
Type
Type
HMI Design
HMI Design
设计目标
设计目标
座舱的驾乘感受在过去几年发生了很大变化,老款的设计风格已经脱离了潮流,布局也已经不能满足国际化的需求;而且随着技术的更新,一些交互方式也需要升级。
我们通过用户沙龙、一对一访谈、Workshop等方式,收集用户在驾驶体验中的痛点,摸清用户真实需求,通过构建用户画像、用户旅程地图、产品原型等方式验证我们的假设,并用批判性思维的方式进行讨论,逐步将有价值的概念打磨成具体的落地方案。
所以在 2.0 版本中,我们希望结合技术创新,展现更自然的交互,满足不同场景的多样性需求。在提升易用性的同时,也提升了品质感。简单来说就是“用起来更简单,看起来更高级”。
座舱的驾乘感受在过去几年发生了很大变化,老款的设计风格已经脱离了潮流,布局也已经不能满足国际化的需求;而且随着技术的更新,一些交互方式也需要升级。
我们通过用户沙龙、一对一访谈、Workshop等方式,收集用户在驾驶体验中的痛点,摸清用户真实需求,通过构建用户画像、用户旅程地图、产品原型等方式验证我们的假设,并用批判性思维的方式进行讨论,逐步将有价值的概念打磨成具体的落地方案。
所以在 2.0 版本中,我们希望结合技术创新,展现更自然的交互,满足不同场景的多样性需求。在提升易用性的同时,也提升了品质感。简单来说就是“用起来更简单,看起来更高级”。








设计原则
设计原则
与移动设备不同,座舱体验最大的挑战来自于用户有限的时间和视觉注意力。在安全第一的指导下,我们要增加用户的使用效率。我们需要确保交互架构更扁平、更浅显。
我们需要提供必要的信息,保证用户能够充分理解,帮助用户快速做出决策。最终我们提出了几条体验原则:
与移动设备不同,座舱体验最大的挑战来自于用户有限的时间和视觉注意力。在安全第一的指导下,我们要增加用户的使用效率。我们需要确保交互架构更扁平、更浅显。
我们需要提供必要的信息,保证用户能够充分理解,帮助用户快速做出决策。最终我们提出了几条体验原则:



底层布局优化
底层布局优化
首先我们从布局开始入手,尝试优化「发起导航」流程的操作动线
我们注意到在 1.0 版本中,发起导航需要经过 3 次页面跳转,每个页面的布局都有较大差异,会造成一定的认知负担;且如果需要全程都通过触控完成任务的话,用户的手就必须在屏幕 左-中-下 有较大范围的移动。
操作动线不合理导致层级复杂、交互困难的问题,也会在大尺寸屏幕上变得愈发明显。而且在前期用户访谈的数据中,我们也发现用户更倾向于将信息和功能放置在左边的纵向区域。
所以我们希望在 2.0 的版本中将触控的核心交互区域固定在屏幕的左三分之一,方便取用的同时,也让操作动线尽可能的缩短,进而提升交互效率。
首先我们从布局开始入手,尝试优化「发起导航」流程的操作动线
我们注意到在 1.0 版本中,发起导航需要经过 3 次页面跳转,每个页面的布局都有较大差异,会造成一定的认知负担;且如果需要全程都通过触控完成任务的话,用户的手就必须在屏幕 左-中-下 有较大范围的移动。
操作动线不合理导致层级复杂、交互困难的问题,也会在大尺寸屏幕上变得愈发明显。而且在前期用户访谈的数据中,我们也发现用户更倾向于将信息和功能放置在左边的纵向区域。
所以我们希望在 2.0 的版本中将触控的核心交互区域固定在屏幕的左三分之一,方便取用的同时,也让操作动线尽可能的缩短,进而提升交互效率。





导航流程,一图到底
导航流程,一图到底
基于这些结果,我们设计出了导航的核心板块页面,整个「发起导航」的流程通过一张地图画面承接,结合动效达成“一图到底”的直观感受。
此外我们也希望通过遵循同一套布局,保证用户在进行操作时每个场景都在预期之内,视线不会进行大范围的移动,完成操作后也能够快速回到安全驾驶的状态中,实现导航体验的一体化呈现。
我们希望用更自然的交互方式,唤起用户的本能意识,花最小的努力,得到最高效的结果。
基于这些结果,我们设计出了导航的核心板块页面,整个「发起导航」的流程通过一张地图画面承接,结合动效达成“一图到底”的直观感受。
此外我们也希望通过遵循同一套布局,保证用户在进行操作时每个场景都在预期之内,视线不会进行大范围的移动,完成操作后也能够快速回到安全驾驶的状态中,实现导航体验的一体化呈现。
我们希望用更自然的交互方式,唤起用户的本能意识,花最小的努力,得到最高效的结果。


ONE HMI 原则
ONE HMI 原则
我们希望将同样的一套布局应用到 Volvo 全系车型上,这样能极大的减少维护成本,并增加用户对于 Volvo 汽车的品牌感受。
我们希望将同样的一套布局应用到 Volvo 全系车型上,这样能极大的减少维护成本,并增加用户对于 Volvo 汽车的品牌感受。


精致 · 自信
精致 · 自信
精致 · 自信
我们不断追求高级的界面效果,希望内外部的装饰都具有非常精致的质感。在之前的版本中,控件的风格比较粗糙,在数字界面中信息不够清晰,整体页面氛围不够“精致”。
在 2.0 中,我们以 Volvo 品牌的斯堪的纳维亚风格作为主风格板,使用黑色为主色调,将蓝色作为强调色,让其更纯粹,更清晰,保证了界面有足够的鲜艳度。
我们不断追求高级的界面效果,希望内外部的装饰都具有非常精致的质感。在之前的版本中,控件的风格比较粗糙,在数字界面中信息不够清晰,整体页面氛围不够“精致”。
在 2.0 中,我们以 Volvo 品牌的斯堪的纳维亚风格作为主风格板,使用黑色为主色调,将蓝色作为强调色,让其更纯粹,更清晰,保证了界面有足够的鲜艳度。





统一、简洁的图标设计
统一、简洁的图标设计
在图标的设计上,Volvo 一直追求极简风格,摒弃了传统的填充和圆角设计,显得更加简约轻盈和直接。
在图标的设计上,Volvo 一直追求极简风格,摒弃了传统的填充和圆角设计,显得更加简约轻盈和直接。




新的开始
新的开始
通过利用用户的反馈、情景思维和我们的设计原则,我们提出了下一个迭代。
Volvo Navigation 2.0 是一个新的开始,希望未来能够不断收集用户的反馈,不断超越用户的期望。
通过利用用户的反馈、情景思维和我们的设计原则,我们提出了下一个迭代。
Volvo Navigation 2.0 是一个新的开始,希望未来能够不断收集用户的反馈,不断超越用户的期望。

