It's my design and research portfolio from 2013-2015.

2. 车载信息娱乐系统简称IVIS，通俗来讲就是车载导
航。ONE TOUCH是一套基于触摸板单点触控手
势的IVIS交互方式。我重新设计了现有IVIS功能的
空间布局，使它们形成了简单的上下左右的空间逻
辑关系。触摸板向四个方向的拖拽手势与结合页面
切换的动画与这样的空间逻辑刚好符合，从而形成
了自然的心智模型，有助于减小学习成本，降低用
户认知负担。

4. BMW、Benz和Audi这样的德系车主要采用了
综合控制旋钮来控制整个车载系统，而最新一
代的BMW和Audi更添加了一块触摸板作为辅
助设备，帮助用户更方便的进行文字输入，地
图拖动等功能。

5. 车载系统中的另一主流趋势是采用触摸屏，包
括了荣威InkaNet、福特My Ford Touch及众
多后装车载系统。触摸屏使用简单，但相对于
控制旋钮，这种方式的用户体验并不是特别好。
也有一些厂商使用了更特别的交互方式，如雷
克萨斯的Remote Touch远程控制鼠标，别克
在概念车型里提出的触摸板遥控鼠标，这种方
式类似于电脑鼠标的操作，但是加上了自动吸
附和力反馈来解决车内无法进行精确操作的问
题。

6. 在One Touch中使用的触控手势非常简单明了。
从触摸板边沿向内滑动的手势可以控制页面向
四个方向切换

7. 在触摸板内拖拽的手势可以控制页面内的各种
功能

9. ONE TOUCH的操作以触摸板为主，旋钮为辅。交互
原型中的硬件由奔驰旋钮、synaptics和arduino主板改
装而成。

10. 移动地图
5倍放大缩小
设立最终目的地
设立中间目的地

11. 切换歌曲
播放歌曲
暂停歌曲

12. 切换字母/功能
确认字母/功能
删除

13. 滚动列表
确认地址设为目的地
删除地址

14. 我提出了一种面向摇杆设备的输入方法—Feature
Stroke（FS），将26个字母按照笔画的视觉特征
分组对应于8个基本摇杆手势，并支持联想输入。
分组输入存在不确定性，FS为此设计了新的视觉
反馈方式—助记符。每个助记符都由具有相似特征
笔画的字母叠加而成，输入时助记符序列将以剪枝
动画形式浮现出目标单词。
FS希望在一些使用摇杆的特殊情况下提高文字输
入效率和用户体验。

15. 摇杆作为一种实体控件在智能电视、游戏和车
载娱乐系统中应用广泛。具有高可靠性，体
积小和操作简单的特点。
在智能电视和游戏机中，搜索、注册、登
陆等功能都需要文字输入，但摇杆却没有
被充分利用。

16. 选键盘输入发是目前游戏主机和智能电视上的
主要文字输入方法。这种输入方式非常直观，
几乎不需要学习，但效率较低。
另外，由于需要用户保持对虚拟键盘的注意力，
这种输入法不可能实现盲打。

19. 研究证明使用摇杆书写字母比用触摸板困难很
多，所以我们选择了一组互相区分明显的基本
手势，为了避免误操作，我们从摇杆8个方向的
手势中，只选取了4个沿正方向推的手势。
使用简单对称的手势不仅易于记忆而且减小了
机器识别的难度。
在原型制作制作中我们选取了前两排手势，已
经能完成所有需要的功能。

20. FS按照字母的笔画视觉特征进行字母分组，并
与基本操作手势相对应。例如，CGOQ组的手
势是从顶部逆时针画弧，与其特征笔画很相似。
Feature Stroke将26个大写英文字母根据书
写笔画的直观视觉特征分为了8组，左图是原型
中使用的分组方式。

21. 歧义图形是一种奇妙的心理现象。
左上图既可以看成建筑平面图，也可以看成一
个单词，取决于先入为主的观念，
左下图是认知收到环境影响的证明。中间的字
母在THE中是H，在CAT中则是A。

22. FS的图形助记符是字母组中所有可能字母的形
状混合产生的歧义符号。在联想状态下，输入
栏内的助记符会随着输入进行逐渐简化。刚开
始可能的联想结果较多，助记符会显得比较复
杂。当进一步输入时会逐渐简化。
左图显示了联想模式下输入“VISUAL”和
“COMPUTING”时助记符的变形过程。

23. 响应式前馈动画大大提高了系统的可发现性。
当摇杆完成一个手势，对应的字母组的助记符
会展开，帮助用户记忆每个组中的字母.
在展开的字母组中，根据词库联想，仍然可能
出现的字母将会亮显，被筛选过滤掉的字母将
暗显。

24. 改造了典型的摇杆设备xbox游戏手柄和另两种
摇杆的变体形式：车载多功能旋钮和电视盒子
遥控器用于FS的测试，信号由arduino处理。
多功能旋钮是汽车内部多媒体系统的主流控制
器之一，但这种旋钮回归中心的弹力比一般的
摇杆强，因此不如游戏手柄适合FS。我们为其
加上了定制的盖子增加高度，以减小归位的阻
尼。

25. 使用C#编写的后台程序对硬件传来的信号进行
手势识别，控制flash原型。我们实际对fs的两
种模式进行了用户测试。
22名被试完成了5轮实验，每轮输入三分钟。
测试数据包括输入速度、已修正错误率、未修
正错误率和主观评价。

26. 0
10
20
30
40
1 2 3 4 5
Novice Feature Stroke Unprediction
Novice Selection Keyboard
Experts Feature Stroke Unprediction
Experts Selection Keyboard
0
5
10
15
20
25
30
1 2 3 4 5
1 2 3 4 5
0
1
2
3
4
5

28. 研究背景
中日之间文化、语言、表达、操作等各方面差别巨大。现有
中国市场的OEM导航产品并没有将中国用户的需求进行充分
反映。DOP、PND导航在本地化方面做的比较好，但是操
作方面的感受和操作流程方面的设计与OEM产品相比做的不
够。
研究目的
把握中国家用车车载信息设备市场消费者的需求和习惯，探
讨适合2015-2016年中国市场可实现的家用车车载信息设备
的全新解决方案。
研究内容
实际走行调查及分析
全新家用车车载信息设备解决方案提案
交互体验DEMO制作

30. 功能及内容
导航新功能，通讯，娱乐，社交等
交互的易用性和效率
Do-Feel: 输入与反馈方式
Do-Know: 整体认知，信息架构
Feel-Know: 信息呈现，界面一致性，多通道信息
交互的精神享乐
Do-Feel: 操控与反馈的感官舒适性
Do-Know: 技术先进性，自我认知
Feel-Know: 视觉形式美感

32. ＋

39. ＋

45. 在操作方式与功能对应，功能界面跳转关系确定后，
界面中间内容区域和上下菜单栏的布局也相应确定
下来。综合考虑了当前主流承载导航界面的视觉风
格和本项目车载导航的应用场景，确定了以紫色为
背景色，以白色为前景色的基本色调。
同时，确定了用发光的形式来强调中间内容区域被
选中的图标和文字，并且主界面中的图标一旦被选
择，会仿佛呼吸一样的闪烁，增强了动感。而上下
菜单栏中被选择的图标，为了与中间内容区域相区
分，采取了底部发光条的强调方式。

47. 主界面列出了常用的5个功能：电话、娱乐、导
航、短信&微博、网络。
被选中的功能周围的光圈会呼吸闪烁。

48. 娱乐界面的上菜单包括了MP3、Radio、
CD、USB、DVD、TV、PPTV7个子页面，
但上菜单中只显示4个，其余需滑动呼出。
下菜单显示当前页面可以进行的操作，如MP3
页面有随机播放、列表循环、单曲循环、播放
列表。

49. 娱乐界面的上菜单包括了目的地、路径、周
边、设置4个子页面，可以分别跳往这几个页
面。
可以使用触摸板拖动地图，使用旋钮放大缩小
地图。

50. 目的地搜索是导航页面的子页面。
可以使用触摸板和旋钮选择键盘，输入地名首
字母进行输入，支持地名库联想。

51. 周边搜索是导航下的一个子菜单，用于搜索周
围的餐饮、公共设施、购物等兴趣点。
进入地址选择页面（左下3）后，不仅会给出地
点，还会给出距离和大概方向，选择后进入导
航。