Hi~我是Jerry
我是一位跨領域的 UI/UX 設計師,目前剛畢業,全職接案中
今天想要來分享一下我的學習與觀察,主題是:「信賴感 Trustworthiness」
為何要建立信賴感
信賴感是建立網站品牌一個很重要的因素。
想像使用者進入你的網站,就像是一個陌生人進到你開的店,你想好好的讓他們聽你講幾句話、了解這個品牌或產品在做什麼,最後進一步使用你的服務。然而常常事與願違,使用者們大多很可能聽完幾句話後就快速離去(關閉網頁)。
在網路的世界裡,人人都是過著飛快的步調移動與掃描資訊。在設計上更是非常有挑戰性:要在短時間就能打動大多數使用者,更要讓他們願意駐留在你的網頁中不離開。
第一眼的吸睛固然重要,然而信賴感就像是重要的下一步:如橋樑一般連接著使用者與網站提供的服務,如果信賴感能夠被建立,使用者自然更可能願意提供個人資訊(註冊會員或是用 Email 訂閱)以換取服務。
回到我們的主題,網站該如何建立信賴感呢?
信賴感的四個要素
首先要提到 NNGroup 的這篇文章:Trustworthiness in Web Design: 4 Credibility Factors
在文章中,網站中的信賴感被拆解成四個因素,也可以視為四個步驟:
整體的設計品質
坦白揭露自身資訊
全面、正確且即時
與外部網頁連結
整體的設計品質
第一個步驟是設計品質:你的網站是否好看且好用?
讓我們回到上一段的比喻:使用者第一次進入你這家店。他們第一眼看的可能是店家的裝潢、清潔、商品、與整體的視覺感受。換成網頁的情境,則可以對應為:資訊是否排列整齊?視覺是否一致且吸睛?導航是否能幫助我找到我要的東西?
反過來說,如果你看到一個內容雜亂、圖片不相符,甚至連結導向錯誤頁面的網站,很可能會直接關掉。
坦白揭露自身資訊
第二個步驟是揭露資訊:你的網站有沒有針對你的需求提供所有需要的資訊?
很簡單的例子,如果你進到一間陌生的商店買零食,如果店家沒有在商品前清楚標示價碼或折扣,或是在結帳時沒有立即通知你「國定假期會額外收取 10% 的費用」你是否會對這個商店的信賴程度打折扣呢?
同樣的,如果你在網站上購買服務的過程中,沒有收到格外費用的通知與解釋,一樣也會降低對網站的信賴程度。
全面、正確且即時
第三個步驟是全面、正確且即時:你的網站是否包含所有正確且即時的服務內容或產品細節?
舉例來說,你想在飯店網站上預訂旅遊期間的住宿,房間照片和實際照片不符、旅館可訂位的資訊不透明、沒有顯示立即空出的空房資訊等等問題,很有可能會是你想要關掉網站的原因,好像這個店家沒有在好好經營呢!
與外部網頁連結
第四個步驟是與外部網頁連結:你的網站是否可以導出到不同相關網站?
再用使用者進到你開的店的例子來說,如果你的店內將自己顧客 Google 評價、獲獎資訊、社群連結等資訊公開,是否會給第一次進來的顧客親切感與信任感呢?畢竟比起直接進到店內自行評斷,我們更容易相信外部對這個店的評價。
個人 UX 觀點:好網站元素拆解
我就以一個我認為不錯的網站作為例子:一間雪梨的電工維修公司 Peregrineelectrical 來分析吧!
為什麼選擇這個網站作為這篇文章的範例?主要是因為這個網站符合上面四個建立信任感的步驟,同時我也實際使用過他們的服務,覺得非常專業。
以下將以網站的 Landing Page 做解析:

一進入網站,整體感覺是乾淨整齊的,有達到第一步驟:設計品質的標準
然而重點來了,上方清楚的標示出了外部連結與聯絡方式,達到了第四步驟:與外部網頁連結的標準
好的,第一印象不錯,接下來再往下看:


What We Do 和 How We Work 標示出了服務範圍、內容,與流程,達到第二個步驟:揭露資訊。

同樣的,FAQ 的段落也清楚的傳達給使用者一個訊息:我們對於你的需求無保留的提供資訊,達到第二個步驟:揭露資訊。

文章的部分,提供了最新且全面與維修相關的資訊,達到第三個步驟:全面、正確且即時

最後是 Google 評論的部分了,即使只有 11 個評論也照樣放在網站中,非常的透明!達到第四個步驟:與外部網頁連結
後來發現他們也有另一個網站,但我覺得這個2024版的網站是教科書版的範例,完全套用了四個建立信賴感的公式,如果讀者們有興趣也可以比較看看:哪一個網站你會想要去預約一個維修的服務呢?
結語
以上就是我對一個有傳達信賴感的網站的分析與拆解,讓我們再回顧一次四個建立網站信賴感的元素吧:
整體的設計品質
坦白揭露自身資訊
全面、正確且即時
與外部網頁連結
期許正在接案,或是正在製作個人作品集的網站設計師們,能夠有效的把這些元素置入到作品中,為自己或是客戶的網站建立信賴感,讓人忍不住想要與你們聯繫、使用你們的服務!
最後要謝謝你看完我的文章,希望你也能有所收穫!
讓我們一起學習網站設計吧~
參考資料
本文部分觀點參考 Nielsen Norman Group(NNGroup) 《Trustworthiness in Web Design: 4 Credibility Factors》,並加入筆者自身在 UI/UX 專案中的觀察與理解。

