交互

16個簡單的提高用戶體驗的UX及UI設(shè)計技巧

2530

用戶體驗是一個發(fā)現(xiàn)的過程。我們經(jīng)常主張用戶體驗并不隨著某個項目而開始與結(jié)束。只要你的產(chǎn)品還在，用戶體驗流程就永遠(yuǎn)不會結(jié)束。當(dāng)涉及數(shù)字產(chǎn)品時，總有改進(jìn)和成長的空間值得探索，所以設(shè)計過程是產(chǎn)品成長過程中不可分割的一部分。

不過在談及可用性和設(shè)計原則時，我們可以毫不猶豫地應(yīng)用一些經(jīng)過驗證和測試的原則。大可不必重新造輪子。

我們挑選了16個能夠帶來增長的UX和UI技巧，從而節(jié)省你的腦力專注于更復(fù)雜的UX和產(chǎn)品挑戰(zhàn)。

1. 最佳效果的召喚行動按鈕(CTA)

如果為按鈕添加上下文信息，那么效果會更好，但是信息盡量不要超過三個單詞，比如可以用”加入購物車“替代”加入“，用”立即購買“替代”購買“。

2.移動端上的文字

已經(jīng)有大量的測試表明，移動設(shè)備上最好的可讀性原則是確保每行單詞個數(shù)不超過9個，即不超過50—60個字母。

3. 移動端的召喚行動按鈕(CTA)

移動端的召喚行動按鈕應(yīng)該比大多數(shù)設(shè)計師使用的大小都大。麻省理工學(xué)院(MIT)的觸覺實驗室的研究結(jié)果表明，大多數(shù)成年人食指的平均寬度為16—20毫米，因此合適的按鈕尺寸應(yīng)該為40—50px寬。

4.電商表單

不確定何時使用單選按鈕何時使用下拉列表。這個UX原則非常簡單：當(dāng)選項少于5個時候使用單選按鈕，當(dāng)選項超過5個時使用下拉表單。

5.分頁或無限滾動

許多UX設(shè)計師都傾向于使用無限滾動來讓設(shè)計更具時尚和現(xiàn)代感。然而，這不適用于試圖找到正確內(nèi)容的用戶。實驗證明無限滾動頁面適用于內(nèi)容探索，而分頁適用于以目標(biāo)為導(dǎo)向的用戶體驗，比如電商網(wǎng)站或數(shù)據(jù)豐富的網(wǎng)站。

6.默認(rèn)選項——用還是不用

輸入和額外的點擊具有很高的交互成本。要提高表單的轉(zhuǎn)化率，可以提供默認(rèn)選項，提示用戶所需的以及高頻的選項。

7. 如何使用圖標(biāo)

濫用圖標(biāo)是一個UI錯誤，經(jīng)常會有損用戶體驗。圖標(biāo)的使用應(yīng)該具備明顯的用意，加強無法用文字表達(dá)的內(nèi)容，一定不要將實際功能隱藏在模糊的圖標(biāo)下。UX黃金法則是：當(dāng)文本不足以解釋操作時，可以使用圖標(biāo)。

8.錯誤消息

為了提高轉(zhuǎn)化率，請務(wù)必提供糾正錯誤的建議，從而減輕用戶的認(rèn)知負(fù)擔(dān)。保持人性化和幽默感，避免用戶在面對錯誤屏幕或錯誤消息時流失。

9.清單或是單選按鈕

這里的UX原則很簡單：對于多選使用清單，對于單選使用單選按鈕。任何設(shè)計師都應(yīng)該這樣做。

10. 使用占位符體現(xiàn)樣例

使用占位符可以設(shè)定更好的情境并增加表單轉(zhuǎn)換率。但是你需要再多做一步，使用示例而不是只顯示用戶需要輸入的內(nèi)容項。例如，顯示電話號碼如“+44 757 869”，而不是“輸入電話號碼：”或者是“hi@pony.studio”而不是"電子郵件"。這是一個經(jīng)過驗證的用戶體驗原則。