Windows 8 的触控键盘:眼球追踪+热点图研究

随着 Windows 8 正式版上市时间愈来愈近,微软也陆续公布了一些 Windows 8 的设计想法,其中怎么在触控装置上(例如平板电脑)也能有效率的打字,会是很重要的课题。用户在 Windows 8 触控装置上也能有不错的打字速度,才会让人们觉得该产品是生活上或是工作上的好伙伴。

在平板电脑或其他触控计算机上的打字体验和使用实体键盘有很大的不同。从 Windows XP SP1 开始,Windows 提供了屏幕上的可触控键盘,但只不过是实体键盘的延伸而已,老实说很难用。而在 Windows 8 上面必须有全新的思考与设计,以符合用户的需求。

为什么 Windows 8 的虚拟触控键盘会是这个样子?其中经过什么样的用户研究?有什么考虑?微软的 Kip Knox 写了一篇文章跟大家介绍了一些有趣的过程,而且该文章正是用 Windows 8 触控键盘来写的。

Kip Knox 表示,当设计团队开始进行文字输入的设计前,并没有先入为主的想法,只不过遵循了一些原则,希望用户可以:

1、快速的输入文字,并且能合理的接近他们使用实体键盘的速度。
2、避免打错字,而且有错时可以迅速修正。
3、能够以舒服的姿势来打字。
这些原则并没有明确提到“键盘”这件事,只是很广泛的想想可能的文字输入方式,后来发现了在能想到的可能性里面,包括手写和语音,“键盘”还是最能符合上面的原则,所以设计团队以“最佳的”触控键盘为目标,开始进行研究和实作。

舒适度和姿势的优化

平板电脑上的触控键盘有许多形式,所以设计团队先从研究用户与触控屏幕如何互动开始,发现有3种最常见的姿势,下图从左到右分别为:

1、一只手拿平板,用另一只手输入。
2、把平板放在大腿上或桌上,用两只手输入。
3、用两只手拿着平板电脑,而两只姆指来负责打字。

1
Windows 8 的虚拟键盘考虑到这些使用方式并进行优化,标准的键盘布局主要是为了多指输入而设计,不过用一只手来输入也很好用。另外也有所谓的“姆指键盘”布局,就是为了喜欢用姆指输入的用户而做的,而且键盘可以重设大小,以符合不同的手指长度。为什么需要至少两种键盘布局?在研究姿势的过程中,设计团队发现用户是会改变姿势的,所以要提供不同的键盘布局来因应这样的变化。

关于使用姆指来打字也做了进一步的研究,设计团队找来手指长短不同的一群人做研究,姆指的使用在什么距离内比较舒服、最远可以伸到什么地方、伸到什么区域会不舒服。这些用户所操作的平板电脑装上了传感器,可以记录按键位置,最后形了一份热点图如下:

绿色区域表示舒服、黄色区域是要稍微伸一下姆指,而最远的红色区域表示不舒服,这些信息可以用来协助触控键盘的布局如何最佳化。

0532d77e4c6bcbac17fc8c25acfc4d3c

在玻璃上打字的偏误问题,怎么解决?

在了解了一般的打字姿势或手指的运用后,接下来的挑战是,触控屏幕是玻璃材质,会有一些跟实体键盘不同的特性。以实体键盘来说,键盘的 F、J 有突起点,让双手可以很快地放到正确位置(以练过英打的人来说);按键颗颗分明,如果按到了两颗按键之间会有感觉;打字时会有回馈感或是声音,用户能知道确实按了某个键。

这样的回馈是很重要的使用体验,所以设计团队觉得也要让触控键盘能提供回馈,另外也得解决虚拟按键并非颗颗分明的状况。不过,触控键盘也有实体键盘所没有的特色,所以要把这些特性突显出来。

1、触控键盘的回馈包括:按键会变色、也能发出按键音。像是振动也算是回馈,但经过用户研究后,发现一直振动令人困扰,让打字变成活受罪,所以没有采用。
2、在输入密码时按键会变色反而不太安全,在旁边偷看的人会知道用户按了那些键。
3、在经过用户测试后,发现声音的回馈是个让用户有信任感的方式。
在进一步做眼球追踪后,形成一份热点图(如下),发现当用户愈来愈熟悉在触控键盘上打字,花在看编辑区的时间会变多(红色部份表示眼球关注的时间比较长),看虚拟键盘的时间变少,这些是用户发展出来的第三种回馈:看着自己打出来的字。

1aff888ce959b57568c1c6d69733fb1f

虽然回馈的需求获得某种程度的满足,在玻璃上打字还有一个明显问题是,没有办法像实体按键一样,你按到 S 的边缘,系统会知道你要按的是 S 而不是隔壁的 A,但同样的状况发生在虚拟按键的边缘,到底是想按那个键就很难判断了,如下图所示,用户想按的键跟实际按的位置经常有落差。

d91cc0b56bd7156e4f7cb0361f9c9fcd

所以在 Windows 8 里面有所谓的“touch model”来解决这个问题:

实际收集了许多人的打字习惯来累积位置“偏差”信息。当用户心里想按 A,但实际按在 A S 中间,在某个距离以内,系统还是会知道用户想按的是 A 键。
运用词汇表来自动修正你按错的按键,例如你先打了 t、h 两个字母,第3个字母应该是 e,但用户按到 e、w 中间,而且比较靠近 w,但系统还是会输出 e 字母。

cb59332d3bf09f584373323fa632be85
图:正在进行眼球追踪的受测人员。

b4cba2a0e7467cb3be4844993907a7c2

图:从这两张热点图来看,左图表示刚开始打字的前几分钟还会看一下键盘,所以键盘区还有代表时间比较长的黄色或红色;右图表示随着打字时间拉长,用户看键盘的时间愈来愈少,而看屏幕上输入区的时间愈来愈多。

进入实际的键盘布局设计

在了解用户打字习惯和提供自动修正机制后,接下来要决定键盘的布局:什么按键要摆那里,默认要摆多少按键,可以由以下几个研究结果来决定:

1、人们已经很习惯用实体键盘打字,不要去打破已养成的习惯。
2、按键大小已有最佳的尺寸范围可循,Windows 8 把触控的字母按键设计为 19mm,跟许多实体按键一样。
3、同时存在的按键愈多,就愈容易打错。
4、虚拟键盘不能超过屏幕的一半,占据一半还算可行,因为用户主要还是在看自己正在输入的字所出现的地方,而不会去看离目标位置太远的区域。
5、有些字母、符号的使用频率比较高。
6、在不干扰既有习惯的情况下,人们学习新事物的速度还蛮快的,所以虚拟键盘可以有一些特别的设计。
总归一句话,对打字效率有利的就采用、拖累打字效率的就得舍弃。

先来看个例子:数字键的布局实作:

windows 7 里面的虚拟键盘是有一列数字键的,如下图所示,整个看来跟实体键盘很像。

eebc2836495160b1d66fe2ecb560eaae

但是,把数字键、字母键放在一起的问题很大,因为按键很多,同时不能让每颗按键的尺寸变小,以 10 英寸屏幕来说,会让键盘的大小超过屏幕的一半,违反了前面提到的设计原则;如果为了不让键盘过大而让按键变小的话,就会提高按错的机率。

最后把数字键集中在右边而不是上方,有3个理由:

用户倾向于一次会输入好几个数字。
九宫格排列方式让数字间的距离不会太远。
相较于横列形式,这样的排列方式会让打字速度加快。
而且你发现了吗?数字123是在第一排喔,不像实体键盘是摆在第3排,这样的排列方式跟手机数字键、ATM、遥控器是相同的,而人们已经很习惯数字是这样排列的。

4d2f01e667dceba8a994299b24733c1e

图:目前 Windows 8 的数字键跟字母键不在同一个页面。

经过许多研究之后,目前 Windows 8 的触控键盘长成这个样子:

84ac2941e62feb70ca93d86d5a6158a4

到退键:很常用的按键,放到跟实体键盘一样的位置。
Ctrl:为了便于复制、剪下、贴上这些操作,还是放在 x、c、v 旁边。
空格键:还是要很大,不然很容易按错。
图释键:在文章里使用图释的人愈来愈多,所以安排了图释键,这也是虚拟键盘的好处,按个键就可以切换到不同的按键类别页面。
当你用一手按着“&123”键不放,会暂时切换成符号、数字页面,可以用另一只手操作。
当然,也是可以切换到跟实体键盘一样的标准键盘布局,因为有些软件或操作动作还是会用到的。从以上的说明来看,Windows 8 的虚拟键盘的确下了不少工夫在做优化,至于实际使用的感觉如何,就要等更多人实际玩过装上 Windows 8 的触控装置后,才能见真章了。

(来源:win8博客 编译:techbang)

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  2   站长  0

    • 时光的线条 6

      新版键盘不错

      • 搜趣软件 1

        很期待windows8能快点上市。