眼球追蹤+熱點圖研究,Windows 8 的觸控鍵盤是這樣設計出來的!

眼球追蹤+熱點圖研究,Windows 8 的觸控鍵盤是這樣設計出來的!

隨著 Windows 8 正式版上市時間愈來愈近,微軟也陸續公佈了一些 Windows 8 的設計想法,其中怎麼在觸控裝置上(例如平板電腦)也能有效率的打字,會是很重要的課題。使用者在 Windows 8 觸控裝置上也能有不錯的打字速度,才會讓人們覺得該產品是生活上或是工作上的好伙伴。

在平板電腦或其他觸控電腦上的打字體驗和使用實體鍵盤有很大的不同。從 Windows XP SP1 開始,Windows 提供了螢幕上的可觸控鍵盤,但只不過是實體鍵盤的延伸而已,老實說很難用。而在 Windows 8 上面必須有全新的思考與設計,以符合使用者的需求。

為什麼 Windows 8 的虛擬觸控鍵盤會是這個樣子?其中經過什麼樣的使用者研究?有什麼考量?微軟的 Kip Knox 寫了一篇文章跟大家介紹了一些有趣的過程,而且該文章正是用 Windows 8 觸控鍵盤來寫的。

Kip Knox 表示,當設計團隊開始進行文字輸入的設計前,並沒有先入為主的想法,只不過遵循了一些原則,希望使用者可以:

  • 快速的輸入文字,並且能合理的接近他們使用實體鍵盤的速度。
  • 避免打錯字,而且有錯時可以迅速修正。
  • 能夠以舒服的姿勢來打字。

這些原則並沒有明確提到「鍵盤」這件事,只是很廣泛的想想可能的文字輸入方式,後來發現了在能想到的可能性裡面,包括手寫和語音,「鍵盤」還是最能符合上面的原則,所以設計團隊以「最佳的」觸控鍵盤為目標,開始進行研究和實作。

舒適度和姿勢的最佳化

平板電腦上的觸控鍵盤有許多形式,所以設計團隊先從研究使用者與觸控螢幕如何互動開始,發現有3種最常見的姿勢,下圖從左到右分別為:

  • 一隻手拿平板,用另一隻手輸入。
  • 把平板放在大腿上或桌上,用兩隻手輸入。
  • 用兩隻手拿著平板電腦,而兩隻姆指來負責打字。

眼球追蹤+熱點圖研究,Windows 8 的觸控鍵盤是這樣設計出來的!

Windows 8 的虛擬鍵盤考慮到這些使用方式並進行優化,標準的鍵盤佈局主要是為了多指輸入而設計,不過用一隻手來輸入也很好用。另外也有所謂的「姆指鍵盤」佈局,就是為了喜歡用姆指輸入的使用者而做的,而且鍵盤可以調整大小,以符合不同的手指長度。為什麼需要至少兩種鍵盤佈局?在研究姿勢的過程中,設計團隊發現使用者是會改變姿勢的,所以要提供不同的鍵盤佈局來因應這樣的變化。

關於使用姆指來打字也做了進一步的研究,設計團隊找來手指長短不同的一群人做研究,姆指的使用在什麼距離內比較舒服、最遠可以伸到什麼地方、伸到什麼區域會不舒服。這些使用者所操作的平板電腦裝上了感測器,可以記錄按鍵位置,最後形了一份熱點圖如下:

綠色區域表示舒服、黃色區域是要稍微伸一下姆指,而最遠的紅色區域表示不舒服,這些資訊可以用來協助觸控鍵盤的佈局如何最佳化。

眼球追蹤+熱點圖研究,Windows 8 的觸控鍵盤是這樣設計出來的!

在玻璃上打字的偏誤問題,怎麼解決?

在了解了一般的打字姿勢或手指的運用後,接下來的挑戰是,觸控螢幕是玻璃材質,會有一些跟實體鍵盤不同的特性。以實體鍵盤來說,鍵盤的 F、J 有突起點,讓雙手可以很快地放到正確位置(以練過英打的人來說);按鍵顆顆分明,如果按到了兩顆按鍵之間會有感覺;打字時會有回饋感或是聲音,使用者能知道確實按了某個鍵。

這樣的回饋是很重要的使用體驗,所以設計團隊覺得也要讓觸控鍵盤能提供回饋,另外也得解決虛擬按鍵並非顆顆分明的狀況。不過,觸控鍵盤也有實體鍵盤所沒有的特色,所以要把這些特性突顯出來。

  • 觸控鍵盤的回饋包括:按鍵會變色、也能發出按鍵音。像是振動也算是回饋,但經過使用者研究後,發現一直振動令人困擾,讓打字變成活受罪,所以沒有採用。
  • 在輸入密碼時按鍵會變色反而不太安全,在旁邊偷看的人會知道使用者按了那些鍵。
  • 在經過使用者測試後,發現聲音的回饋是個讓使用者有信任感的方式。

在進一步做眼球追蹤後,形成一份熱點圖(如下),發現當使用者愈來愈熟悉在觸控鍵盤上打字,花在看編輯區的時間會變多(紅色部份表示眼球關注的時間比較長),看虛擬鍵盤的時間變少,這些是使用者發展出來的第三種回饋:看著自己打出來的字。

眼球追蹤+熱點圖研究,Windows 8 的觸控鍵盤是這樣設計出來的!

雖然回饋的需求獲得某種程度的滿足,在玻璃上打字還有一個明顯問題是,沒有辦法像實體按鍵一樣,你按到 S 的邊緣,系統會知道你要按的是 S 而不是隔壁的 A,但同樣的狀況發生在虛擬按鍵的邊緣,到底是想按那個鍵就很難判斷了,如下圖所示,使用者想按的鍵跟實際按的位置經常有落差。

眼球追蹤+熱點圖研究,Windows 8 的觸控鍵盤是這樣設計出來的!

所以在 Windows 8 裡面有所謂的「touch model」來解決這個問題:

  1. 實際收集了許多人的打字習慣來累積位置「偏差」資訊。當使用者心裡想按 A,但實際按在 A S 中間,在某個距離以內,系統還是會知道使用者想按的是 A 鍵。
  2. 運用詞彙表來自動修正你按錯的按鍵,例如你先打了 t、h 兩個字母,第3個字母應該是 e,但使用者按到 e、w 中間,而且比較靠近 w,但系統還是會輸出 e 字母。

眼球追蹤+熱點圖研究,Windows 8 的觸控鍵盤是這樣設計出來的!

▲ 正在進行眼球追蹤的受測人員。

眼球追蹤+熱點圖研究,Windows 8 的觸控鍵盤是這樣設計出來的!

▲ 從這兩張熱點圖來看,左圖表示剛開始打字的前幾分鐘還會看一下鍵盤,所以鍵盤區還有代表時間比較長的黃色或紅色;右圖表示隨著打字時間拉長,使用者看鍵盤的時間愈來愈少,而看螢幕上輸入區的時間愈來愈多。

(後面還有:進入實際的鍵盤佈局設計、最後的設計結果與特性)

延伸閱讀:

看美女、裸女、猛男,男女焦點大不同!眼球追踨技術大揭密

你喜歡觸控還是實體按鍵?

Windows 8 開賣日期確定,就在2012年10月26日

Windows 8 時光機器備份新功能,File History 讓你找回修改前的照片

LIS
作者

我是李一詩,目前在T客邦負責經營開發者社群。

使用 Facebook 留言
090aad1de211525f447f6fc18e7882f3?size=48&default=wavatar
1.  cccooler (發表於 2012年7月24日 21:58)
數字鍵把123擺在第一排好奇怪
只要是使用電腦鍵盤大家都知道
"123在最下排" 這點跟計算機一樣
常用小算盤計算功能的人 也很習慣實體鍵盤數字鍵的配置方式

現在的設計不就違反了
"人們已經很習慣用實體鍵盤打字,不要去打破已養成的習慣。"

還是微軟覺得說他們推出的平板並不類似電腦
反而比較接近手機、ATM、遙控器的概念?????
希望他們可以讓使用者自行選擇數字鍵的排列方式
6fdaefa5997a2e8ece3a27ed753c3200?size=48&default=wavatar
3人給推

2.  小明 (發表於 2012年7月24日 22:07)
產品設計最重要的一項:嚴謹科學分析加上反覆實作,製作一台符合消費者需求的產品。
9eceb51ddc41b39ebe1b41a981e1fe8c?size=48&default=wavatar
4人給推

3.  賴打 (發表於 2012年7月24日 23:08)
微軟有在進步,雖然它是隻反應遲鈍的大恐龍,但是認真起來還是很可怕的。畢竟,能進微軟裡面的軟體工程師也不會是庸材。
765dceabbef1428dc1435b6bcd79ebb3?size=48&default=wavatar
3人給推

4.  JJ (發表於 2012年7月24日 23:48)
※ 引述《賴打》的留言:
> 微軟有在進步,雖然它是隻反應遲鈍的大恐龍,但是認真起來還是很可怕的。畢竟,能進微軟裡面的軟體工程師也不會是庸材。

只能說在微軟推出 Windows XP 後,新產品的研發速度,除了Xbox 外,實在是讓人不敢恭維..... 從 XP 推出後將近十年才出現了 Vista (而且風評還蠻糟的)、IE 6 出現到 IE 7 推出的時間間隔之久,就可以略窺一二......
現在微軟的研發速度個人才覺得是正常的水準(≧▽≦)
Learning
5.  Learning (發表於 2012年7月25日 00:01)
※ 引述《cccooler》的留言:
> 數字鍵把123擺在第一排好奇怪
> 只要是使用電腦鍵盤大家都知道
> "123在最下排" 這點跟計算機一樣
> 常用小算盤計算功能的人 也很習慣實體鍵盤數字鍵的配置方式
>
> 現在的設計不就違反了
> "人們已經很習慣用實體鍵盤打字,不要去打破已養成的習慣。"
>

> 還是微軟覺得說他們推出的平板並不類似電腦
> 反而比較接近手機、ATM、遙控器的概念?????
> 希望他們可以讓使用者自行選擇數字鍵的排列方式
>

我覺得不會,在打觸控鍵盤時,會盯者鍵盤所以是一樣的
在實體鍵盤上影響比較大
我對微軟這幾年的進步給讚,Win7真的做得不錯
對win8平板我也有期待
enzo
1人給推

6.  enzo (發表於 2012年7月25日 00:11)
看來M$與Apple有得拚囉~
(給微軟掌聲鼓勵)
期待NT core的平板XD
702ae2976f406467a787a6a170b9fec5?size=48&default=wavatar
8.  Truman (發表於 2012年7月25日 11:06)
虛擬鍵盤之拇指鍵盤真的滿方便的(遠望iPad),只可惜目前Windows 8 RP版本的拇指鍵盤還是只有for (purely) English而已,希望正式上市會有中文拇指鍵盤...(⊙ˍ⊙)
發表回應
謹慎發言,尊重彼此。按此展開留言規則