干貨!6 條提升用戶體驗的小貼士

3 評論 7198 瀏覽 42 收藏 7 分鐘

用戶體驗是一個老生常談的話題。在進(jìn)行 UI & UX 設(shè)計時,我們經(jīng)常會忽略一些細(xì)節(jié),雖然我們并沒有覺得有什么問題,但往往會極大地影響用戶的體驗,從而影響整個產(chǎn)品。作者在本文中提出了 6 條提升用戶體驗的微技巧,一起來學(xué)習(xí)吧!

在設(shè)計高效、易讀和漂亮的 UI 界面時,只需要小的改動就能讓你的設(shè)計眼前一亮。在這篇文章中,我為你帶來了另一些容易付諸實踐的 UI 和 UX 微技巧。這些技巧只需很小的改動就可以幫助你提升用戶體驗。讓我們開始吧!

一、通過色彩讓設(shè)計更一致

如果你有一個設(shè)計項目,可以讓你在顏色選擇方面有比較多的自由,不要總是傾向于用彩虹般的顏色來進(jìn)行設(shè)計。

如果你走的是彩虹路線,你很快就會發(fā)現(xiàn)很多內(nèi)容看起來都不匹配。簡單地使用一個基礎(chǔ)色,然后將該顏色的色調(diào)和明暗進(jìn)行變化并應(yīng)用,可以令你的設(shè)計更加協(xié)調(diào)和一致,并且看起來更專業(yè),而不需要那些閃亮的彩虹和需要色彩理論學(xué)位。

干貨!6 條提升用戶體驗的小貼士

二、突出選中目標(biāo)吸引用戶注意

UI 可以是干凈的、極簡的和直截了當(dāng)?shù)?,這毋庸置疑。但不能以犧牲用戶體驗為代價。對于像選項菜單這樣簡單的東西,要確保用戶只需快速瀏覽一下,就能夠找到選擇的項目。

你不需要在這里追究更多細(xì)節(jié)。簡潔的粗體就足夠讓用戶輕松的分辨出他們選中的目標(biāo),而且他們的輸入已經(jīng)得到反饋。

干貨!6 條提升用戶體驗的小貼士

三、加深輕字重文字 提升可讀性

當(dāng)涉及到長篇文字內(nèi)容時,你可能會傾向于使用灰色的中間色調(diào),這可能沒什么問題。但如果你同時使用更輕字重的字體,就會發(fā)現(xiàn)這影響了這段內(nèi)容在任何尺寸屏幕上的可讀性。

不要讓用戶因為這種原因退出頁面??梢酝ㄟ^將文字的顏色加深來簡單地解決這個問題,讓每個人都更加易讀。對于較輕字重的字體,只需將其顏色加深幾個級別,就能顯著的改善其可讀性。

干貨!6 條提升用戶體驗的小貼士

四、明確元素優(yōu)先級

你希望用戶的眼睛每次都能快速、有效地注意到頁面上最重要的元素,并將認(rèn)知的努力降到最低。通過使用視覺層級原則,如字體大小、字重、顏色和布局,僅舉幾例,你可以通過這些技巧輕松地把最重要的元素放在突出位置。遵循這些原則有助于改善用戶的體驗,并有助于引導(dǎo)用戶以更直接、準(zhǔn)確地方式使用產(chǎn)品。

干貨!6 條提升用戶體驗的小貼士

五、不要讓用戶猜測

在用戶進(jìn)行操作之前,特別是點(diǎn)擊某些 CTA 按鈕之前,要確保他們不會被蒙在鼓里,知道接下來會發(fā)生什么。在執(zhí)行操作之前,始終讓用戶清楚地了解他們在點(diǎn)擊突出顯示的 CTA 按鈕時可以期待些什么。改善每一步的用戶體驗,不要讓他們在旅程中任何一個觸點(diǎn)產(chǎn)生疑問。

干貨!6 條提升用戶體驗的小貼士

六、為CTA按鈕單獨(dú)設(shè)定一種顏色

CTA 按鈕在頁面中哪怕不是最重要的部分,也是最重要的之一,讓它在頁面中突出出來!

不要讓用戶將它與頁面上其他類型的元素(例如通知或標(biāo)簽)混淆。它需要很容易地被分辨出來,而這可以通過簡單地為 CTA 設(shè)置單獨(dú)一種顏色就做到。當(dāng)然,你可以在尺寸、形狀等方面做更多的細(xì)節(jié),但只要為你的 CTA 保留一種顏色,僅此一點(diǎn)就可以減少大部分問題。

我希望通過這幾條簡短的小貼士,你能意識到對你的設(shè)計進(jìn)行小的調(diào)整也能帶來完全不一樣的用戶體驗。

干貨!6 條提升用戶體驗的小貼士

原文標(biāo)題:UI & UX Micro-Tips: Volume Thirteen

原創(chuàng)作者:Marc Andrew

原文鏈接:https://www.marcandrew.me/ui-ux-micro-tips-volume-thirteen/#comment-5782174051

譯者:吳鵬飛;授權(quán)獲?。簠蛆i飛;審核指導(dǎo):王翎旭;

微信公眾號:三分設(shè)(ID:SFun-Share);用戶體驗設(shè)計師成長社區(qū)

本文由@三分設(shè) 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于 CC0 協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 其中那個金額的頁面,我之前就是這樣做的,突出你想要讓用戶了解的很重要

    來自江蘇 回復(fù)
  2. 好棒

    來自河南 回復(fù)
  3. 認(rèn)真閱讀后發(fā)現(xiàn)界面的小細(xì)節(jié)很重要

    來自廣東 回復(fù)