多數人評估「該不該改版」時,看的通常是網站視覺新不新、色調退不退流行、頁面載入快不快。但真正該優先留意的警訊,是網站有沒有跟品牌本身走樣脫節。這種脫節通常比視覺退流行更早發生,也更不容易被自己發現,因為天天盯著同一個網站的人,反而最看不出哪裡不對勁。
網站改版品牌不一致,指的不是「這個網站看起來舊」,而是網站呈現的顏色、語氣、架構,已經跟品牌現在真正的定位、業務重心對不上。這不只是美感偏好的問題。行銷設計平台 Marq(前身為 Lucidpress)在一份調查逾四百家組織的報告中發現,品牌維持一致最高能帶動營收成長 33%,比前一版調查的成長幅度高出約 10 個百分點;同一份報告裡,六成以上的公司認為品牌一致對開發名單、跟既有客戶溝通很重要。你的網站跟品牌對不上,流失的不只是好感,還有實際生意。

先從最容易被忽略的地方講起,也就是網站「看起來舊」跟「跟品牌脫節」,其實是兩件不一樣的事。
網站看起來舊,不等於跟品牌脫節
一個網站掛著五年前的版型、字體排列稍嫌擁擠,你會覺得「有點舊」。但如果網站上寫的服務項目、用的口吻、放的案例,依然忠實反映公司現在實際在做的事,那只是設計語言跟不上潮流,不是品牌脫節。
脫節則是另一回事:就算網站剛做好一年、用了最新的排版趨勢,只要它呈現的視覺、語氣、架構已經跟公司現在的定位、調性、主力業務對不上,一樣算脫節。常見的情況是,公司這幾年轉型了、服務項目大幅調整了,網站卻還停在轉型前那個版本的敘事裡,只是換了個新外殼。
判斷自己的網站屬於哪一種,可以先問自己一個問題:「這裡是設計語言舊了,還是這裡呈現的東西根本已經不代表公司現在的樣子?」前者靠改版就能解決,後者得先確認品牌現在的定位跟主張,才知道網站該往哪個方向調整。分清楚這兩者之後,先看最容易被忽視、卻也最快被訪客感覺到的脫節現象,也就是畫面本身各自為政的視覺系統。

視覺不一致:色彩、字體、圖像風格各自為政
視覺是訪客對一個網站下判斷最快的地方,也是脫節最先被看見的層面。史丹佛大學說服科技實驗室主導的網頁可信度研究,樣本橫跨三年、超過四千五百人,結論很直接:使用者光靠視覺設計,就能快速對一個網站下判斷。色彩亂、字體混、圖片調性兜不起來,訪客不需要讀完一整頁文字,光看畫面就已經對這家公司的專業程度有了初步印象,而且未必正面。
實際會出現在網站上的視覺脫節,通常有幾種樣子:
- Logo 使用方式跑掉:官方版型明明有固定的留白比例跟配色版本,但因為不同時期、不同人負責上稿,同一個網站裡出現好幾種比例被壓縮、留白被吃掉,甚至混用了原本只在深色底才該用的反白版本。
- 主色與輔色各版本並存:早期頁面用的藍是一種色號,近幾年新增的活動頁、服務頁又換了一種更飽和或更淡的藍,兩種藍同時掛在網站上,訪客未必說得出哪裡怪,卻會覺得這個網站不太統一。
- 標題字體與內文字體不只一套:舊頁面用一種字體組合,新頁面因為換了製作工具或協力對象,套用另一套字體,切換頁面時字感忽然變了。
- 圖像風格出現斷層:早期頁面放的是偏溫暖色調的實景攝影,近期新增的頁面卻全部換成扁平插畫或高對比合成圖,兩種調性擺在一起,像兩個不同品牌的內容被湊進同一個網站。
這四種狀況單獨看都不嚴重,但同時出現在同一個網站,這代表網站不是被統一管理著,而是好幾批人各自做了各自的部分。Marq 那份調查裡,八成一的受訪公司坦言自己仍在處理走樣的品牌內容,原因不難理解,品牌素材一旦分散在不同人手上,沒有共同依據可以對照,視覺脫節幾乎是必然的結果。

視覺看得到,語氣不一致卻常常要細讀好幾頁才會發現,這也是為什麼它比色彩混亂更容易被忽略,傷害卻不會比較小。
語氣不一致:同一個品牌,網站裡卻像兩家公司在說話
很多網站的服務介紹頁、關於我們寫得四平八穩、用詞正式,部落格或社群導流頁卻換了一副輕鬆隨性的口吻,好像換了個人在講話。也有網站是同一項服務在不同頁面被叫不同名字,首頁稱「網站健檢」,服務頁卻寫成「網站健康度評估」,方案頁又冒出第三種說法,讀者要花額外力氣才確認得了這是不是同一件事。還有一種常見情況是新舊頁面用字正式程度差很多,舊頁面文字生硬制式,新增的頁面卻突然變得口語親切,兩種語氣擺在同一個網站,讀起來像換了個窗口在服務你。
語氣不一致比視覺不一致更難自己抓到,因為文字通常是分批、分人寫的,很少有人會一次把全站文案從頭讀到尾。但它造成的影響一樣實際。Nielsen Norman Group 針對保險、銀行、醫療、保全四個產業做的語氣測試發現,「可信賴感」解釋了使用者對品牌渴望度評分裡 52% 的變異,遠比「親和力」的影響大;而且語氣一旦跟產業調性不搭,例如嚴肅的保險業硬裝輕鬆詼諧,會被評為比較不可信,反而削弱了原本該有的專業感。語氣不是順眼就好的裝飾,選錯調性,傷到的是讀者對這家公司值不值得信任的判斷。

語氣要細讀才會發現,資訊架構的脫節則更隱形,訪客不會說出「這個網站架構有問題」,他們只會覺得找不到自己要的東西,然後離開。
資訊架構脫節:導覽選單還停在轉型前的樣子
不少網站的主導覽,分類邏輯還停留在公司轉型前的業務結構:主選單第一層放的是幾年前的主力項目,真正現在在做、也是主要營收來源的新服務,卻要點進第三層子選單才找得到,甚至完全沒有獨立頁面,只夾在某篇部落格文章裡帶過。首頁的版面配置也是同樣道理,如果第一屏放的還是舊主力業務的介紹,新訪客滑進網站的前幾秒,接收到的訊息就跟公司現在真正想被記住的樣子對不上。
Nielsen Norman Group 在資訊氣味(information scent)的研究裡指出,使用者是靠連結標籤與周邊文字線索,判斷點進去這條路會不會通往自己要的答案;標籤模糊或名不副實,會讓使用者提早放棄搜尋、直接離開。這個效應會隨時間累積可信度的損耗,就算是原本很強勢的品牌,只要導覽標籤講的和點進去看到的內容一再對不上,同樣會被扣分。選單分類、頁面命名這些看起來只是資訊呈現的小事,長期下來,也在悄悄影響訪客對這家公司可信度的判斷。
視覺、語氣、資訊架構這三種脫節,很少同時發生,也很少是一夜之間冒出來的。它們通常是品牌隨著時間調整定位、業務轉型、內容分批交給不同人手上更新,一點一點疊出來的落差,每一次調整看起來都合理,累積到某個時間點,網站呈現的樣子就已經不是公司現在真正的樣子。等到訪客自己感覺到這個網站怪怪的才被發現,信任多半已經在悄悄流失。把這三個面向當成平常就該定期檢查的習慣,會比等網站看起來舊了才想到改版,更早一步抓到真正該優先處理的警訊。
