官網形象門面:訪客沒看內容就已經幫你打分數

推開一扇從沒去過的店門,或是走進一間第一次拜訪的辦公室,你還沒來得及自我介紹,對方已經從空間整不整齊、燈光夠不夠亮、動線順不順,判斷出這裡是乾淨有條理還是隨便堆置、是穩重專業還是將就應付。官網其實也是同一回事,而且更極端,訪客往往連一句服務說明都還沒讀完,眼睛已經先把整個畫面掃過一輪,對「這是不是一家靠譜的公司」有了初步立場。

這篇要拆解的正是官網形象門面這件事。它不是錦上添花的美感加分題,而是品牌整體的第一層濾鏡。訪客要不要相信你,常常在看到具體內容之前就已經有了答案,而且這個答案一旦成形,後面要扭轉並不容易。

為什麼會這樣?先從訪客大腦怎麼運作講起,再一路拆進實際會影響判斷的幾個環節。

訪客都還沒看到內容,就已經幫你的品牌打了分數?

人的大腦在處理資訊時,其實同時跑著兩套系統。一套負責快速直覺,幾乎不用思考就能反應;另一套負責緩慢分析,需要專注力才能運作。訪客一打開一個網站,快速的那套系統會在極短的時間內把整個畫面掃過一遍,直接給出第一反應,而這個反應,發生在訪客都還沒來得及仔細讀完一行文字之前。

尼爾森諾曼集團(Nielsen Norman Group)在一篇分析中,整理了認知心理學家 Daniel Kahneman 提出的兩套系統理論:一套是幾乎不耗費心力的自動系統,另一套是需要專注、比較費力的費力系統。訪客瀏覽網站的第一時間,率先介入判斷的正是那套自動系統。同一份分析也整理了學者 B.J. Fogg 提出的顯著性與詮釋理論(Prominence-Interpretation Theory):頁面上一個元素越顯眼,對訪客整體可信度判斷的影響力就越大,不管這個顯眼的元素本身是加分還是扣分。

訪客點進網站後,大腦自動系統先在極短時間內掃過整個畫面、形成第一印象,費力系統之後才逐字閱讀內容
訪客的第一印象由自動系統在讀內容之前就先給出,費力系統之後才慢慢逐字細看。

這也是為什麼,官網形象門面不是靠某一段文案撐起來的,而是靠訪客掃過整個畫面的那一刻,哪些元素最先跳進眼裡、這些元素又傳達了什麼。這不是訪客不用心看,而是大腦本來就習慣先讓自動系統把關,才輪到費力系統仔細閱讀。

原因一:好不好看,會被大腦直接讀成「靠不靠譜」

尼爾森諾曼集團在整理「美感可用性效應」的一篇文章中,回顧了學者 Kurosu 與 Kashimura 在 1995 年找來 252 位受測者,針對 26 種設計不同的 ATM 操作介面評分,做的一項介面實驗。結果發現一個違反直覺的現象。受測者對介面好看程度的評分,跟他們主觀覺得好不好用的評分,相關性反而比好看程度跟實際操作起來順不順的相關性還高。換句話說,人會不自覺把好看直接腦補成好用,即使兩者客觀上沒有那麼緊密的關聯。

套進網站的情境,這種光環效應不會只停在一個按鈕好不好用的層次,而是會從單一介面的觀感,外溢成訪客對這家公司做事細不細心、經營用不用心的整體推斷。這也可以解釋一種常見的直覺。有些訪客講不出具體理由,卻就是覺得這個網站不太對勁,那種說不上來的違和感,往往就是視覺品質在替公司的專業度背書或扣分。

介面好看與「感覺好用」的關聯比與「實際好用」還強,這份視覺光環會外溢成訪客對整家公司做事細心、專業的判斷
美感可用性效應:好看被大腦當成好用,這份光環還會外溢成對整家公司的信任評價(資料來源:Kurosu & Kashimura, 1995)。

原因二:陌生訪客只能靠「看得到的東西」,推斷「看不到的品質」

當訪客沒辦法親自查證一家公司實際的服務品質、履約能力或專業程度,他能依賴的線索就只剩下看得到的東西,而網站往往是陌生訪客唯一看得到的東西。這種心理機制稱為代理判斷(proxy judgment):沒辦法驗證的品質,訪客只能靠看得到的線索去推斷。

一個知名的短租住宿新創公司草創初期的真實經歷,很能說明這件事。2009 年,這家公司剛起步、業績低迷,兩位共同創辦人親自飛到紐約,租了一台專業相機,挨家挨戶幫房東的房源重新拍照。原本那些房源照片多半是屋主自己用手機隨手拍的,光線暗、角度也不好看;換成專業拍攝之後,房子本身完全沒有整修,一根釘子都沒動,當地的訂房量卻跳升到原本的 2 到 3 倍,那個月的營收也跟著翻倍。

短租房源房子沒變,只把手機隨手拍換成專業相機重拍,訂房量就跳升 2 到 3 倍、當月營收翻倍
房子一根釘子都沒動,只換了照片,訂房量就翻倍——訪客靠看得到的東西推斷看不到的品質,這就是代理判斷。

房子沒變,訪客對「這個房源、這位屋主值不值得信賴」的判斷,卻因為看到的東西變了而跟著改變。官網的道理完全一樣,它常常是多數中小企業唯一能讓陌生訪客查證的東西,訪客會理所當然把它當成整體經營品質的代理指標。

原因三:門面多年沒更新,訪客讀到的不是「老字號」,而是「還在嗎」

不少經營者把網站放著不動,當成一種穩定、老字號的象徵,覺得招牌用了十年沒換過,正好證明品牌夠久、夠可靠。但對第一次造訪的陌生訪客來說,讀到的往往不是這個意思。

當一個網站的視覺語言、版面風格明顯落後於同業現在的常見樣貌,又找不到近期更新過的痕跡,訪客的第一反應通常不是這家很有歷史,而是這家還有在經營嗎、會不會已經收掉了。這仍然是同一套判斷機制在運作,訪客把最顯眼的落差,也就是老舊的版面,直接詮釋成經營狀態的訊號,不管這個推斷準不準確。「有歷史」與「過時」這兩種觀感,其實只差一線之隔,差別往往就在訪客有沒有看到這裡最近還有人在打理的痕跡。

形象門面要顧的,不只是好不好看這個靜態標準,還包括看起來像不像一家現在還在正常運作的公司,這個動態標準同樣重要。

內容加得再多、功能塞得再滿,都無法補回形象門面的落差

網站給人的印象不夠專業時,不少經營者的第一直覺是再加一點:多一個案例頁、多寫幾段公司介紹、多裝一個線上客服。

問題是,前面幾節談到的判斷,都發生在訪客視覺掃描的層次,不是逐字閱讀內容的層次。訪客不會先數過網站有幾個功能、幾段文案,才決定要不要相信這家公司,那個判斷早在真正開始細看之前就已經定型。換句話說,形象門面的落差,通常不是東西不夠多,而是呈現出來的樣子,跟訪客心裡對這個產業、這個規模的公司該有的樣子對不上。

形象門面要顧的,不是好不好看,而是跟這個品牌該有的樣子搭不搭

形象門面不是一個越漂亮越好的單一分數,而是一個跟品牌定位搭不搭的問題。

舉兩個情境來看:一個主打平價實惠的小吃品牌,如果網站做得像精品官網一樣極簡冷調,訪客反而會覺得哪裡怪怪的,不像真的在賣平價小吃;一個想走專業、高單價服務路線的品牌,如果網站看起來像隨手套用的免費範本,訪客也會本能地把這家公司的專業程度打折扣。

與其問「我的網站夠不夠好看」,不如問「訪客看完的第一印象,跟我想讓人認識的這個品牌,是不是同一件事」。

你沒辦法阻止訪客在點進網站的那一刻,就先對你的品牌下判斷;官網形象門面決定的,正是他看到的會是哪一種答案。這件事,從推開一扇陌生的店門那一刻起,其實就已經注定會發生。你唯一能決定的,是他推開這扇門看到的樣子,是不是你真正希望被看到的樣子。

資料來源
  1. First Impressions Matter: How Designers Can Support Humans' Automatic Cognitive Processing — Nielsen Norman Group
  2. The Aesthetic-Usability Effect — Nielsen Norman Group