2022-12-03 10:28:30|已瀏覽:131次
ui界面設計能用的定律
ui界面設計能用的定律:在交互設計領域有很多經過時間檢驗的定律及法則,來作為設計的指導原理,它能夠幫助設計師對界面上的各種視覺元素進行合理的評估,今天小編主要給大家分享ui界面設計能用的定律,希望對你們有幫助!
費茨定律
費茨定律是人機交互和人機工程學中人類活動的模型,它可以預測從任何位置快速移動到目標位置所需的時間,與兩個位置之間的距離和目標大小有關。
這里有兩個參數條件:
距離:起始位置離目標位置越遠,到達目標位置的時間就越長,相反,離目標越近,花的時間就越短。
目標大小:目標區域越大,定位目標的時間就越短,相反,目標區域越小,精確定位目標所需的時間就越長。
界面中的費茨定律
費茨定律在產品界面設計中的主要作用是提高產品的可用性,更準確地說,它改進的是產品可用性的效率指數,幫助用戶更快地完成某個操作或任務。
(1)盡可能縮短與目標位置的距離,并保持相關操作的親密性。
當設計頁面模式彈窗來指導用戶操作時,大多數產品會將操作控件放置在固定的頁面位置(通常居中或在頁面底部)。然而,“抖音”的設計讓人眼前一亮:當用戶觸發時,系統會判斷用戶手指與屏幕的接觸位置,并在最靠近用戶手指的位置顯示模態彈窗的控制按鈕。
根據用戶手部活動區域的變化,靈活地改變位置,使得用戶在手勢交互過程中能夠始終在手部的舒適區域內操作。這是一個非常友好的經驗設計,以應對大屏幕時代,也是一個好的設計點,適用于該定律:從開始位置到目標位置的距離。
例如,在QQ的登錄界面中,登錄按鈕的面積剛好大于拇指的面積(考慮到拇指點擊的舒適性),無論鍵盤是否喚起鍵盤,按鈕的位置總是保持在拇指可以觸摸的舒適位置,因此根據前面的參數條件,按鈕的面積和觸摸距離是最好的。
假設登錄按鈕位于屏幕底部,盡管拇指的默認懸停位置在屏幕底部,理論上此時最靠近登錄按鈕,但應考慮以下場景:第一,鍵盤喚起;第二,與輸入框的密切關系,因此有效觸發登錄按鈕的行為是發生在后續場景中,所以放在距離輸入框最近的位置才合理。
除了移動終端之外,當在電腦終端上設計背景表單時,我們通常會遵循表單底部和離表單最近位置的決策按鈕。這也是為了縮短光標移動的距離,并使操作項(要輸入的表單)和決策項(提交/取消按鈕)更加有關聯性。
注:尊重原創文章,轉載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-72780.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050