车机导航界面 · 信息层级设计课程

01导航界面设计概述

车载导航发展 · 主流趋势 · 信息层级重要性

02用户认知模型

注意力分配 · 视觉搜索 · 认知负荷理论

03信息架构基础

卡片分类 · 树形测试 · 深度与广度平衡

04视觉层级构建

字体大小权重 · 色彩对比 · 间距留白节奏

05地图区域设计

地图占比缩放 · POI密度 · 路况视觉编码

06搜索功能设计

搜索入口 · 语音文字切换 · 结果排序筛选

07路线规划界面

起终点输入 · 偏好设置 · 多条路线对比

08导航引导界面

车道级引导 · 路口放大图 · 电子眼限速

09信息卡片设计

ETA · 剩余距离时间 · 服务区加油站

10设置与个性化

主题切换 · 语音包 · 2D/3D/卫星偏好

11多任务交互

导航与音乐/电话冲突 · 分屏悬浮窗

12手势与触控

单指双指映射 · 防误触 · 大按钮原则

13语音交互设计

唤醒词反馈 · 多轮对话 · 语音控制地图

14HUD与仪表盘联动

信息同步 · 优先级 · 减少视线偏移

15夜间模式设计

自动切换 · 色温亮度 · 眩光抑制

16无障碍设计

色盲模式 · 字体放大 · 高对比度

17加载与空状态

启动动画 · 网络异常 · 无搜索结果

18动效与过渡

页面切换 · 地图缩放 · 点击滑动反馈

19数据可视化

行程统计 · 油耗电耗趋势 · 驾驶评分

20多语言与本地化

文字适配 · RTL布局 · 本地POI

21A/B测试方法

任务完成时间/错误率 · 实验分组 · 结果分析

22设计系统搭建

组件库 · Design Tokens · 响应式适配

23原型工具实践

Figma变体 · 交互连线 · 高保真原型

24用户测试方法

出声思考 · 任务场景 · 眼动追踪

高德/百度车机 · CarPlay · Android Auto

26法规与安全

驾驶分心法规 · 信息限制 · eCall集成

地图渲染 · 列表虚拟化 · 图片懒加载

28OTA升级设计

版本更新提示 · 增量更新 · 回滚机制

AR导航 · V2X融合 · 自动驾驶界面变革

30综合实战项目

需求分析 → 高保真原型 · 完整导航案例