設(shè)計(jì)傳遞情感 情感打動(dòng)用戶
對(duì)于任何偉大的網(wǎng)站來說，信任雖難建立卻是必不可少的。如果你無法取得用戶的信任，他們還會(huì)回訪你的網(wǎng)站嗎？不管你是開個(gè)博客，經(jīng)營一款SaaS產(chǎn)品還是一家客戶端代理公司，建立信任都不是件容易的事。然而，還是有一些設(shè)計(jì)技巧我們可以用來增加建立信任的可能性。
在本篇文章里，我會(huì)介紹一些基本的方法，這些方法可以增加網(wǎng)站的信任元素，加強(qiáng)與新用戶之間的鏈接。
信任可以建立這樣一種氛圍：用戶更易于在網(wǎng)站注冊(cè)、互動(dòng)甚至消費(fèi)。然而，域名只是品牌的一部分，所以不要認(rèn)為只要有一個(gè)好的域名就夠了。一家網(wǎng)站能否成為可信的權(quán)威，影響因素是非常多的，我認(rèn)為最重要的因素就是內(nèi)容的質(zhì)量和用戶體驗(yàn)。
沒有好的內(nèi)容，我們永遠(yuǎn)無法獲得用戶的信任，這是肯定的。有了好的內(nèi)容和品牌，再加上以下這些設(shè)計(jì)技巧，獲得用戶的信任就事半功倍了。
TechCrunch（一個(gè)Web2.0式的科技媒體產(chǎn)業(yè)，致力于描述新興公司，評(píng)論最新互聯(lián)網(wǎng)產(chǎn)品，報(bào)道科技新聞）就是一個(gè)絕佳的例子，剛開始它只是個(gè)博客，通過這些年的發(fā)展已經(jīng)成為一家體量巨大、富有權(quán)威的網(wǎng)站了。該網(wǎng)站最新的設(shè)計(jì)版本體現(xiàn)了它不僅僅只是一家在線雜志，并且與用戶之間建立了很多的信任關(guān)系。
我鼓勵(lì)大家學(xué)一學(xué)諸如此類的在信任方面做得比較好的網(wǎng)站，研究一下它們的色彩選擇、排版技巧以及布局風(fēng)格?？纯词悄男┮蛩卦谄鹱饔茫芯垦芯咳绾蜗蛴脩魝鬟_(dá)一種信任的感覺。
下面就我多年的經(jīng)驗(yàn)談一談我認(rèn)為比較重要的四個(gè)方面。
展示客戶的品牌
第一種顯而易見的方式：通過可信任的第三方品牌來展示我們的業(yè)務(wù)能力。比如，把第三方的標(biāo)志加在頁面上，以此告訴用戶我們公司取得了別的大公司的信任。很多人可能覺得這種方式挺俗的，但它的確是一種傳達(dá)的信任的好方法。如果你的網(wǎng)站是賣某種服務(wù)或者應(yīng)用的，你當(dāng)然很想讓用戶知道別的大公司也在使用你的產(chǎn)品。
InVision（一個(gè)提供原型&設(shè)計(jì)協(xié)作工具的網(wǎng)站）在他們的首頁就放了這樣的信息，效果還是挺好的。幾乎每一個(gè)用戶第一眼都能認(rèn)出這些大公司的標(biāo)志：Twitter, Airbnb, Netflix, Dropbox,它們都在使用InVision提供的原型設(shè)計(jì)工具。
注意，這些公司的標(biāo)注不需要做的很大或是很浮夸。通常情況下，這些標(biāo)志都融入了整體布局中，并且采用了一種稍微褪色的配色方案。這種處理方式既能吸引到注意，又不會(huì)顯得太突兀。
如果需要展示的品牌標(biāo)志很多，你甚至可以添加一個(gè)定制的旋轉(zhuǎn)器。我們?cè)?nbsp;pCloud（云存儲(chǔ)）的首頁就可以看到這樣的例子，頁面末端有一個(gè)標(biāo)有“used by”的小段，點(diǎn)擊箭頭就可以切換不同的品牌標(biāo)志。不了解pCloud的用戶根本沒有理由去信任這個(gè)網(wǎng)站，但是當(dāng)他們看到諸如Uber, Nike, Ikea, BMW, and Adobe這樣的公司都在使用這款產(chǎn)品，也許“我也來試試”的愿望就產(chǎn)生了。
用戶推薦
人們常常愿意相信別人的意見，這就是為什么“推薦”就像一種快速膠水，可以讓網(wǎng)站和訪問者之間迅速建立信任。“用戶推薦”的形式就比較多樣化了，比如直接引用、視頻記錄、用戶評(píng)分或者其他的都可以。目的就是讓別人為你的服務(wù)發(fā)聲，從而快速的建立信任。
Spot Daycare（一家點(diǎn)評(píng)托兒所的網(wǎng)站）上面有眾多日托中心的信息，每一家都包含一個(gè)五星評(píng)價(jià)功能，嵌入了圖片并引入了來自Yelp的評(píng)論。因?yàn)檫@些平路都來自Yelp，一般來說還是比較可信的。任何來自第三方的東西看起來都像是真正的認(rèn)可，它可以幫助那些猶豫的用戶建立信任。
當(dāng)然，這些推薦信息不能讓人覺得討厭，我發(fā)現(xiàn)首頁是吸引注意力的最佳之處，你可以在任何地方放置這些推薦的小工具。
Jazz HR（一家招聘網(wǎng)站）的首頁就非常有意思，它將客戶的標(biāo)志和用戶的推薦融合到了一起。當(dāng)你瀏覽網(wǎng)站，發(fā)現(xiàn)那么多有信譽(yù)的人都在使用該服務(wù)，那么信任感油然而生：不可能這么多人都做了錯(cuò)誤的選擇嘛。
我們可以看到，每一則推薦的形式都是第一行出現(xiàn)2-5個(gè)單詞的簡潔標(biāo)題，下面跟著的是真實(shí)的引用。這是另一種用較短的文字來吸引注意力的可靠的設(shè)計(jì)方法。
如果你喜歡這個(gè)想法，你甚至可以嘗試將客戶的標(biāo)識(shí)和推薦組合在一起，做成一個(gè)小部件。下面這個(gè)網(wǎng)站就是例子。
Desk的首頁就很好的詮釋了這種趨勢(shì)。只要記住，人們信任其他人，所以要把那些給人感覺很真實(shí)的評(píng)價(jià)掛出來，并為潛在的客戶/客戶提供價(jià)值。
一致的品牌設(shè)計(jì)
如果讀者能熟悉你的品牌，他們會(huì)更信任你的網(wǎng)站。一個(gè)好的網(wǎng)站會(huì)很有公司的感覺，上面的信息就會(huì)顯得更有可信度，回訪用戶也會(huì)更多。
拿AdEspresso（是一家主打Facebook社交廣告管理工具的服務(wù)平臺(tái)）來做例子，他們的大部分布局借鑒了Facebook品牌的顏色和創(chuàng)意，因?yàn)樵摼W(wǎng)站是Facebook的直接廣告合作伙伴。通過在整個(gè)站點(diǎn)上保持品牌的一致性，AdEspresso可以與用戶之間很快建立信任。
即使在生活中你從未聽說過AdEspresso這個(gè)品牌，因?yàn)樗闹黝}（插圖，商標(biāo)，顏色等元素）的一致性，用戶也會(huì)感到它是可信的。
當(dāng)然，也可以設(shè)計(jì)與品牌相似的頁面元素，例如圖標(biāo)和矢量插圖。Skurt（美國在線租車服務(wù)平臺(tái)）在主頁上使用有吸引力的圖形來可視化汽車預(yù)訂業(yè)務(wù)，這些智能插圖可以很好地指導(dǎo)訪問者熟悉網(wǎng)站的功能。
找最適合你的網(wǎng)站的品牌理念，并嘗試它們。對(duì)不同的想法進(jìn)行拆分測試，看看哪些方法最好。沒有一種品牌化方法是萬無一失的，所以要不斷地試錯(cuò)并且做有大量的用戶測試。
專業(yè)的用戶體驗(yàn)設(shè)計(jì)
“專業(yè)的用戶體驗(yàn)”這種說法看起來有點(diǎn)模糊，但是它是建立信任的關(guān)鍵的一面。你的網(wǎng)站看起來得和那些“可信任”的網(wǎng)站差不多，這就是為什么很多設(shè)計(jì)師都會(huì)研究別的網(wǎng)站并根據(jù)已有的網(wǎng)站來修改他們自己網(wǎng)站的布局。
搜一下谷歌里和你們相似的網(wǎng)站：他們有什么共同點(diǎn)？他們是怎么處理不同的頁面元素的？特別重要的是，對(duì)以下這些點(diǎn)要做好筆記：
導(dǎo)航
標(biāo)題/段落類型
CTA按鈕
列、網(wǎng)格、空白
通過應(yīng)用好的用戶體驗(yàn)，只要這個(gè)網(wǎng)站功能良好，你就可以加強(qiáng)用戶的參與并且建立更多的信任。
TechTarget site（專業(yè)網(wǎng)絡(luò)技術(shù)網(wǎng)站）就是個(gè)很好的例子，當(dāng)用谷歌搜索“tech”這個(gè)詞的時(shí)候，它彈出了很多定義。我不是很了解域名或者是這個(gè)品牌本身。然而，這個(gè)網(wǎng)站的設(shè)計(jì)非常精美，從第一頁開始就讓人產(chǎn)生了信任感。
這使得它看起來更像是一個(gè)內(nèi)容豐富的權(quán)威網(wǎng)站，這種感覺的建立不僅僅是字體，顏色或者品牌的作用，而是它的整體創(chuàng)造了值得信任的用戶體驗(yàn)。
多看看那些設(shè)計(jì)優(yōu)良的網(wǎng)站，把值得借鑒的地方都記錄下來，時(shí)間久了之后，你會(huì)學(xué)到一些很棒的設(shè)計(jì)趨勢(shì)以及如何運(yùn)用它們。
原作者：Jake Rocheleau
翻譯：集創(chuàng)堂熊小熊
來源：http://mp.weixin.qq.com/s/ZGXRTZ1KRI8BUi3YwixHQQ
