MENU

MENU

Work

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 是一个新的开始,希望未来能够不断收集用户的反馈,不断超越用户的期望。

NEXT

NEXT