8條UX用戶體驗(yàn)設(shè)計(jì)規(guī)則助您從優(yōu)秀走向卓越

常見的基礎(chǔ)UI設(shè)計(jì)原則包括，對(duì)比、層次、一致性、呼吸......但還有一些其他原則，他們會(huì)悄無聲息地讓你的UX用戶體驗(yàn)設(shè)計(jì)提升 10 倍，下面用1分鐘快速帶你學(xué)會(huì)。

1. 80/20 規(guī)則（帕累托原則）
80% 的用戶交互發(fā)生在 20% 的界面空間中。 您無需以相同的優(yōu)先級(jí)設(shè)計(jì)每個(gè)元素。專注于最常用的功能并加以完善。 識(shí)別應(yīng)用程序的強(qiáng)大功能并使其易于訪問，不要浪費(fèi)時(shí)間糾結(jié)于很少使用的設(shè)置。
示例：在訂外賣的應(yīng)用中，人們主要目的是點(diǎn)單，因此點(diǎn)單 和 外送按鈕應(yīng)該很明顯，而不是隱藏在菜單下。

2. 局部性定律（鄰近偏差）
用戶會(huì)認(rèn)為彼此接近的事物是相關(guān)的。 如果你的“刪除賬戶”按鈕在“保存更改”旁邊，看起來有點(diǎn)嚇人，那么恭喜你！你剛剛讓別人焦慮了。 將相關(guān)操作組合在一起（但將破壞性操作分開）。 確保標(biāo)簽位于其所描述的輸入旁邊。
示例：在表單中，“名字”和“姓氏”應(yīng)該更靠近其輸入字段而不是彼此。

3. 多爾蒂閾值（速度感知）
當(dāng)響應(yīng)時(shí)間≤400毫秒時(shí)，用戶會(huì)感到投入。 用戶等待的時(shí)間越長(zhǎng)，他們就越沮喪。但即使有些事情需要時(shí)間，你也可以假裝速度。 使用加載動(dòng)畫、骨架屏幕或進(jìn)度指示器使等待時(shí)間感覺更短。 如果您能意識(shí)到延遲，即使是很小的延遲也會(huì)感覺更順暢（您是否注意到，即使消息需要一秒鐘才能發(fā)送，平臺(tái)也會(huì)顯示“正在輸入...”？）。
示例：很多音樂APP會(huì)在檢查您是否離線之前立即加載您上次播放的歌曲。感覺速度很快，但實(shí)際上并非如此。

4. 菲茨定律（易于點(diǎn)擊）
按鈕越大越近，點(diǎn)擊起來就越容易，讓重要按鈕更大且易于觸及（尤其是在移動(dòng)設(shè)備上）。 將關(guān)鍵動(dòng)作放在拇指自然放置的位置（屏幕底部）。
示例：結(jié)合PC和移動(dòng)的的屏幕情況，把你的重要內(nèi)容和按鈕放到容易點(diǎn)擊的地方。


5. 第一印象法則（3秒點(diǎn)擊任務(wù)測(cè)試）
用戶會(huì)在 3 秒內(nèi)決定是否喜歡你的設(shè)計(jì)。 如果你的 UI 界面乍一看就雜亂、令人困惑或丑陋，用戶甚至?xí)趪L試之前就離開。 把你的設(shè)計(jì)展示給別人五秒鐘，然后問他們：“這是用來做什么的？”如果他們不明白，就簡(jiǎn)化一下。 減少視覺混亂。如果所有東西都太過顯眼，就沒什么亮點(diǎn)了。
示例： 一些跨境E電商的首頁界面簡(jiǎn)潔、醒目、一目了然。你可以立即知道他們提供了哪些服務(wù)和產(chǎn)品報(bào)價(jià)。

6.雅各布定律（熟悉度高于獨(dú)特度）
用戶希望你的應(yīng)用能夠像他們熟悉的其他應(yīng)用一樣運(yùn)行。 太過獨(dú)特 = 令人困惑。不要重復(fù)造輪子。 堅(jiān)持既定模式（例如，購物車圖標(biāo)表示購物，滑動(dòng)表示類似 Tinder 的操作）。 將您的創(chuàng)造力集中在體驗(yàn)上，而不是布局上。
示例：B端-內(nèi)部系統(tǒng)都有一個(gè)用于導(dǎo)航的左側(cè)欄，因?yàn)檫@是用戶的期望，不要左側(cè)導(dǎo)航放到右側(cè)，除非你是基于右對(duì)齊閱讀，比如在中東地區(qū)是從右往左閱讀的習(xí)慣。

7. 美學(xué)可用性效應(yīng)
人們認(rèn)為精美的的UI用戶界面效果更好，即使事實(shí)并非如此。 如果產(chǎn)品看起來質(zhì)量高，用戶就會(huì)更信任它。 注意間距、排版和視覺效果。 即使是一個(gè)簡(jiǎn)單的應(yīng)用程序，如果設(shè)計(jì)得好，也會(huì)讓人感覺很高級(jí)（蘋果知道這一點(diǎn)）。
示例：谷歌的主頁簡(jiǎn)潔明了。感覺就像是一款不錯(cuò)的產(chǎn)品。

8.序列位置效應(yīng)
用戶最容易記住他們看到的第一個(gè)和最后一個(gè)內(nèi)容。 如果你的行動(dòng)號(hào)召 (CTA按鈕) 被埋在頁面中間，沒有人會(huì)記住它。 將關(guān)鍵信息放在菜單、列表和頁面的開頭或結(jié)尾。 避免將重要按鈕埋在長(zhǎng)文本塊中間。
示例：最好的營銷電子郵件以強(qiáng)有力的開頭和清晰的 CTA 按鈕收尾，因?yàn)檫@是人們記住的。

總結(jié)，雖然這些UI / UX設(shè)計(jì)原則眾所周知，但在實(shí)際應(yīng)用中卻頗具挑戰(zhàn)性。當(dāng)你對(duì)一款產(chǎn)品充滿熱情時(shí)，很容易激發(fā)創(chuàng)意，讓它脫穎而出。然而我們都曾因?yàn)橛龅揭粋€(gè)反人類設(shè)計(jì)而感到無語，如果還要投入大量的學(xué)習(xí)成本那將是令人抓狂的事，所以幾個(gè)小小的設(shè)計(jì)原則在很多時(shí)候可以起到力挽狂瀾的作用。