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

進入實際的鍵盤佈局設計

在了解使用者打字習慣和提供自動修正機制後,接下來要決定鍵盤的佈局:什麼按鍵要擺那裡,預設要擺多少按鍵,可以由以下幾個研究結果來決定。

  1. 人們已經很習慣用實體鍵盤打字,不要去打破已養成的習慣。
  2. 按鍵大小已有最佳的尺寸範圍可循,Windows 8 把觸控的字母按鍵設計為 19mm,跟許多實體按鍵一樣。
  3. 同時存在的按鍵愈多,就愈容易打錯。
  4. 虛擬鍵盤不能超過螢幕的一半,佔據一半還算可行,因為使用者主要還是在看自己正在輸入的字所出現的地方,而不會去看離目標位置太遠的區域。
  5. 有些字母、符號的使用頻率比較高。
  6. 在不干擾既有習慣的情況下,人們學習新事物的速度還蠻快的,所以虛擬鍵盤可以有一些特別的設計。

總歸一句話,對打字效率有利的就採用、拖累打字效率的就得捨棄。

先來看個例子:數字鍵的佈局實作

Windows 7 裡面的虛擬鍵盤是有一列數字鍵的,如下圖所示,整個看來跟實體鍵盤很像。

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

但是,把數字鍵、字母鍵放在一起的問題很大,因為按鍵很多,同時不能讓每顆按鍵的尺寸變小,以 10 吋螢幕來說,會讓鍵盤的大小超過螢幕的一半,違反了前面提到的設計原則;如果為了不讓鍵盤過大而讓按鍵變小的話,就會提高按錯的機率。

最後把數字鍵集中在右邊而不是上方,有3個理由:

  • 使用者傾向於一次會輸入好幾個數字。
  • 九宮格排列方式讓數字間的距離不會太遠。
  • 相較於橫列形式,這樣的排列方式會讓打字速度加快。

而且你發現了嗎?數字123是在第一排喔,不像實體鍵盤是擺在第3排,這樣的排列方式跟手機數字鍵、ATM、遙控器是相同的,而人們已經很習慣數字是這樣排列的。

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

▲ 目前 Windows 8 的數字鍵跟字母鍵不在同一個頁面。

經過許多研究之後,目前 Windows 8 的觸控鍵盤長成這個樣子:

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

  • 到退鍵:很常用的按鍵,放到跟實體鍵盤一樣的位置。
  • Ctrl:為了便於複製、剪下、貼上這些操作,還是放在 x、c、v 旁邊。
  • 空白鍵:還是要很大,不然很容易按錯。
  • 表情符號鍵:在文章裡使用表情符號的人愈來愈多,所以安排了表情符號鍵,這也是虛擬鍵盤的好處,按個鍵就可以切換到不同的按鍵類別頁面。
  • 當你用一手按著「&123」鍵不放,會暫時切換成符號、數字頁面,可以用另一隻手操作。

當然,也是可以切換到跟實體鍵盤一樣的標準鍵盤佈局,因為有些軟體或操作動作還是會用到的。從以上的說明來看,Windows 8 的虛擬鍵盤的確下了不少工夫在做最佳化,至於實際使用的感覺如何,就要等更多人實際玩過裝上 Windows 8 的觸控裝置後,才能見真章了。

資料來源:Building 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而已,希望正式上市會有中文拇指鍵盤...(⊙ˍ⊙)
發表回應
謹慎發言,尊重彼此。按此展開留言規則