如何在設(shè)計(jì)中加入信任的元素?
如果你無(wú)法取得用戶(hù)的信任,他們還會(huì)回訪(fǎng)你的網(wǎng)站嗎?
對(duì)于任何偉大的網(wǎng)站來(lái)說(shuō),信任雖難建立卻是必不可少的。如果你無(wú)法取得用戶(hù)的信任,他們還會(huì)回訪(fǎng)你的網(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)了它不僅僅只是一家在線(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è)?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)站和訪(fǎ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ì)顯得更有可信度,回訪(fǎng)用戶(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ó)在線(xiàn)租車(chē)服務(wù)平臺(tái))在主頁(yè)上使用有吸引力的圖形來(lái)可視化汽車(chē)預(yù)訂業(yè)務(wù),這些智能插圖可以很好地指導(dǎo)訪(fǎng)問(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)堂熊小熊
原文鏈接:http://mp.weixin.qq.com/s/ZGXRTZ1KRI8BUi3YwixHQQ
本文由 @集創(chuàng)堂熊小熊 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自u(píng)nsplash,基于CC0協(xié)議
關(guān)注微信號(hào)“集創(chuàng)堂”與我交流