在茫茫的APP 海中,總是會有很多小不拉機的按鈕,怎么點也點不到,使用觸控式行動裝置時最痛苦的事莫過于此,如果上天能夠給我一個重來的機會,我一定不會下載這個APP!但同樣是一些嬌小的內建按鈕,如iOS 導覽列上的導覽按鈕以及清單列的刪除按鈕,為何它們卻不會造成使用上的困擾呢?
秘訣在于設定按鈕的觸控感應區(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),開發者就勢必需要花時間調整觸控感應區的大小,才不會讓你的使用性大打折,為了魚與熊掌兼具,這些需要費工設計的小地方可是省不得的呢!
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。




發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
MJ+SD智能設計
已累計誕生 772 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓