編者按:在進行 UI 設計的時候,很多小技巧能夠恰到好處地提升界面的設計視覺效果、用戶體驗。這篇來自Mark Andrew 的文章梳理了 6 個實用性很強的 UI 效果提升小技巧 。
在創建實用、可訪問性良好且視覺效果頗為出彩的 UI 界面的時候,我們大多只需要進行有限度的微調,即可達到頗為不錯的效果。
1、在涉及排版時,網格和規則可以適當地被打破
通常我們在設計 UI 的時候,使用網格系統和比例排布能夠很快達到不錯的排版效果,但是在很多實際情況下,文本排布完全依賴網格系統,又會多少讓人覺得有點不夠舒服和自然。
這個時候要注意,規則不是死的。這個時候要適當打破這些規則,使用雙眼來進行光學對齊,而不是一味的遵照排版來做。
2、表單報錯信息一定要準確且易于理解
在設計表單的時候,單純的告訴用戶這里出錯了,并不會幫助用戶更好地解決問題。通常需要告訴用戶為什么錯了,以及如何正確修正這些錯誤。比如當用戶填寫郵件地址不正確的時候,要告知用戶是「格式不正確」還是「該地址已經被注冊了」,這個時候改正就有明確的指向性了。
3、在加載過程中,提前展示界面布局
很多用戶界面布局通常是相對固定的,在加載界面的過程中,向用戶提前展示布局能夠幫助用戶構建初始的預期,讓用戶知道界面正在加載中而不是出錯了。
系統狀態的可見性借此進行呈現,這也符合基本的設計原則。
4、告訴用戶某個操作可能帶來的結果
UI 中很多操作帶來的結果可能是致命性的,比如說刪除操作,這個時候需要將這個操作的結果在界面中呈現出來,告訴用戶某些結果可能在這個操作之后發生,幫助用戶了解操作的嚴重性。
這樣的優化能讓用戶更加明白具體按鈕的功能和操作,確保產品的體驗更好。
5、確保最重要的功能在標簽欄中優先級靠前
如今的產品功能越來越多,越來越臃腫,這個時候,標簽欄中的內容怎么排布就需要特別小心了。將標簽欄中靠前的位置保留給最常用的功能模塊,并且將次重要或者使用頻次較低的功能模塊,藏到「更多」里面,這樣能讓界面用起來更加順手。
6、不要將重要的操作隱藏在下拉菜單中
我們仍然時不時會在某些網站首頁中,碰到登錄按鈕被隱藏起來的情況。用戶對于這類高頻度使用、優先級非常靠前操作,是有著極大的需求和依賴的,它們應當醒目地放置在用戶習慣(比如右上角)的位置,這是確保界面的可訪問性的重要細節。