跳到内容
编组 2
刘少勇
| 体验设计
编辑内容
刘少勇
熟练掌握设计工具,善于理解客户需求,打造独特作品
项目经历
编辑内容
单击“编辑内容”按钮以编辑/添加内容。
如何打造智能座舱
-- 威马M7
涉及车型
威马M7
参与阶段
全流程
负责模块
桌面 | 旋钮屏 | 点阵屏 | 语音 | 蓝牙电话 | 设置 | OTA | 全局QA
我们做了什么?
威马M7最新的座舱采用了最少化物理按键和多屏幕的设计方案。在确保行车安全的前提下,我们围绕品牌战略,打造出了独具特色的全新威马座舱体验。
我参与了哪些工作?
从启动到落地,经历四个阶段
全程参与了项目的设计阶段,最初与威马对接需求开始后,与交互负责人一起完成了主框架的设计,随后与整个团队共同完成了所有模块的详细设计和测试优化。
需求与分析
了解车型定位、用户群体,以及设计目标。定义设计策略,明确设计方向
0
%
参与度
主框架设计
以设计策略指导设计并梳理用户场景与需求,结合应用功能设计整体框架
0
%
参与度
详细设计
与产品经理对接功能,依据主框架的布局架构,完成对应模块的交互设计。
0
个
模块数
测试与优化
前期负责脚本编写、用户测试、分析汇报等工作,并在后续负责全模块的优化工作。
0
%
参与度
需求与分析
梳理客户诉求、用户需求、硬件载体
定义设计策略,明确设计方向
客户的诉求是什么?
基于Lving Mate概念
拓展打造新的威马品牌特色功能
•
每日出行的陪伴者
•
智慧出行的引领者
•
未来出行的参与者
•
可持续发展的践行者
面向的用户是谁?
泛Z世代
潮流先锋、乐活精锐、彰显精英
•
个性有趣
•
新颖潮流
•
社交拓展
•
科技智能
•
高效便捷
•
场景智能
“科技感要足,会懂我要什么”
"我会开车到处逛,发现城市的各种惊喜”
“要有新意,我可以当第一个尝试者”
“不要一尘不变,可玩性要有”
硬件座舱是怎么样的?
一个方控,四个屏幕
•
多屏联动
•
一体设计
•
简洁流畅
•
沉浸空间
怎么制定设计策略?
从价值-用户-载体收敛回归
归纳设计策略,提炼总结出关键词
能量体系
个人成长
沉浸空间
智能感知
氛围感
场景定制
场景联动
互动体验
游戏性
多屏联动
场景识别
智能服务
多元场景
潮流新颖
社交拓展
无边界感
自由掌控
场景化
一体化
娱乐化
以场景体验为出发点,通过娱乐化的设计方式
打造一体化的沉浸式互动座舱
主框架设计
以设计策略指导设计,梳理用户场景与需求
结合应用功能设计整体框架
用户需要什么?
“我喜欢探索,地图很重要”
“我不喜欢一尘不变,可玩性要有”
通过用户访谈和用户场景的梳理,我们发现地图导航在用户喜欢探索的特性中扮演着核心角色,是日常生活中不可或缺的功能。另外,泛娱乐化设计也是用户的期望属性。
我们做了什么?
定义双桌面,底部上滑切换
满足用户驾驶、休息双场景需求
针对潮玩一族喜爱探索的特点,以地图为背景的导航桌面具有很大的实用性。
同时为了避免过于沉闷,我们设计了一个休闲桌面。左侧以瀑布流的形式不断推荐个人喜好的媒体内容。而右侧则提供了各种预设的座舱设置,让用户能够迅速进入休闲沉浸状态。
怎么实现一体化设计?
从一体屏过渡到双联屏
从动态面板推第联动区域
从视觉效果上我们可以通过色彩图形等多种关联手法达到一体化的效果,那在交互层面上呢?我们从一体屏的设计中汲取灵感,将连接仪表和中控的区域定义为联动区域,并在不同场景下联动显示。这种交互设计不仅强化了两个屏幕之间的联系,而且能够提升用户体验的一体感。
怎么加强多屏联动属性?
通过信息同步、指向性引导等元素关联多屏
对于每个设备,我们需要定义其载体属性,同时梳理其对应功能信息,明确其在整个系统中的作用和定位,并考虑它们在不同场景下的应用,以满足用户在各种情境下的需求。
确定主框架
以双桌面、多屏联动为核心要素
结合应用功能设计整体框架
详细设计
依据主框架完成对应模块交互设计
下文以车控为例
设计难点有哪些?
如何解决过少的物理按钮带来的行车安全问题?
如何在多个设备间调配整车车控?
威马的硬按键只有方向盘与旋钮,极少的物理按键使我在设计车控按钮时要保证安全功能的及时准确,更加考验对整体车控的调配。
怎么开展设计?
梳理车控功能分类与优先级
根据硬件设备特点合理分配布局
根据用车场景和功能属性进行分类,并按照"行车 > 驻车"、"安全 > 频率"的原则梳理优先级。
把安全类功能设置于方控与中控屏幕常显,方便及时调用,而常用控制功能则考虑结合旋钮屏使用。
怎么运用旋钮屏?
探索旋钮屏操作方式
定义旋钮屏的操作功能与信息显示
通过实物体验和内部讨论,采用了精确和单向的旋钮操作方式,即通过按压、拔拉选择功能,旋转旋钮调节该功能。
在功能设计方面,采用了可线性调节的功能,并限制了功能的数量,具体包括2个空调和3个车控功能。
剩余的常用功能怎么办?
新增快捷车控面板,下滑也很快捷
旋钮无法承载过多的常用功能,所以我定义在桌面左侧顶部下滑车控面板,功能多为常用驻车功能,满足日常的快捷操作。
其余舒适驾驶类车控?
结合车辆设置,在【我的车辆】内页显示
关于详细设计阶段的感想
有效的沟通能避免错误设计
专业的判断能减少无效需求
测试与优化
招募用户进行可用性测试
根据测试反馈进行设计优化
测试目的是什么?
验证交互框架的有效性、易用性、满意度
获取用户对当前设计的体验反馈与设计期望
本次测试通过场景还原与任务设定方式进行了定性和定量研究,旨在了解HMI 交互框架是否满足用户需求,验证设计方向是否被用户所接受,并获取用户对当前设计的体验反馈与优化建议。
由于整体模块量巨大,本次测试主要以主框架整体的交互操为核心,其他重点功能的使用次之。
测试结果是什么?
功能实用性与交互新颖度获得用户高度认可
但娱乐属性需进一步加强
总体而言,用户对HMI交互的反馈是积极的。但认为目前休闲桌面与旋钮屏的功能定义上娱乐性不强,期待有更多可交互、多样化的功能呈现,同时对于这些创新的交互设计希望有更多的引导或学习教程。
除此之外,我们也在一些细节上发现设计的不足,这让我们后续优化有了明确的方向。
优化调整
大框架定义不变,交互细节进行调整
经过综合讨论,当前框架基本满足用户对需求,而娱乐性的问题决定通过后续的运营慢慢补充调整,故当前主要针对细节上的交互进行优化调整,如加强交互引导、调整功能信息、优化操作逻辑、调整设计样式等。
设计呈现
跟进视觉与开发,呈现最终的设计效果
WordPress Resources
DOQU – Dark Digital Bank & E-Wallet Elementor Template Kit
Dora – Personal Portfolio WordPress Theme
Doran – Blog & Magazine Elementor Template Kit
Dore jQuery – Bootstrap 4 Admin Template
Doris – Blog and Magazine WordPress Theme
Doris – Blog & Magazine Template Kit
Dormatic – Garage Door Repair WordPress Theme
Dosino – Arcade Games & Attractions Elementor Template Kit
Dot Blog Pro – Creative WordPress Theme For Bloggers
Dotfolio – Creative WordPress Theme