上一部分
Chapter. 03
功能定义与信息架构
3.1 硬件定义
Competitive research with vehicles of the same class
乘客
出行应用
共享车机
车辆为平台所有
车辆为私家车主所有
车辆为私家车主所有
出行车机
（篇幅所限，暂不展开）
（篇幅所限，暂不展开）
（篇幅所限，暂不展开）
（篇幅所限，暂不展开）
车辆共享应用
车辆共享应用
车主
主屏
默认附于顶部；
乘客入座、经允许后滑出；
前后排双边显示。
20英寸 / 3840*1200
座椅上翻折叠，车内空间可最大化利用，包容无障碍乘客
副屏
无障碍设计
显示座舱信息、
车外环境等。
自动坡道；
坐垫自动折叠；
乘客可使用副屏。
3.2 功能定义
Competitive research with vehicles of the same class
共享座舱
温度
湿度
气味
座椅
照明
声音
座舱环境控制
“体感”
“洞察”
信息显示
车辆信息
道路信息
行程信息
天气
时间
驾驶决策可视化
“掌控”
人机交互方式
语音交互
手势交互
触摸交互
物理硬按键
遥控器
“娱乐”
娱乐互动
音乐
k歌
影视
游戏
直播
车内互动
手机互联
风景游览
3.3 功能定位差分
Competitive research with vehicles of the same class
满意度高
魅力属性
期望属性
必备属性
反向属性
无差异属性
满意度低
具备程度低
具备程度高
空气净化
空调温度
空调风量
空调风向
香氛
通风系统
阅读灯
照明灯
氛围灯
座椅按摩
座椅调节
座椅加热
座椅通风
全车音场
局部音场
音效
反馈音
音乐
k歌
影视
游戏
车内互动
手机互联
风景游览
语音交互
手势交互
触摸交互
物理交互
行程信息
天气
时间
车辆信息
车外环境信息
问题摘录
如果有座椅按摩功能，您的评价是？
我很喜欢/理应如此/无所谓/勉强接受/我很不喜欢
如果没有座椅按摩功能，您的评价是？
我很喜欢/理应如此/无所谓/勉强接受/我很不喜欢
豪华车型
舒适车型
必备型需求
无差异型需求
魅力型需求
期望型需求
3.4 信息架构
Competitive research with vehicles of the same class
主页 ( 游客 )
手机端
主页 ( 呼叫中 )
呼叫失败页
订单取消页
车型选择页
主页 ( 等待车辆 )
主页 ( 行驶中 )
登录页
手机号
驾驶模式偏好
关怀模式设置
账号信息页
座舱偏好设置
版本信息
个人信息
会员信息
路程设置页
起始点
终点
呼叫按钮
主页
账号信息页
行程信息/设置
智能助手
智能推荐
温度
起始点
亮度
座舱设置
出发点
所在地
路况
预计到达时间
音量
气味
无障碍
行程设置
安全提示
娱乐中心
应用列表
座舱内互动
座舱信息/设置
手机联动
多模交互
使用提醒
登录再确认页
车机端
硬件与功能
共享车辆的初衷是满足城市中公共交通无法涵盖的出行场景，依然定位为1～4人出行、城市内短时通勤的共享车辆。
利用魅力型需求和期望型需求的差分，推出不同功能组合的产品，以满足不同需求、不同阶段的用户。
Chapter. 04
多模态交互定义
4.1 人机工程学分析
基于硬件设计进行人机工程学分析，以确认交互手段和焦点区域
进行触摸交互时，人体无法保持自然姿态；
因此交互手段应以语音交互/手势交互等手段为主。
将乘客视线交集区划分为公共区域，显示公共信息，如行程信息、车辆信息等；
将左、右视线无交集区划分为个人区域，显示个人信息，如座椅状态、当前应用、账号信息等。
4.2 多模态输入
确认多模态的交互输入方式及相应权重
10%
触摸
进行触摸交互时
人体无法保持自然姿态
但操作清晰直观
学习成本低
20%
遥控
座椅扶手上内嵌物理按键或连接手机APP进行遥控
设备连接问题可能导致用户使用APP遥控的意愿不强
30%
语音
更自然、低门槛的人机交互行为
但需考虑多人共乘场景下的语音分区识别问题及社交因素（用户不愿在公共空间中大声对话）
40%
隔空手势
在人体自然姿态下进行交互
作为车机主屏主要交互方式
手势设定上需映射物理空间，降低用户认知负荷
4.3 智能焦点定义
定义智能焦点交互：自动吸附对焦、不可交互区域为光标
用户利用手势或硬按键遥控移动光标，在可交互区域光标自动吸附，在不可交互区域光标独立出现
4.4 设计原则
参考TV端设计指南 ，结合无人驾驶共享车辆大屏的特殊属性，生成设计原则
高效
使用户用最短的步骤快速访问内容
可预测性
遵循最佳实践和建议
以便用户能够预测操作方式
符合直觉
确保操作方式足够简单，以便无缝支持广泛采用的用户行为
安全感知
决策与风险感知可视化，增强用户信任
TV与共享车载大屏的相似点与不同点
无人驾驶共享大屏与TV端有许多相似之处，例如屏幕较大、用户与屏幕的距离较远、使用远程遥控方式进行交互等；并且TV端多为家庭使用场景，也需要考虑到共享使用时的用户隐私问题。
但无人驾驶共享大屏多数使用场景在短期移动出行场景下。相比TV端注重沉浸式体验、娱乐内容为王的设计，无人驾驶大屏的安全感知应始终处于层级上的优先位置。在设计娱乐内容时，相对于需要沉淀的沉浸感，更应该考虑速度与效率。
Chapter. 05
交互设计
5.1 上车-主页自动推流
上车后主页自动推荐媒体流，快速触达用户心智
21 : 30
座椅加热通风状态
座椅按摩状态
天气
车内空气质量
激光雷达正常
车外摄像头正常
网络连接正常
嘟嘟出行正在为您的乘车安全保驾护航
300m
荣昌东街
用户头像
虚拟助手
客服
车辆
应用
24℃
行程信息
应用区域
驾驶信息
用户展开屏幕时自动推送媒体流
通过缩短操作路径
抢夺用户注意力“黄金七秒”
简化手势操作
此区域不可交互，展示状态信息
通过实时渲染的BEV鸟瞰图与最佳路线刷新
体现决策透明度，加强用户信任
显示当前订单的行程信息，包括距离和预计耗时
集成账户/应用/座舱控制/虚拟助手一级入口
提取使用频次最高的座舱控制“空调”至侧边栏
侧边栏
状态显示 (不可交互)
5.2 精简层级
精简系统层级及应用内层级，保证操作的直觉、高效
21 : 30
还需27分钟
41km
14km
座椅加热通风状态
座椅按摩状态
天气
车内空气质量
激光雷达正常
车外摄像头正常
网络连接正常
嘟嘟出行正在为您的乘车安全保驾护航
300m
荣昌东街
音视频媒体内容
用户头像
虚拟助手
客服
车辆
应用
24℃
1. 系统层级：以Tooltip替代AppGrid，并按使用频率顺序排列，保证操作清晰高效。
应用内层级：以Feed流替代常规列表主页，缩短用户操作步长。
5.3 游览场景 - 增强现实地图
收起媒体内容时则可切换到全屏地图模式，显示POI以及增强现实地图，AI助手成为游客的智能导游
21 : 30
还需27分钟
41km
14km
座椅加热通风状态
座椅按摩状态
天气
车内空气质量
激光雷达正常
车外摄像头正常
网络连接正常
嘟嘟出行正在为您的乘车安全保驾护航
300m
荣昌东街
用户头像
虚拟助手
客服
车辆
应用
24℃
沃尔玛
7-11便利店
西湖
5.4 多人拼车场景 - 独立分区
在多人拼车时，实现听觉 & 视觉独立分区，视觉公共区域显示共同的行程内容
还需27分钟
41km
14km
激光雷达正常
车外摄像头正常
网络连接正常
嘟嘟出行正在为您的乘车安全保驾护航
300m
荣昌东街
21 : 30
座椅加热通风状态
座椅按摩状态
天气
车内空气质量
音视频媒体内容
音视频媒体内容
用户头像
虚拟助手
客服
车辆
应用
24℃
用户头像
虚拟助手
客服
车辆
应用
24℃
21 : 30
还需27分钟
41km
14km
座椅加热通风状态
座椅按摩状态
天气
车内空气质量
激光雷达正常
车外摄像头正常
网络连接正常
嘟嘟出行正在为您的乘车安全保驾护航
300m
荣昌东街
用户头像
虚拟助手
客服
车辆
应用
24℃
多人乘车时
四个独立音区互不干扰
左右两侧乘客共享屏幕
无感登录后根据账号历史偏好生成千人千面的推荐流
另一位乘客上车
5.5 朋友结伴出行 - 多屏互动
朋友结伴出行时，实现座舱内的多屏互动
21 : 30
还需27分钟
41km
14km
座椅加热通风状态
座椅按摩状态
天气
车内空气质量
激光雷达正常
车外摄像头正常
网络连接正常
嘟嘟出行正在为您的乘车安全保驾护航
300m
荣昌东街
用户头像
虚拟助手
客服
车辆
应用
24℃
五指抓合，选择应用窗口
握拳向前送出，投放应用窗口
两侧同步观看
吐槽剧情更欢乐
5.6 风险预警&决策透明
遭遇极端天气或恶劣路况等风险情况时，系统判断警报等级并及时同步应对决策，增强用户信任
21 : 30
还需27分钟
41km
14km
座椅加热通风状态
座椅按摩状态
阅读灯状态
手机连接状态
天气
车内空气质量
激光雷达正常
车外摄像头可见度低
网络连接正常
暴雨天气，已为您切换至安全驾驶风格
300m
荣昌东街
用户头像
虚拟助手
客服
车辆
应用
24℃
乘客你好，暴雨天视线不佳易打滑，小嘟已经自动切换到了安全驾驶风格，开启四驱，车速降低10%～40%，可能影响最终计费
Chapter. 06
视觉设计
6.1 上车-主页自动推流
根据“共享”的产品目的，及“高效”、“符合直觉”等设计原则，对视觉风格做出以下界定：
永恒的
而非
潮流的
轻松的
而非
厚重的
简洁的
而非
复杂的
6.2 情绪板
基于所界定的视觉风格收集符合视觉风格的情绪板
色：明快的浅色调
质：亚克力、玻璃等有透明感和呼吸感的材质
形：几何形状
6.3 高保真关键页面
基于设计风格与情绪板输出关键页（Launcher、游览模式）
联系我
Chloe / 陈龙平
UIUX 设计师