設(shè)計(jì)傳遞情感 情感打動(dòng)用戶(hù)

 

對(duì)于任何偉大的網(wǎng)站來(lái)說(shuō)，信任雖難建立卻是必不可少的。如果你無(wú)法取得用戶(hù)的信任，他們還會(huì)回訪你的網(wǎng)站嗎？不管你是開(kāi)個(gè)博客，經(jīng)營(yíng)一款SaaS產(chǎn)品還是一家客戶(hù)端代理公司，建立信任都不是件容易的事。然而，還是有一些設(shè)計(jì)技巧我們可以用來(lái)增加建立信任的可能性。

 

在本篇文章里，我會(huì)介紹一些基本的方法，這些方法可以增加網(wǎng)站的信任元素，加強(qiáng)與新用戶(hù)之間的鏈接。

 

信任可以建立這樣一種氛圍：用戶(hù)更易于在網(wǎng)站注冊(cè)、互動(dòng)甚至消費(fèi)。然而，域名只是品牌的一部分，所以不要認(rèn)為只要有一個(gè)好的域名就夠了。一家網(wǎng)站能否成為可信的權(quán)威，影響因素是非常多的，我認(rèn)為最重要的因素就是內(nèi)容的質(zhì)量和用戶(hù)體驗(yàn)。

 

沒(méi)有好的內(nèi)容，我們永遠(yuǎn)無(wú)法獲得用戶(hù)的信任，這是肯定的。有了好的內(nèi)容和品牌，再加上以下這些設(shè)計(jì)技巧，獲得用戶(hù)的信任就事半功倍了。

 

TechCrunch（一個(gè)Web2.0式的科技媒體產(chǎn)業(yè)，致力于描述新興公司，評(píng)論最新互聯(lián)網(wǎng)產(chǎn)品，報(bào)道科技新聞）就是一個(gè)絕佳的例子，剛開(kāi)始它只是個(gè)博客，通過(guò)這些年的發(fā)展已經(jīng)成為一家體量巨大、富有權(quán)威的網(wǎng)站了。該網(wǎng)站最新的設(shè)計(jì)版本體現(xiàn)了它不僅僅只是一家在線雜志，并且與用戶(hù)之間建立了很多的信任關(guān)系。

 

 

我鼓勵(lì)大家學(xué)一學(xué)諸如此類(lèi)的在信任方面做得比較好的網(wǎng)站，研究一下它們的色彩選擇、排版技巧以及布局風(fēng)格?？纯词悄男┮蛩卦谄鹱饔?，研究研究如何向用戶(hù)傳達(dá)一種信任的感覺(jué)。

 

下面就我多年的經(jīng)驗(yàn)談一談我認(rèn)為比較重要的四個(gè)方面。

 

 

展示客戶(hù)的品牌

 

第一種顯而易見(jiàn)的方式：通過(guò)可信任的第三方品牌來(lái)展示我們的業(yè)務(wù)能力。比如，把第三方的標(biāo)志加在頁(yè)面上，以此告訴用戶(hù)我們公司取得了別的大公司的信任。很多人可能覺(jué)得這種方式挺俗的，但它的確是一種傳達(dá)的信任的好方法。如果你的網(wǎng)站是賣(mài)某種服務(wù)或者應(yīng)用的，你當(dāng)然很想讓用戶(hù)知道別的大公司也在使用你的產(chǎn)品。

 

InVision（一個(gè)提供原型&設(shè)計(jì)協(xié)作工具的網(wǎng)站）在他們的首頁(yè)就放了這樣的信息，效果還是挺好的。幾乎每一個(gè)用戶(hù)第一眼都能認(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ǔ)）的首頁(yè)就可以看到這樣的例子，頁(yè)面末端有一個(gè)標(biāo)有“used by”的小段，點(diǎn)擊箭頭就可以切換不同的品牌標(biāo)志。不了解pCloud的用戶(hù)根本沒(méi)有理由去信任這個(gè)網(wǎng)站，但是當(dāng)他們看到諸如Uber, Nike, Ikea, BMW, and Adobe這樣的公司都在使用這款產(chǎn)品，也許“我也來(lái)試試”的愿望就產(chǎn)生了。

 

 

 

用戶(hù)推薦

 

人們常常愿意相信別人的意見(jiàn)，這就是為什么“推薦”就像一種快速膠水，可以讓網(wǎng)站和訪問(wèn)者之間迅速建立信任。“用戶(hù)推薦”的形式就比較多樣化了，比如直接引用、視頻記錄、用戶(hù)評(píng)分或者其他的都可以。目的就是讓別人為你的服務(wù)發(fā)聲，從而快速的建立信任。

 

Spot Daycare（一家點(diǎn)評(píng)托兒所的網(wǎng)站）上面有眾多日托中心的信息，每一家都包含一個(gè)五星評(píng)價(jià)功能，嵌入了圖片并引入了來(lái)自Yelp的評(píng)論。因?yàn)檫@些平路都來(lái)自Yelp，一般來(lái)說(shuō)還是比較可信的。任何來(lái)自第三方的東西看起來(lái)都像是真正的認(rèn)可，它可以幫助那些猶豫的用戶(hù)建立信任。

 

 

當(dāng)然，這些推薦信息不能讓人覺(jué)得討厭，我發(fā)現(xiàn)首頁(yè)是吸引注意力的最佳之處，你可以在任何地方放置這些推薦的小工具。

 

Jazz HR（一家招聘網(wǎng)站）的首頁(yè)就非常有意思，它將客戶(hù)的標(biāo)志和用戶(hù)的推薦融合到了一起。當(dāng)你瀏覽網(wǎng)站，發(fā)現(xiàn)那么多有信譽(yù)的人都在使用該服務(wù)，那么信任感油然而生：不可能這么多人都做了錯(cuò)誤的選擇嘛。

 

我們可以看到，每一則推薦的形式都是第一行出現(xiàn)2-5個(gè)單詞的簡(jiǎn)潔標(biāo)題，下面跟著的是真實(shí)的引用。這是另一種用較短的文字來(lái)吸引注意力的可靠的設(shè)計(jì)方法。

 

 

如果你喜歡這個(gè)想法，你甚至可以嘗試將客戶(hù)的標(biāo)識(shí)和推薦組合在一起，做成一個(gè)小部件。下面這個(gè)網(wǎng)站就是例子。

 

Desk的首頁(yè)就很好的詮釋了這種趨勢(shì)。只要記住，人們信任其他人，所以要把那些給人感覺(jué)很真實(shí)的評(píng)價(jià)掛出來(lái)，并為潛在的客戶(hù)/客戶(hù)提供價(jià)值。

 

 

 

一致的品牌設(shè)計(jì)

 

如果讀者能熟悉你的品牌，他們會(huì)更信任你的網(wǎng)站。一個(gè)好的網(wǎng)站會(huì)很有公司的感覺(jué)，上面的信息就會(huì)顯得更有可信度，回訪用戶(hù)也會(huì)更多。

 

拿AdEspresso（是一家主打Facebook社交廣告管理工具的服務(wù)平臺(tái)）來(lái)做例子，他們的大部分布局借鑒了Facebook品牌的顏色和創(chuàng)意，因?yàn)樵摼W(wǎng)站是Facebook的直接廣告合作伙伴。通過(guò)在整個(gè)站點(diǎn)上保持品牌的一致性，AdEspresso可以與用戶(hù)之間很快建立信任。

 

 

即使在生活中你從未聽(tīng)說(shuō)過(guò)AdEspresso這個(gè)品牌，因?yàn)樗闹黝}（插圖，商標(biāo)，顏色等元素）的一致性，用戶(hù)也會(huì)感到它是可信的。

 

當(dāng)然，也可以設(shè)計(jì)與品牌相似的頁(yè)面元素，例如圖標(biāo)和矢量插圖。Skurt（美國(guó)在線租車(chē)服務(wù)平臺(tái)）在主頁(yè)上使用有吸引力的圖形來(lái)可視化汽車(chē)預(yù)訂業(yè)務(wù)，這些智能插圖可以很好地指導(dǎo)訪問(wèn)者熟悉網(wǎng)站的功能。

 

 

找最適合你的網(wǎng)站的品牌理念，并嘗試它們。對(duì)不同的想法進(jìn)行拆分測(cè)試，看看哪些方法最好。沒(méi)有一種品牌化方法是萬(wàn)無(wú)一失的，所以要不斷地試錯(cuò)并且做有大量的用戶(hù)測(cè)試。

 

專(zhuān)業(yè)的用戶(hù)體驗(yàn)設(shè)計(jì)

 

“專(zhuān)業(yè)的用戶(hù)體驗(yàn)”這種說(shuō)法看起來(lái)有點(diǎn)模糊，但是它是建立信任的關(guān)鍵的一面。你的網(wǎng)站看起來(lái)得和那些“可信任”的網(wǎng)站差不多，這就是為什么很多設(shè)計(jì)師都會(huì)研究別的網(wǎng)站并根據(jù)已有的網(wǎng)站來(lái)修改他們自己網(wǎng)站的布局。

搜一下谷歌里和你們相似的網(wǎng)站：他們有什么共同點(diǎn)？他們是怎么處理不同的頁(yè)面元素的？特別重要的是，對(duì)以下這些點(diǎn)要做好筆記：

 

 

導(dǎo)航  

 

標(biāo)題/段落類(lèi)型   

 

CTA按鈕   

 

列、網(wǎng)格、空白

 

 

通過(guò)應(yīng)用好的用戶(hù)體驗(yàn)，只要這個(gè)網(wǎng)站功能良好，你就可以加強(qiáng)用戶(hù)的參與并且建立更多的信任。

 

TechTarget site（專(zhuān)業(yè)網(wǎng)絡(luò)技術(shù)網(wǎng)站）就是個(gè)很好的例子，當(dāng)用谷歌搜索“tech”這個(gè)詞的時(shí)候，它彈出了很多定義。我不是很了解域名或者是這個(gè)品牌本身。然而，這個(gè)網(wǎng)站的設(shè)計(jì)非常精美，從第一頁(yè)開(kāi)始就讓人產(chǎn)生了信任感。

 

這使得它看起來(lái)更像是一個(gè)內(nèi)容豐富的權(quán)威網(wǎng)站，這種感覺(jué)的建立不僅僅是字體，顏色或者品牌的作用，而是它的整體創(chuàng)造了值得信任的用戶(hù)體驗(yàn)。

 

 

多看看那些設(shè)計(jì)優(yōu)良的網(wǎng)站，把值得借鑒的地方都記錄下來(lái)，時(shí)間久了之后，你會(huì)學(xué)到一些很棒的設(shè)計(jì)趨勢(shì)以及如何運(yùn)用它們。

原作者：Jake Rocheleau 

翻譯：集創(chuàng)堂熊小熊

來(lái)源：http://mp.weixin.qq.com/s/ZGXRTZ1KRI8BUi3YwixHQQ