UI陷阱！按鈕總是看得到卻點不到?

 　　秘訣在於設定按鈕的觸控感應區(Touch area)，按鈕其實可以分為兩個部分：

　　一、視覺目標(Visual targe)- 使用者可以看的到，並且想要去點擊的區域。

　　二、觸控感應區(Touch area)- 使用者看不到，用於判斷檢測手指是否有觸碰到按鈕的區域。

　　一般來說，對於小於建議大小的按鈕，我們需要手動將觸控感應區調整的比視覺目標更大一些，這樣一來即使使用者沒有真的觸碰到按鈕的視覺目標(如下圖)，也可以成功地點擊到按鈕，但開發者一般在撰寫自定的按鈕時，很容易忽略了這個細節，忘了要將觸控感應區指定到適合的大小，以方便使用者點擊。

　　觸控式行動裝置上的螢幕空間寸土寸金，過大的按鈕設計會浪費空間，有質感的小按鈕又總是讓人按不到，那麼到底按鈕應該要設計多大才方便使用呢?根據過去的統計資料，人們最常用於操控觸控式螢幕的拇指與食指平均寬度為：男性2.29 cm 與1.82 cm;女性1.91 cm 與1.55 cm，因此傳統上建議按鈕大小為2.2 cm。

　　但隨著觸控螢幕的改進與進步，許多研究發現有效率且合適的按鈕大小約為 0.9 cm 至 1.0 cm ，在Apple所提供的iOS Human Interface Guidelines上也明確建議可接受的按鈕大小為 44pt(約 0.65 cm)，再小則會嚴重影響使用者的操作(實際上需再配合使用費茲定律來作設計)。

　　如果你的服務是設計給50歲以上年長的使用者的話，合適的大小則為 1.14 cm(單一按鈕)以及 1.65 cm(並列式按鈕)。

　　但如果為了視覺與空間設計上的需求，按鈕必須小於建議的尺寸(如導覽按鈕高0.40 cm;清單列刪除按鈕0.30 cm x 0.30 cm)，開發者就勢必需要花時間調整觸控感應區的大小，才不會讓你的使用性大打折，為了魚與熊掌兼具，這些需要費工設計的小地方可是省不得的呢!