長沙學(xué)ui界面設(shè)計能用的定律是啥

ui界面設(shè)計能用的定律

ui界面設(shè)計能用的定律：在交互設(shè)計領(lǐng)域有很多經(jīng)過時間檢驗的定律及法則，來作為設(shè)計的指導(dǎo)原理，它能夠幫助設(shè)計師對界面上的各種視覺元素進(jìn)行合理的評估，今天小編主要給大家分享ui界面設(shè)計能用的定律，希望對你們有幫助!

費茨定律

費茨定律是人機(jī)交互和人機(jī)工程學(xué)中人類活動的模型，它可以預(yù)測從任何位置快速移動到目標(biāo)位置所需的時間，與兩個位置之間的距離和目標(biāo)大小有關(guān)。

這里有兩個參數(shù)條件:

距離:起始位置離目標(biāo)位置越遠(yuǎn)，到達(dá)目標(biāo)位置的時間就越長，相反，離目標(biāo)越近，花的時間就越短。

目標(biāo)大小:目標(biāo)區(qū)域越大，定位目標(biāo)的時間就越短，相反，目標(biāo)區(qū)域越小，精確定位目標(biāo)所需的時間就越長。

界面中的費茨定律

費茨定律在產(chǎn)品界面設(shè)計中的主要作用是提高產(chǎn)品的可用性，更準(zhǔn)確地說，它改進(jìn)的是產(chǎn)品可用性的效率指數(shù)，幫助用戶更快地完成某個操作或任務(wù)。

(1)盡可能縮短與目標(biāo)位置的距離，并保持相關(guān)操作的親密性。

當(dāng)設(shè)計頁面模式彈窗來指導(dǎo)用戶操作時，大多數(shù)產(chǎn)品會將操作控件放置在固定的頁面位置(通常居中或在頁面底部)。然而，“抖音”的設(shè)計讓人眼前一亮:當(dāng)用戶觸發(fā)時，系統(tǒng)會判斷用戶手指與屏幕的接觸位置，并在最靠近用戶手指的位置顯示模態(tài)彈窗的控制按鈕。

根據(jù)用戶手部活動區(qū)域的變化，靈活地改變位置，使得用戶在手勢交互過程中能夠始終在手部的舒適區(qū)域內(nèi)操作。這是一個非常友好的經(jīng)驗設(shè)計，以應(yīng)對大屏幕時代，也是一個好的設(shè)計點，適用于該定律:從開始位置到目標(biāo)位置的距離。

例如，在QQ的登錄界面中，登錄按鈕的面積剛好大于拇指的面積(考慮到拇指點擊的舒適性)，無論鍵盤是否喚起鍵盤，按鈕的位置總是保持在拇指可以觸摸的舒適位置，因此根據(jù)前面的參數(shù)條件，按鈕的面積和觸摸距離是最好的。

假設(shè)登錄按鈕位于屏幕底部，盡管拇指的默認(rèn)懸停位置在屏幕底部，理論上此時最靠近登錄按鈕，但應(yīng)考慮以下場景:第一，鍵盤喚起;第二，與輸入框的密切關(guān)系，因此有效觸發(fā)登錄按鈕的行為是發(fā)生在后續(xù)場景中，所以放在距離輸入框最近的位置才合理。

除了移動終端之外，當(dāng)在電腦終端上設(shè)計背景表單時，我們通常會遵循表單底部和離表單最近位置的決策按鈕。這也是為了縮短光標(biāo)移動的距離，并使操作項(要輸入的表單)和決策項(提交/取消按鈕)更加有關(guān)聯(lián)性。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://elsolbar.com/news-id-72780.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多：150 3333 6050