作為一個(gè)設(shè)計(jì)師，我們有責(zé)任在設(shè)計(jì)產(chǎn)品的過(guò)程中，通過(guò)UI來(lái)帶給用戶(hù)足夠的信任感。

在如今社會(huì)，我們經(jīng)常需要通過(guò)手機(jī)和電腦去完成很多重要的事情。許多銀行正不斷的通過(guò)提高他們的UI/UX體驗(yàn)來(lái)吸引更多的年輕人（ Monzo’的設(shè)計(jì)作品很好的說(shuō)明了這點(diǎn)）。尤其像比特幣那樣的數(shù)字貨幣，短時(shí)間內(nèi)價(jià)格增長(zhǎng)迅速，背后卻隱藏著巨大的安全隱患。因此，通過(guò)良好的體驗(yàn)給所有用戶(hù)清晰的傳遞安全感是非常必要的事情。

即使到現(xiàn)在，我們還是會(huì)看到一些復(fù)雜又粗糙的網(wǎng)站，以下是一些可供參考的優(yōu)化方案。

提高UI的一致性

有時(shí)候人們傾向于忽略這些問(wèn)題，但這對(duì)于一個(gè)成功的產(chǎn)品來(lái)說(shuō)是必不可少的。相信你一定有類(lèi)似的經(jīng)歷：現(xiàn)在這個(gè)頁(yè)面跟我剛剛訪(fǎng)問(wèn)的網(wǎng)站是同一個(gè)嗎？我怎么點(diǎn)進(jìn)了這個(gè)頁(yè)面？怎么才能回到剛剛的地方？這實(shí)在是每個(gè)產(chǎn)品／網(wǎng)站都應(yīng)該避免的問(wèn)題，這也是UI系統(tǒng)可以發(fā)揮作用的點(diǎn)。一個(gè)好的UI系統(tǒng)可以給任何一個(gè)網(wǎng)站或產(chǎn)品提升體驗(yàn)。

良好的第一印象只能使用戶(hù)開(kāi)始接受你的產(chǎn)品，一致性的用戶(hù)體驗(yàn)才是用戶(hù)長(zhǎng)久依賴(lài)你的唯一途徑。構(gòu)建一個(gè)有組織的設(shè)計(jì)系統(tǒng)是你和你的團(tuán)隊(duì)是這一切的基礎(chǔ)。當(dāng)然，現(xiàn)在已經(jīng)有很多工具可以幫你做到這一點(diǎn)，例如InVision 的DSM。

“構(gòu)建一個(gè)系統(tǒng)的設(shè)計(jì)模式、規(guī)則和UX原則，可以有效地避免在多個(gè)產(chǎn)品下的不一致問(wèn)題?！边@也有助于用戶(hù)在不同的設(shè)備上使用我們的產(chǎn)品。

給予合理的廣告位提示

廣告通常是非常好的盈利方式，前提是你使用得當(dāng)。個(gè)人認(rèn)為，為了提升用戶(hù)體驗(yàn)，必須對(duì)廣告進(jìn)行合理的提示，并且不能跟內(nèi)容搞混。用戶(hù)有權(quán)清楚地知道他點(diǎn)擊的東西是什么，超出用戶(hù)預(yù)期的彈窗廣告通常有損用戶(hù)體驗(yàn)。

Twitter和Instagram的App在這點(diǎn)上就做得不是很好。Twitter僅僅在一條tweet后面加了一個(gè)小小的標(biāo)簽來(lái)區(qū)分廣告（當(dāng)你意識(shí)到這是條廣告時(shí)，其實(shí)你已經(jīng)看完了這條內(nèi)容）。

Twitter的截圖

Instagram則把廣告做得跟普通的內(nèi)容形式一樣，這很容易讓用戶(hù)混淆。

Instagram的廣告截圖。作為一個(gè)用戶(hù)來(lái)說(shuō)，我更期望通過(guò)“贊助商提供”而不是“查看更多”按鈕來(lái)區(qū)分這是不是一條廣告。

我最近在Facebook上看到一個(gè)不錯(cuò)的做法。他們?cè)趶V告的展現(xiàn)上做了3點(diǎn)不同之處：

• 用了一種不同的內(nèi)容樣式以區(qū)分普通用戶(hù)的帖子。
• 標(biāo)明了“內(nèi)容由贊助商提供”
• 在卡片的最開(kāi)始標(biāo)明了“推薦內(nèi)容”（這樣很容易一眼就分辨出這是條廣告）

我比較喜歡Facebook的做法

Designer News也有一個(gè)不錯(cuò)的解決方法，那就是在樣式上明顯的和其他內(nèi)容進(jìn)行區(qū)分。

Designer News的feed流

讓用戶(hù)擁有掌控感

我們必須讓用戶(hù)感受到他可以掌控一切。設(shè)置功能需要顯而易見(jiàn)展示出來(lái)，或者通過(guò)tips來(lái)告知。不要將一些重要的功能和選項(xiàng)藏起來(lái)，妨礙用戶(hù)設(shè)置個(gè)性化選項(xiàng)，并且，無(wú)論用戶(hù)做什么都要及時(shí)的給予反饋，當(dāng)一個(gè)較長(zhǎng)的動(dòng)效出現(xiàn)時(shí)，也要讓用戶(hù)明確的知道下一步將是什么。有時(shí)為了讓用戶(hù)了解到更多信息，使查看更多也是一個(gè)不錯(cuò)的方法。雖然大部分人都不會(huì)去看，但這樣用戶(hù)會(huì)更加信任你的產(chǎn)品。

如果可以的話(huà)，你甚至需要保證你的設(shè)計(jì)清晰正確的展示了按鈕、連接、文本、圖片等等。一般來(lái)說(shuō)，哪些是按鈕，按鈕又會(huì)鏈接到什么內(nèi)容都必須清晰明了，否則用戶(hù)就會(huì)感到迷惑。

另外，性能也是一件值得注意的事情，用戶(hù)一般都希望操作能即時(shí)生效。如果等待時(shí)間過(guò)長(zhǎng)，用戶(hù)也許會(huì)直接關(guān)閉或者認(rèn)為你的產(chǎn)品出了什么bug。為了避免這種情況，我們可以采用一些有趣的動(dòng)畫(huà)來(lái)減輕用戶(hù)等待時(shí)的焦慮感。

不要期望用戶(hù)填寫(xiě)一些無(wú)效的表單內(nèi)容

用戶(hù)一般是沒(méi)有耐心填寫(xiě)完所有內(nèi)容的?？河嗟谋韱危瑫?huì)使用戶(hù)感到煩躁不安。如果給用戶(hù)一些填寫(xiě)的選擇權(quán)，他反而會(huì)產(chǎn)生信任感。

GDPR就是一個(gè)不錯(cuò)的例子，如果你沒(méi)有歐盟的賬戶(hù)，它會(huì)幫你篩選出一些必填項(xiàng)讓你更舒暢的完成填寫(xiě)。

最后一條，也最重要——使用高質(zhì)量的文案

當(dāng)我還在學(xué)生時(shí)期，我就了解到好的文案是一個(gè)提高體驗(yàn)的必要手段，當(dāng)我參與到正式工作后，我更加意識(shí)到這是至關(guān)重要的一點(diǎn)。這樣做不僅可以使用戶(hù)很好的理解你的意圖，也可以提高操作的成功率。如果文案統(tǒng)一，用戶(hù)對(duì)你的各個(gè)平臺(tái)的產(chǎn)品頁(yè)不會(huì)產(chǎn)生陌生感，并且可以很好的表達(dá)出你的品牌理念。

通過(guò)這些方法，你一定能創(chuàng)造出一個(gè)充滿(mǎn)信任感的產(chǎn)品。所以，讓我們花點(diǎn)時(shí)間來(lái)提升一下這些方面的體驗(yàn)吧，相信你也能收獲更多的用戶(hù)。

——————
原文鏈接：https://uxdesign.cc/designing-uis-with-security-in-mind-f4f6f265573a
作者：Maria Margarida
翻譯：炸毛的兔子Elina