干貨!6 條提升用戶體驗(yàn)的小貼士

3 評(píng)論 7336 瀏覽 42 收藏 7 分鐘

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

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

一、通過(guò)色彩讓設(shè)計(jì)更一致

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

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

干貨!6 條提升用戶體驗(yàn)的小貼士

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

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

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

干貨!6 條提升用戶體驗(yàn)的小貼士

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

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

不要讓用戶因?yàn)檫@種原因退出頁(yè)面??梢酝ㄟ^(guò)將文字的顏色加深來(lái)簡(jiǎn)單地解決這個(gè)問(wèn)題,讓每個(gè)人都更加易讀。對(duì)于較輕字重的字體,只需將其顏色加深幾個(gè)級(jí)別,就能顯著的改善其可讀性。

干貨!6 條提升用戶體驗(yàn)的小貼士

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

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

干貨!6 條提升用戶體驗(yàn)的小貼士

五、不要讓用戶猜測(cè)

在用戶進(jìn)行操作之前,特別是點(diǎn)擊某些 CTA 按鈕之前,要確保他們不會(huì)被蒙在鼓里,知道接下來(lái)會(huì)發(fā)生什么。在執(zhí)行操作之前,始終讓用戶清楚地了解他們?cè)邳c(diǎn)擊突出顯示的 CTA 按鈕時(shí)可以期待些什么。改善每一步的用戶體驗(yàn),不要讓他們?cè)诼贸讨腥魏我粋€(gè)觸點(diǎn)產(chǎn)生疑問(wèn)。

干貨!6 條提升用戶體驗(yàn)的小貼士

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

CTA 按鈕在頁(yè)面中哪怕不是最重要的部分,也是最重要的之一,讓它在頁(yè)面中突出出來(lái)!

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

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

干貨!6 條提升用戶體驗(yàn)的小貼士

原文標(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)獲取:吳鵬飛;審核指導(dǎo):王翎旭;

微信公眾號(hào):三分設(shè)(ID:SFun-Share);用戶體驗(yàn)設(shè)計(jì)師成長(zhǎng)社區(qū)

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

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

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

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

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

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

    來(lái)自廣東 回復(fù)