讓人信任的網(wǎng)頁到底是怎么樣的？答案很簡單：不放過任何細(xì)節(jié)！在這個幾乎每天都能聽到各種產(chǎn)品安全漏洞新聞的時代，設(shè)計并創(chuàng)建讓人信任的界面勢在必行。

令人信任的界面是構(gòu)建你和用戶之間堅實關(guān)系的基礎(chǔ)，它能促進產(chǎn)品的銷售，提升用戶忠誠度，帶來成就感，并且能帶來持久的品質(zhì)感和高附加值的客戶關(guān)系。那么你是否急切地想知道如何做到這些？今天，我們的文章中總結(jié)了10個技巧，幫你打造能夠同用戶建立信任感的界面（當(dāng)然也會附上非常值得信賴的例子）。

1. 清晰的設(shè)計

當(dāng)一個隨機用戶瀏覽你的網(wǎng)站，網(wǎng)站承載的信息是否明確，界面元素的功能和設(shè)計是否清晰？用戶能否清楚的意識到每個操作的意義，以及你網(wǎng)站存在的原因？

如果答案都是Yes，那么你的網(wǎng)站應(yīng)該是層級清晰，內(nèi)容明確的。如果用戶感到困惑，那么你就需要多思考一下了。

清晰的內(nèi)容設(shè)計意味著你的網(wǎng)站中信息易于辨識，網(wǎng)站層次也足夠明確，用戶能夠很快弄明白網(wǎng)站是干什么的，賣什么產(chǎn)品，提供的什么服務(wù)。這其中甚至包括，你應(yīng)該給用戶什么樣的驚喜，因為驚喜的內(nèi)容通常是依托于當(dāng)前內(nèi)容和產(chǎn)品，并且易于理解，足夠平衡。

2. 透明感

當(dāng)你打開一個網(wǎng)站，它的介紹是一個東西，但是當(dāng)你瀏覽下去卻發(fā)現(xiàn)它完全不是之前看到的樣子，這樣的網(wǎng)站你應(yīng)該碰到過吧。所以，當(dāng)你在設(shè)計網(wǎng)站的時候，是否誠實透明地呈現(xiàn)出它應(yīng)有的內(nèi)容和樣子？

如果你想讓網(wǎng)站更加透明，可以參考下面的方式和技巧：

• 告訴用戶他所提交的表單會用來做什么
• 告訴用戶Cookie 會跟蹤哪些行為和操作
• 建立隱私策略，將用戶數(shù)據(jù)的使用方式都概括出來
• 盡可能使用安全的連接方式和HTTPS
• 使用FAQ頁面或者論壇為用戶提供溝通的渠道
• 如果涉及到金融交易，最好事先明確的聲明相關(guān)的政策和信息
• 如果出現(xiàn)了問題（安全漏洞），一定要進行解釋并提供解決方案

3. 注重誠信

看起來這個概念并不復(fù)雜，但是它時常被人忽略：你要說到做到。

注重誠信，意味著從你的APP的發(fā)布時間到郵件列表的內(nèi)容更新都必須認(rèn)真踐行每一個承諾。每打破一次承諾都會永久損失一部分用戶。

4. 將控制權(quán)交給用戶

今天的用戶已經(jīng)開始習(xí)慣于掌控他們自己的APP的使用體驗了。用戶開始追求定制化的網(wǎng)站體驗和切合自己需求的APP。所以，保留用戶選擇的空間，即使是再小的選項都給予他們選擇設(shè)置的權(quán)利。

讓用戶來決定交互的細(xì)節(jié)和設(shè)計的搭配，下面的技巧值得參考：

• 提供導(dǎo)航選項，允許用戶選擇
• 為用戶的操作提供相應(yīng)的反饋
• 讓用戶對設(shè)計細(xì)節(jié)進行設(shè)置，比如通知系統(tǒng)的開關(guān)
• 允許用戶對內(nèi)容細(xì)節(jié)進行掌控，比如購物的時候可以選擇是男裝、女裝、男童裝、女童裝等
• 允許用戶對內(nèi)容細(xì)節(jié)進行掌控，比如購物的時候可以選擇是男裝、女裝、男童裝、女童裝等

5. 使用簡潔的設(shè)計模式

牽涉到設(shè)計模式的時候，不要老想推倒重來自己原創(chuàng)。之所以設(shè)計能模式化是有原因的，這些設(shè)計模式通常是被普遍接受，易于使用，能夠鼓勵用戶與之互動。堅持圍繞著易用性原則來設(shè)計。

當(dāng)你的設(shè)計足夠清晰明了，用戶不會去問怎么操作，或者為什么要這么交互。這種信任是與生俱來的。同理，如果模式不夠清晰明了，套路也不是大家熟知的模式，用戶的質(zhì)疑是動搖用戶信任的開始。

6. 建立清晰的導(dǎo)航

足夠清晰的導(dǎo)航設(shè)計能夠讓用戶輕松理解整個網(wǎng)站的路徑，這種明晰的設(shè)計能夠讓用戶能它產(chǎn)生信賴。導(dǎo)航引導(dǎo)著用戶在不同頁面間跳轉(zhuǎn)，找到任何他們想要的信息。

關(guān)鍵的UI元素在這個時候能夠讓你的導(dǎo)航更易用：

• 頁面的標(biāo)題和名稱
• 視覺識別
• LOGO和跨頁面的品牌設(shè)計一致性
• 包含相關(guān)信息和聯(lián)系方式的頁腳
• 使用一致的圖標(biāo)設(shè)計
• 頁面之間的先后關(guān)系
• 文本內(nèi)容的清晰表述
• 跨頁面的基本菜單結(jié)構(gòu)

7. 處理問題/解決困難

你的網(wǎng)站是做什么的？你的網(wǎng)站是為用戶提出問題的，還是幫他們解決問題的？

毫無疑問，你的網(wǎng)站應(yīng)該是幫人解決問題的。不然網(wǎng)站來你的網(wǎng)站來干啥的？他們想了解什么，想獲取什么？所以，你的網(wǎng)站的每一個環(huán)節(jié)和交互都應(yīng)當(dāng)引導(dǎo)用戶來獲取解決方案。

所以，這一切似乎又回到了剛才的問題：你的網(wǎng)站應(yīng)該有一個明確的目標(biāo)。

8. 使用簡明清晰的溝通方式

不要把事情想復(fù)雜了。使用簡明的語言來清晰地描述所有的內(nèi)容，應(yīng)用到所有的文案，尤其是關(guān)鍵的元素上，比如表單字段和按鈕上的文本。

然后就進行編輯，編輯，再編輯。

充滿錯誤信息和模糊不清文本的網(wǎng)站是無法獲取用戶信任的。你應(yīng)該仔細(xì)審核每一個文本內(nèi)容，使用QA測試確保他們表述是正確的，功能是對等的。網(wǎng)站內(nèi)的Facebook 按鈕應(yīng)當(dāng)鏈接到你的Facebook頁面，并且以正確的形式提交信息。對的控件傳達出正確的信息，讓用戶和網(wǎng)站通暢交流的基礎(chǔ)。

9. 引入一兩個潮流趨勢

將時下流行的設(shè)計趨勢和最新的設(shè)計手法納入到你的網(wǎng)站中很有必要。過時的設(shè)計會讓用戶對你的網(wǎng)站的合理性和可靠性產(chǎn)生懷疑。

將你最關(guān)心的內(nèi)容以符合流行趨勢的手法呈現(xiàn)出來，并不斷的努力改進，并同最先進的互聯(lián)網(wǎng)技術(shù)結(jié)合起來。這樣的設(shè)計其實同樣會讓用戶產(chǎn)生安全感，并且以可視化的方式來獲取信任。

這并不是說你必須在將網(wǎng)站設(shè)計得極具時尚美感，但是你也得讓整體風(fēng)格顯得足夠現(xiàn)代。扁平化的控件，幽靈按鈕，鮮亮的色彩，卡片式設(shè)計和Material Design，都是能讓你的網(wǎng)站顯得微妙而動人的元素。

10. 測試，測試，測試

最后，你要讓網(wǎng)站所有的部分都充分的運行起來。你需要測試網(wǎng)站中的每一個元素，確保每一個用戶訪問的時候都能夠體驗到卓越的體驗。

給用戶提交問題的空間（這些問題隨時都會有），并且及時解決這些問題。與此同時，你也需要給用戶以反饋，告知他們之前提交的問題已經(jīng)得到了解決。

這整個提交問題——解決問題的流程會讓用戶看到你們?nèi)诵曰囊幻妫@也是獲得信任的重要手段。

結(jié)語

信任對于整個界面而言非常重要，而優(yōu)秀的用戶體驗是其中不可或缺的基礎(chǔ)。缺少了信任，用戶會質(zhì)疑你的產(chǎn)品，會拒絕提交信息，會離開去別的網(wǎng)站。用戶的信任會帶來忠實的用戶，會為你的網(wǎng)站帶來價值，會傳播使用的體驗并帶來更多的回頭客。能否取得長足的進步和成果，信任至關(guān)重要。

本文翻譯自：

相關(guān)UI用戶界面資訊，請移步【用戶界面（UI）專題】

想要了解更多UI用戶界面產(chǎn)品，請聯(lián)系