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

費茲定律告訴你按鈕要多大?

   你知道為什么Microsoft Windows 的選單列放置在視窗上,而Apple Mac OS X 的選單列放在螢幕的最上方嗎?

  你知道為什么Mozilla Firefox 瀏覽器左上角的「回到上一頁」和「到下一頁」兩個按鈕的大小不一樣嗎?

  其實費茲定律(Fitts’ Law)都已經在許多使用者界面里面偷偷運作了!

  費茲定律(Fitts’ Law)是心理學家Paul Fitts 所提出的人機介面設計法則,主要定義了游標移動到目標之間的距離、目標物的大小和所花費的時間之間的關系。費茲定律目前廣泛應用在許多使用者介面設計上,以提高介面的使用性、操作度和效能。費茲定律長得就像下面這個公式:

費茲定律告訴你按鈕要多大? 三聯

  其中T 代表所花費的時間,a 是系統一定會花費的時間,b 是系統速率,D 代表啟始點到目標之間的距離,而W 則是目標物平行于運動軌跡的長度。看起來一點都不討喜,對吧?我們可以用下圖來簡化一下費茲定律的意思:

  用圖來解釋,就是當D(啟始點到目標之間的距離)越長,使用者所花費的時間越多,而當W(目標物平行于運動軌跡的長度)越長,則花費的時間越少,使用效能也比較好。

  這跟Mozilla Firefox 的「回到上一頁」按鈕的大小有什么關系呢?這要從「回到上一頁」和「到下一頁」兩個按鈕的行為有什么不同來進行分析。

  一般而言,我們在點選回到上一頁按鈕的時候,都是正在瀏覽網站而想要回到剛剛看過的頁面,這時滑鼠位置通常都在瀏覽器的頁面內容上,要把滑鼠從頁面上移動到「回到上一頁」的按鈕的距離很長,而且我們不能確定使用者會從哪個位置開始移動。因此Firefox 將「回到上一頁」的按鈕加大并設計成圓形,以因應來自不同角度的滑鼠操作。而「到下一頁」的按鈕,通常都是因為點選了「回到上一頁」而感到反悔,希望可以回到上一個頁面,此時滑鼠是從左往右移動一個小段的距離,角度和距離都可以控制,所以Firefox 就設計了比較寬的按鈕了!

  至于Windows 和Mac OS X 的選單位置的差別呢?Windows 將選單位置放置在視窗標題的下方,如果滑鼠要從視窗內移動到選單上,這個選單的上下間距是非常狹窄,所以比較不容易點選到正確的按鈕。而Mac OS X 則將選單放到螢幕的正上方,由于滑鼠移動到螢幕邊界的時候,會被螢幕邊界限制而停下,因此可以將選單的高度(也就是費茲法則中的W)視為無限大,所以使用者所花費的時間減少,效率也就提升了。

  果然惡魔住在細節里,對吧!

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

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 黄色a毛片| 亚洲天堂男人天堂 | 成人在线a | 国产无遮挡又黄又爽免费网站 | 欧美日韩无| 国产中文字幕在线播放 | 黄色综合| 色婷婷在线视频 | 欧美日韩精品久久久免费观看 | 一级理论片 | 日韩在线欧美 | 爱爱短视频 | 久久青青操 | 国产精品视频一区二区三区 | 99久久婷婷国产综合精品草原 | 日韩一区二区在线视频 | 亚洲精品午夜精品 | 正在播放国产精品 | 欧美视频在线观看免费 | 成人午夜小视频 | 日韩高清在线播放 | 性大毛片视频 | 国产aa视频 | 久久夜色精品国产欧美乱极品 | 国产精品久久久久久久午夜 | 午夜小视频在线观看 | 一区二区三区久久久 | 91精品国产综合久久久久久 | 亚洲激情综合 | 亚洲成人免费 | 少妇免费视频 | 成人性色生活片 | 久久av红桃一区二区小说 | 国产精品国产三级国产 | 欧美福利一区 | 国产欧美日韩在线视频 | 欧美123区 | 夜夜草视频| 天天操综合 | 久久久精品一区二区 | 国产精品成人免费视频 |