131 1300 0010
編者按：在進(jìn)行 UI 設(shè)計(jì)的時(shí)候，很多小技巧能夠恰到好處地提升界面的設(shè)計(jì)視覺(jué)效果、用戶(hù)體驗(yàn)。這篇來(lái)自Mark Andrew 的文章梳理了 6 個(gè)實(shí)用性很強(qiáng)的 UI 效果提升小技巧 。
在創(chuàng)建實(shí)用、可訪問(wèn)性良好且視覺(jué)效果頗為出彩的 UI 界面的時(shí)候，我們大多只需要進(jìn)行有限度的微調(diào)，即可達(dá)到頗為不錯(cuò)的效果。
1、在涉及排版時(shí)，網(wǎng)格和規(guī)則可以適當(dāng)?shù)乇淮蚱?/p>
通常我們?cè)谠O(shè)計(jì) UI 的時(shí)候，使用網(wǎng)格系統(tǒng)和比例排布能夠很快達(dá)到不錯(cuò)的排版效果，但是在很多實(shí)際情況下，文本排布完全依賴(lài)網(wǎng)格系統(tǒng)，又會(huì)多少讓人覺(jué)得有點(diǎn)不夠舒服和自然。
這個(gè)時(shí)候要注意，規(guī)則不是死的。這個(gè)時(shí)候要適當(dāng)打破這些規(guī)則，使用雙眼來(lái)進(jìn)行光學(xué)對(duì)齊，而不是一味的遵照排版來(lái)做。
2、表單報(bào)錯(cuò)信息一定要準(zhǔn)確且易于理解
在設(shè)計(jì)表單的時(shí)候，單純的告訴用戶(hù)這里出錯(cuò)了，并不會(huì)幫助用戶(hù)更好地解決問(wèn)題。通常需要告訴用戶(hù)為什么錯(cuò)了，以及如何正確修正這些錯(cuò)誤。比如當(dāng)用戶(hù)填寫(xiě)郵件地址不正確的時(shí)候，要告知用戶(hù)是「格式不正確」還是「該地址已經(jīng)被注冊(cè)了」，這個(gè)時(shí)候改正就有明確的指向性了。
3、在加載過(guò)程中，提前展示界面布局
很多用戶(hù)界面布局通常是相對(duì)固定的，在加載界面的過(guò)程中，向用戶(hù)提前展示布局能夠幫助用戶(hù)構(gòu)建初始的預(yù)期，讓用戶(hù)知道界面正在加載中而不是出錯(cuò)了。
系統(tǒng)狀態(tài)的可見(jiàn)性借此進(jìn)行呈現(xiàn)，這也符合基本的設(shè)計(jì)原則。
4、告訴用戶(hù)某個(gè)操作可能帶來(lái)的結(jié)果
UI 中很多操作帶來(lái)的結(jié)果可能是致命性的，比如說(shuō)刪除操作，這個(gè)時(shí)候需要將這個(gè)操作的結(jié)果在界面中呈現(xiàn)出來(lái)，告訴用戶(hù)某些結(jié)果可能在這個(gè)操作之后發(fā)生，幫助用戶(hù)了解操作的嚴(yán)重性。
這樣的優(yōu)化能讓用戶(hù)更加明白具體按鈕的功能和操作，確保產(chǎn)品的體驗(yàn)更好。
5、確保最重要的功能在標(biāo)簽欄中優(yōu)先級(jí)靠前
如今的產(chǎn)品功能越來(lái)越多，越來(lái)越臃腫，這個(gè)時(shí)候，標(biāo)簽欄中的內(nèi)容怎么排布就需要特別小心了。將標(biāo)簽欄中靠前的位置保留給最常用的功能模塊，并且將次重要或者使用頻次較低的功能模塊，藏到「更多」里面，這樣能讓界面用起來(lái)更加順手。
6、不要將重要的操作隱藏在下拉菜單中
我們?nèi)匀粫r(shí)不時(shí)會(huì)在某些網(wǎng)站首頁(yè)中，碰到登錄按鈕被隱藏起來(lái)的情況。用戶(hù)對(duì)于這類(lèi)高頻度使用、優(yōu)先級(jí)非?？壳安僮鳎怯兄鴺O大的需求和依賴(lài)的，它們應(yīng)當(dāng)醒目地放置在用戶(hù)習(xí)慣（比如右上角）的位置，這是確保界面的可訪問(wèn)性的重要細(xì)節(jié)。
