Windows 的觸控互動

Windows 8.1 提供一組可用於整個系統的簡單觸控互動。在系統中持續套用這套觸控語言,可讓使用者對應用程式的操作方式感到很熟悉。這可讓使用者快速學會如何使用您的應用程式,進而提高使用者的信心。如需觸控語言實作的相關資訊,請參閱手勢、操作以及互動

 

使用者使用觸控與 Tablet PC 互動

 

本文內容:

  • 觸控為主的設計原則

  • 觸控語言

  • 觸控目標

  • 姿勢和握法

觸控為主的設計原則

提供立即反應

在使用者觸碰螢幕後立即提供視覺反應,可提升使用者的信賴度。互動元素應對色彩、大小的變更或移動產生反應。無法互動的項目應只在觸碰螢幕時才顯示系統觸控視覺物件。

內容隨著手指移動

可以被使用者移動或拖曳的元素 (例如畫布或滑桿) 應隨著使用者的手指移動。若為無法移動的按鈕和其他元素,應在使用者手指移開或離開元素後回到預設狀態。

讓互動可還原

如果您拿起一本書,可以把書再放回原來的地方。觸控互動應有類似的行為,它們應該是可還原的動作。提供視覺反應,指出使用者提起手指後會發生的反應。這樣就可以透過觸控的方式安全地探索您的應用程式。

不限制操作的手指數量

人們經常不經意地使用多根手指進行觸控。這也是為什麼觸控互動不應根據觸控螢幕時使用的手指數而有太大的行為變動。 就如同真實世界一樣,使用一根或三根手指滑動東西不應有任何差異。

觸控語言

按住不放以了解

這個觸控互動會在不進行任何動作下,顯示詳細的資訊或教學視覺物件 (例如工具提示或操作功能表)。以這種方式顯示的所有項目也應在使用者滑動手指時進行移動瀏覽。

  若已同時啟用水平和垂直移動瀏覽,則可使用按住不放的方式來選取。

點選以進行主要動作

點選元素即可叫用它的主要動作,例如啟動應用程式或執行命令。

滑動以移動瀏覽

滑動主要用於移動瀏覽互動,但也可以用來移動 (其中移動瀏覽限制為一個方向)、繪圖以及書寫。 您也可以使用滑動手勢透過來回移動 (將手指滑過選項按鈕等相關物件),選取小而密集的元素。

撥動以選取、命令和移動

朝移動瀏覽方向短距離垂直滑動手指 (其中移動瀏覽限制為一個方向),會選取清單或資料格中的物件。物件被選取時,會顯示含相關命令的應用程式列。

捏合和伸展以進行縮放

雖然經常使用捏合和伸展手勢來重新調整大小,但是它們還可以使用語意式縮放直接跳到內容的開頭、結尾或任何一處。語意式縮放提供縮小檢視來顯示項目的群組以及深入查看的快速方式。

轉動以旋轉

旋轉兩根或更多手指讓物件旋轉。旋轉裝置本身即可旋轉整個螢幕。

從邊緣撥動以取得應用程式命令

從螢幕的下邊緣或上邊緣撥動,即可顯示應用程式命令。請使用應用程式列來顯示應用程式命令。

從邊緣撥動以取得系統命令

從螢幕右邊緣向內撥動即可顯示系統命令的常用鍵。

從左邊緣向內撥動即可從目前執行的應用程式循環顯示。

從螢幕的上邊緣往下邊緣滑動時,可關閉目前的應用程式。

從上邊緣往下然後往左或往右邊緣滑動,可將目前的應用程式放置到螢幕的一側。

  使用者可以同時執行以滑動手勢移動瀏覽、以捏合手勢縮放,以及轉動以旋轉等互動進行直接操作,且觸控點數量並無限制。

觸控目標

大小與效率:目標大小會影響錯誤率

觸控錯誤會隨著目標大小增加而減少的圖表。

觸控目標沒有所謂的正確大小。不同的大小適用於不同的情況。會產生嚴重後果的動作 (例如刪除和關閉) 或經常使用的動作應使用大型觸控目標。不常使用或不會產生嚴重後果的動作可使用小型目標。

目標大小指導方針

建議的最小大小 7x7

7x7 公釐:建議的最小大小

如果觸碰到錯誤的目標後,使用者可以使用一或兩個手勢或在 5 秒內立即修正,則 7x7 公釐是一個恰當的最小大小。目標之間的間距和目標大小一樣重要。

當準確觸碰很重要時,建議大小為 9x9

當準確觸碰很重要時

關閉、刪除以及其他會產生嚴重後果的動作均不允許使用者有任何意外的錯誤點選。如果觸碰到錯誤的目標後,使用者需要使用超過兩個手勢、超過 5 秒或進行主要內容變更才能修正,則使用 9x9 公釐目標。

5x5 最小大小

放不下時

如果您發現空間太擁擠而無法放入目標,則可以使用 5x5 公釐的目標,但必須讓使用者在觸碰到錯誤的目標時可以僅用一個手勢立即修正。在此情況下,請務必在目標之間使用 2 公釐的間距。

 

協助工具

當您規劃 UI 和應用程式所支援的互動時,請牢記,您的使用者個別能力可能不同,或是有不同偏好,甚至有殘障人士。一開始就遵循協助工具設計原則,可協助確保各種可能的對象都可使用應用程式。如需規劃協助工具的詳細資訊,請參閱協助工具的指導方針

手指大小

人們經常歸咎於自己「手指太粗」。但即使是嬰兒的手指也比大部分觸控目標更寬。

左圖顯示成人的平均手指寬度約為 11 公釐,而嬰兒手指寬度平均為 8 公釐,部分籃球選手的手指寬度則超過 19 公釐!

顯示不同手指寬度的圖表

姿勢和握法

觸控的設計不只是設計螢幕上要顯示的項目。它也包括設計手持裝置的姿勢 (握法)。

一般而言,每個人使用 Tablet PC 時都有自己偏好的手持方式。

目前進行的作業或作業的呈現方式通常會決定每個人的握法。不過,當前環境和身體的舒適度也會影響每個人握住平板電腦的時間以及變換姿勢的頻率。

嘗試針對不同的握法來最佳化您的應用程式。如果某一互動會自然引導使用者使用特定握法,請針對這個情況最佳化您的應用程式。

互動區域

因為通常使用者會握平板電腦的側邊,底部的角落及兩側都是放置互動元素的理想位置。

互動區域

閱讀區域

螢幕上半部的內容比下半部的內容更加容易閱讀,因為下半部的內容經常會被手擋住或被忽略。

閱讀區域

常見握法

握法 握法和互動 設計考量
一手握住裝置,另一手進行互動 一手握住裝置,另一手進行少量至中量的互動
  • 在右邊緣或下邊緣提供快速互動。
  • 右下角可能被手掌或手腕擋住。
  • 在有限的範圍內可更準確地觸控。
  • 閱讀、瀏覽、傳送電子郵件以及少量輸入。
兩手握住裝置,以拇指進行互動 兩手握住裝置,以拇指進行少量至中量的互動
  • 在左下角與右下角提供快速互動。
  • 固定的拇指移動範圍可增加觸控準確度。
  • 但難以觸及螢幕中央的項目。
  • 需要變更姿勢才能觸碰螢幕中央。
  • 閱讀、瀏覽、少量輸入、玩遊戲。
兩手進行互動 將裝置放置於桌面或腿上,以兩手互動進行少量至頻繁的互動
  • 在螢幕底部提供快速互動。
  • 下方的角落可能被手掌或手腕擋住。
  • 減少手的移動範圍可增加觸控準確度。
  • 閱讀、瀏覽、傳送電子郵件、頻繁輸入。
不拿在手上的消極互動 將裝置放在桌上或直立放置,不一定會進行互動
  • 在螢幕底部提供快速互動。
  • 觸碰螢幕頂端會擋住內容。
  • 觸碰螢幕頂端可能會讓固定的裝置失去平衡而倒下。
  • 遠距離互動會使可讀性與準確度降低。
  • 增加目標大小以改善可讀性與準確度。
  • 觀賞電影、聆聽音樂。

 

回應使用者互動

觸控互動的可下載版本

使用者互動:觸控輸入...等等

目標預測的指導方針 (Windows 市集應用程式)

觸控式鍵盤和手寫面板的指導方針 (Windows 市集應用程式)