Paper的UI設(shè)計(jì)優(yōu)雅的讓用戶驚嘆，越來越多的網(wǎng)站采用Instagram的瀑布流風(fēng)格UI設(shè)計(jì)，這時(shí)我們會(huì)發(fā)現(xiàn)，在這個(gè)信息飛速傳播的時(shí)代，UI設(shè)計(jì)越來越重要。

好的UI設(shè)計(jì)隨時(shí)都會(huì)出現(xiàn)在身邊，很可能你的下一個(gè)UI設(shè)計(jì)，就是個(gè)傳誦千古的UI設(shè)計(jì)，為了大家下一個(gè)傳誦千古的UI設(shè)計(jì)，今天交互時(shí)代就帶大家來看看那些優(yōu)秀的UI設(shè)計(jì)中，有哪些是值得我們借鑒以及吸取的原則。

3秒鐘原則

現(xiàn)代人的生活節(jié)奏都很快，網(wǎng)頁間的切換速度也越來越快。所謂“3秒鐘原則”，就是要在極短的時(shí)間內(nèi)展示重要信息，給用戶留下深刻的第一印象。當(dāng)然，這里的3秒只是一個(gè)象征意義上的快速瀏覽表述，在實(shí)際瀏覽網(wǎng)頁的時(shí)候，并非真的嚴(yán)格遵守3秒。

據(jù)研究調(diào)查表明，在一般的新聞網(wǎng)站，用戶關(guān)注的是最中間靠上的內(nèi)容，可以用一個(gè)字母F表示，這種基于F圖案的瀏覽行為有3個(gè)特征：首先，用戶會(huì)在內(nèi)容區(qū)的上部進(jìn)行橫向?yàn)g覽。其次，用戶視線下移一段距離后在小范圍再次橫向?yàn)g覽。最后，用戶在內(nèi)容區(qū)的左側(cè)

做快速縱向?yàn)g覽。

遵循這個(gè)F形字母，網(wǎng)站設(shè)計(jì)者應(yīng)該把最重要的信息放在這個(gè)區(qū)域，才能給訪問者在3秒鐘的極短時(shí)間內(nèi)留下更加鮮明的第一印象。因此，在互聯(lián)網(wǎng)的UI設(shè)計(jì)中，用戶等待時(shí)間越少，用戶體驗(yàn)越好。合理的運(yùn)用這種閱讀行為，對于UI設(shè)計(jì)會(huì)有很好的啟發(fā)意義。

3次點(diǎn)擊原則

根據(jù)這個(gè)原則，如果用戶在3次點(diǎn)擊之后，仍然無法找到信息和完成網(wǎng)站功能時(shí)，用戶就會(huì)放棄現(xiàn)在的網(wǎng)站。這個(gè)原則給我們的啟示是，UI設(shè)計(jì)要簡潔，操作要方便。

在網(wǎng)絡(luò)探索的過程中，點(diǎn)擊的次數(shù)往往是無關(guān)緊要的，我們需要在產(chǎn)品中給用戶暗示：他們總是能知道現(xiàn)在在哪里、以前去過哪里、以后可以去哪里。

費(fèi)茨定律原則

費(fèi)茨定律對于互聯(lián)網(wǎng)UI設(shè)計(jì)具有很好的啟發(fā)意義。這個(gè)定律提出使用指點(diǎn)設(shè)備到達(dá)一個(gè)目標(biāo)的時(shí)間同兩個(gè)因素有關(guān)：設(shè)備當(dāng)前位置和目標(biāo)位置的距離(D)、目標(biāo)的大小(S)。在互聯(lián)網(wǎng)產(chǎn)品的互動(dòng)環(huán)節(jié)，用戶和鼠標(biāo)的移動(dòng)應(yīng)該是非常密切的。黃彥鳴和大家一起來設(shè)想，

要從A點(diǎn)移動(dòng)到B點(diǎn)，如何在有限的距離放置內(nèi)容、以更實(shí)用的方式最大化內(nèi)容可及性、快速提高內(nèi)容點(diǎn)擊率，對于用戶體驗(yàn)的價(jià)值是非常重要的。

在互聯(lián)網(wǎng)產(chǎn)品中，UI設(shè)計(jì)師經(jīng)常會(huì)遇到類似的問題。比如，在WEB頁面中經(jīng)常要使用分頁功能，這本來是一件給用戶帶來視覺享受的事情。但是，許多分頁的頁碼數(shù)字特別校費(fèi)茨公式為UI設(shè)計(jì)提供了一個(gè)依據(jù)，設(shè)計(jì)一些粗大、感性的分頁頁碼數(shù)字，讓用戶快速命中

目標(biāo)，也就是說在一個(gè)有限的范圍內(nèi)，要讓目標(biāo)盡可能無處不在，帶給用戶舒適的體驗(yàn)。

這些都是比較實(shí)用的互聯(lián)網(wǎng)產(chǎn)品原則。UI設(shè)計(jì)師在欣賞的過程中，也需要嘗試用這些原則去挖掘、歸納，這樣更容易領(lǐng)略產(chǎn)品帶來的無窮美感。

這就是今天交互時(shí)代給大家?guī)淼膬?nèi)容，想要了解更多交互設(shè)計(jì)方面的知識就多多關(guān)注交互時(shí)代吧，或者拿起手機(jī)掃描下方的二維碼也可以哦。

更多優(yōu)惠課程，請聯(lián)系網(wǎng)站客服，一對一提供培訓(xùn)內(nèi)容講解服務(wù)~