用戶體驗是一個發(fā)現(xiàn)的過程。我們經常主張用戶體驗并不隨著某個項目而開始與結束。只要你的產品還在,用戶體驗流程就永遠不會結束。當涉及數(shù)字產品時,總有改進和成長的空間值得探索,所以設計過程是產品成長過程中不可分割的一部分。
不過在談及可用性和設計原則時,我們可以毫不猶豫地應用一些經過驗證和測試的原則。大可不必重新造輪子。
我們挑選了16個能夠帶來增長的UX和UI技巧,從而節(jié)省你的腦力專注于更復雜的UX和產品挑戰(zhàn)。
1. 最佳效果的召喚行動按鈕(CTA)
如果為按鈕添加上下文信息,那么效果會更好,但是信息盡量不要超過三個單詞,比如可以用”加入購物車“替代”加入“,用”立即購買“替代”購買“。
2.移動端上的文字
已經有大量的測試表明,移動設備上最好的可讀性原則是確保每行單詞個數(shù)不超過9個,即不超過50—60個字母。
3. 移動端的召喚行動按鈕(CTA)
移動端的召喚行動按鈕應該比大多數(shù)設計師使用的大小都大。麻省理工學院(MIT)的觸覺實驗室的研究結果表明,大多數(shù)成年人食指的平均寬度為16—20毫米,因此合適的按鈕尺寸應該為40—50px寬。
4.電商表單
不確定何時使用單選按鈕何時使用下拉列表。這個UX原則非常簡單:當選項少于5個時候使用單選按鈕,當選項超過5個時使用下拉表單。
5.分頁或無限滾動
許多UX設計師都傾向于使用無限滾動來讓設計更具時尚和現(xiàn)代感。然而,這不適用于試圖找到正確內容的用戶。實驗證明無限滾動頁面適用于內容探索,而分頁適用于以目標為導向的用戶體驗,比如電商網站或數(shù)據(jù)豐富的網站。
6.默認選項——用還是不用
輸入和額外的點擊具有很高的交互成本。要提高表單的轉化率,可以提供默認選項,提示用戶所需的以及高頻的選項。
7. 如何使用圖標
濫用圖標是一個UI錯誤,經常會有損用戶體驗。圖標的使用應該具備明顯的用意,加強無法用文字表達的內容,一定不要將實際功能隱藏在模糊的圖標下。UX黃金法則是:當文本不足以解釋操作時,可以使用圖標。
8.錯誤消息
為了提高轉化率,請務必提供糾正錯誤的建議,從而減輕用戶的認知負擔。保持人性化和幽默感,避免用戶在面對錯誤屏幕或錯誤消息時流失。
9.清單或是單選按鈕
這里的UX原則很簡單:對于多選使用清單,對于單選使用單選按鈕。任何設計師都應該這樣做。
10. 使用占位符體現(xiàn)樣例
使用占位符可以設定更好的情境并增加表單轉換率。但是你需要再多做一步,使用示例而不是只顯示用戶需要輸入的內容項。例如,顯示電話號碼如“+44 757 869”,而不是“輸入電話號碼:”或者是“hi@pony.studio”而不是"電子郵件"。這是一個經過驗證的用戶體驗原則。
11. 移動端提供更寬的可點擊區(qū)域
回顧第三項法則中提到的麻省理工研究,移動端上更寬的按鈕以及可點擊區(qū)域總是比小的UI組件效果更好。所以如果設計允許,一定要在移動端上使用比單選按鈕、下拉菜單或復制鏈接更寬、更大的視覺選項。
12. 使用顏色分類
采用顏色標簽用于分類可以降低用戶認知負擔,所以可以在關鍵的設計元素上使用顏色區(qū)分。但風險在于不要過度使用顏色,因為這可能會產生相反的效果,并影響用戶體驗的層次。
13.表單文本輸入框按鈕
始終為文本輸入框旁的按鈕使用不同顏色,以確保該按鈕不會與文本輸入區(qū)域融合在一起,并作為CTA按鈕突顯出來。
14. 完美的行間距
我們都希望字體大小和行距之間能有一個完美的比例,但是很抱歉我們將打破這個希望——并沒有通用的完美比例。通用UX原則是:保持行間距比字體大小高20–30%,從而提高可讀性。通常這個比例范圍可以適用于大多數(shù)情況。
15.總是有效的字體大小
如果所有設計都使用相同的字體大小,那么世界將會變得非常無聊。如果你為了保險起見,16px字號和1.5倍行高是通用的方案。這是適合正文的最安全的選項。
16. 重疊圖像使外觀更優(yōu)雅
如果你想給設計增添些別致的色彩,可以選擇重疊圖片,這尤其適用于設計用戶個人資料頁面或卡片。為確保樣式的平衡,請確保圖像邊緣顏色與背景色匹配。
— — — —
Stef Ivanov是Pony Studio的創(chuàng)始人和首席設計師。PonyStudio是一家專門設計早期數(shù)字產品的產品設計工作室。
原文鏈接:
https://medium.com/design-for-growth/16-ux-and-ui-design-tips-that-always-deliver-growth-6bacd9fd25fe
作者:Stef Ivanov
全站高品質素材免費下載!