久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

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

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

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

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

UI陷阱!按鈕總是看得到卻點不到? 三聯

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

example

  觸控式行動裝置上的螢幕空間寸土寸金,過大的按鈕設計會浪費空間,有質感的小按鈕又總是讓人按不到,那么到底按鈕應該要設計多大才方便使用呢?根據過去的統計資料,人們最常用于操控觸控式螢幕的拇指與食指平均寬度為:男性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),開發者就勢必需要花時間調整觸控感應區的大小,才不會讓你的使用性大打折,為了魚與熊掌兼具,這些需要費工設計的小地方可是省不得的呢!

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 中文字幕三级 | 91tv国产成人福利 | 免费看黄色小视频 | 亚洲视频一区二区 | 少妇高潮av久久久久久 | 成人国产精品久久久网站 | 日韩欧美在线播放 | 成人黄色录像 | 精品亚洲国产成人av制服丝袜 | 亚洲天堂2014 | 日本一级淫片 | 日本一级淫片色费放 | 中文字幕一二区 | 久久免费看片 | 黄色在线观看网址 | 国产区一区 | 欧美一级精品 | 免费黄色av | 天天插天天透 | 天堂av中文在线 | 成人午夜av| 狠狠干在线视频 | 9.1成人免费看片 | 18在线观看免费入口 | 日本黄色免费视频 | 久久久夜| 一区二区三区日韩 | a视频在线免费观看 | 99久久九九 | 成av人片一区二区三区久久 | 国产日韩欧美在线 | 国产精品一区在线播放 | 国产成人免费观看 | 小日子的在线观看免费第8集 | 久久人体 | 精品乱子伦一区二区三区 | 色天堂影院 | 欧美一级视频在线观看 | 黄色小视频免费看 | 人人看人人干 | 国产一区二区三区精品视频 |