瞻新資訊|網站設計、APP開發、UI/UX設計、LINE Bot開發

插畫風格的設計工作室業主與顧問在明亮工作室討論創意網站設計,一人手指向平板上帶抽象藝術色塊的網站版面,上方對話氣泡寫著「創意網站設計真的值得投入嗎?」,周圍散布燈泡、調色盤、幾何圖形、勾選等圖示

創意網站設計值得投入嗎?先看你的公司屬於哪一種

作者|瞻新資訊 陳俊鳴顧問(資深SEO顧問・搜尋流量與銷售漏斗規劃)

一家設計顧問公司想重做官網,老闆的期待很直接:「我們是做設計的,網站不能跟一般公司一樣普通。」但廠商給的方向五花八門,有的建議加大量動畫效果,有的建議整站用非常規排版,老闆聽完更困惑:到底什麼叫「有創意」,這樣做真的對生意有幫助嗎?

創意網站設計最容易被誤解的地方,是把它當成「要不要」的二選一問題,其實真正該問的是「創意有沒有支撐你的內容」。這篇文章要講的,就是怎麼用一套有研究依據的判斷框架,決定自己的公司適不適合投入創意設計成本,以及該往哪個方向投入。

「創意」不是加分項,也不是風險項:關鍵在有沒有支撐內容

多數人對創意網站設計的討論停在兩極:一派覺得越有創意越好,能讓人印象深刻;另一派覺得創意會犧牲易用性跟轉換率,還是穩健一點好。這兩種說法都不完整

國際UX研究機構Nielsen Norman Group(NN/G)有一個經典研究,叫「美感易用性效應」(aesthetic-usability effect):使用者傾向認為好看的產品比較好用,這個效應最早在1995年由日立設計中心的研究者,針對ATM介面做的測試裡發現——受試者對「美感」的評分,跟他們對「感知易用性」評分的相關性,比跟「實際易用性」的相關性還要強。換句話說,好看確實會讓人主觀覺得更好用,但這不代表它真的更好用

更具體的數字來自另一份發表在《Behaviour and Information Technology》期刊的同儕審查研究:研究者Gitte Lindgaard等人發現,使用者對一個網站美感的判斷,最快在落地後50毫秒內就會形成,而且這個第一印象後續很少改變。50毫秒大概是眨眼時間的一半,代表使用者根本來不及思考這個網站好不好用,第一印象純粹是美感直覺判斷。這代表創意設計真正要打的是第一印象這一仗,不是說服使用者這一仗——使用者落地的那零點幾秒才是創意投入的關鍵時刻,等使用者已經在瀏覽內容之後,美感的邊際效益就會下降,這時候真正重要的是內容本身跟操作是否順暢。

⚠️ 注意

NN/G的研究也提醒了一個風險:美感易用性效應可能會掩蓋真正的操作問題,讓使用者在易用性測試時沒發現到問題——因為他們對介面的好感,蓋過了對操作困難的感知。這代表創意設計做得好看,不能拿來當作這個網站好用的證據。

這個研究真正的重點,是效應最強的前提,是美感真的支撐內容與功能。脫離內容與功能的純視覺創意——例如為了炫技而加的動畫、為了與眾不同而犧牲導覽邏輯的排版——效果有限,甚至會讓使用者找不到重要資訊,反而拉低整體體驗。

插畫風格的兩棟外觀同樣華麗的房子並排對照,左邊地基龜裂傾斜配警示圖示,右邊地基穩固平整配勾選圖示,比喻創意有沒有內容支撐
創意站不站得住,看地基

什麼樣的公司該投入創意設計?先問這個問題

不是每家公司都該把預算優先花在創意上,判斷的關鍵問題是:這個網站的核心任務,是留下印象還是完成任務

品牌形象導向、作品集展示類、以視覺說服力為核心競爭力的公司(例如設計顧問、攝影工作室、精品服務業,這類網站的規劃重點可參考形象網站設計怎麼做?費用、流程、頁面規劃與避坑指南),網站的核心任務本來就是留下印象、建立差異化,創意設計投入的效益直接對應到商業目標——這正好對應到前面談的50毫秒第一印象:這類公司的網站,訪客往往在還沒看到任何文字內容之前,就已經對這家公司的專業度形成判斷。相對地,以效率與明確任務為核心的網站——線上申請、客服查詢、B2B詢價表單——使用者上網站是為了完成一件具體的事,這時候創意應該讓位給清楚的動線,過度的視覺創意反而是干擾。

公司類型網站核心任務創意投入建議
設計顧問、攝影工作室、精品服務業留下印象、建立差異化可以投入較高的創意成本
B2B詢價、線上申請、客服查詢類服務讓使用者快速完成任務創意讓位給清楚動線,謹慎投入
一般中小企業形象官網兼顧信任建立與資訊查詢適度創意點綴,核心動線維持穩健

這張表不是要區分誰配得上創意,而是提醒每家公司先想清楚自己網站的核心任務是什麼,創意投入的方向才會對。回到最前面那家設計顧問公司的例子——他們的網站核心任務本來就是證明自己有審美能力,這種情況投入創意設計是合理的,投入方向也應該直接對應到作品怎麼呈現最有說服力(作品集呈現的判斷方式可參考網頁設計作品怎麼看?挑選網頁設計公司的判斷指南),而不是漫無目的地加動畫。

插畫風格的三個並排空間:戲劇打光的藝廊、清楚動線的服務櫃台、溫馨簡潔的接待大廳,分別標示留下印象型、完成任務型、兼顧型
你的網站,該像哪一種空間?

創意網站設計最常踩的坑:把創意當成複雜動效

多數人對創意的誤解,是把它等同於很多動畫效果或非常規的排版。這是常見的誤區,而且容易踩雷。

過度的動畫效果會拖慢載入速度,非常規排版如果犧牲了基本的導覽邏輯,使用者會找不到重要資訊——這兩者都不是創意,是犧牲基本功能換取視覺效果,跟前面談的美感要支撐內容正好相反。真正有效的創意,通常展現在內容呈現方式、品牌語彙、視覺敘事上,而不是技術特效的堆疊

創意會不會犧牲轉換率?答案要看創意用在哪裡

這是很多人在考慮創意設計時最擔心的問題。答案不是會或不會,是要看創意用在網站的哪個位置

如果創意設計用在首頁的品牌敘事、作品呈現這類建立印象的區塊,通常不會直接影響轉換;但如果創意(例如非常規的表單設計、隱藏式的導覽選單)用在使用者要完成轉換動作的關鍵路徑上——填表單、找聯絡方式、比較方案——這時候創意就真的可能犧牲轉換率,因為它增加了使用者完成任務的難度。判斷原則很簡單:品牌敘事的地方可以大膽一點,轉換路徑上的地方要謹慎一點。

插畫風格的同一間餐廳兩區對照,左側是華麗藝術裝置的用餐區,右側是同樣質感但版面簡潔的走廊,精緻黃銅框標示牌指向洗手間與出口
同一間店,兩種設計原則

創意網站設計費用大概多少?

創意、客製化程度較高的網站設計,費用通常落在半客製到全客製的區間,約3~30萬元以上,實際取決於動效與互動設計的複雜度,不是單純的版面設計費用。這個區間是台灣網站設計市場的一般行情觀察,不是任何一家廠商的固定報價,實際費用仍要以正式報價單為準。

值得注意的是,創意投入的成本不只在製作階段,後續維護與更新的複雜度也會提高——越客製化的動效與互動設計,日後要調整內容時,能不能簡單修改也是評估重點之一,這件事最好在規劃階段就跟廠商確認清楚。

用前面談的50毫秒第一印象回頭算一筆帳會更清楚:如果一個月有一千個訪客落地到官網,這一千次美感判斷幾乎都在半秒內就定案了,而這半秒的成本只發生一次,之後每一次有人重新造訪、分享連結給別人看,都是在吃這筆第一印象投資的紅利,不需要每次重新付費。反過來說,如果網站的核心任務是轉換而不是印象,把預算花在這半秒的效果就有限——這時候把同樣的預算拿去優化表單填寫流程或頁面載入速度,實際換來的轉換提升,通常比加強視覺創意更直接。

FAQ

創意網站設計會不會犧牲轉換率?

不一定,要看創意用在網站的哪個位置。用在品牌敘事、作品呈現這類建立印象的區塊,通常不影響轉換;用在填表單、找聯絡方式這類轉換路徑上,則可能因為增加操作難度而犧牲轉換率。

什麼樣的公司適合做有創意的網站?

網站核心任務是留下印象、建立差異化的公司適合,例如設計顧問、攝影工作室、精品服務業;以效率與明確任務為核心的網站(線上申請、客服查詢)則該謹慎投入,創意讓位給清楚動線。

創意設計費用會不會比較貴?

通常會落在半客製到全客製區間,約3~30萬元以上,實際取決於動效與互動設計的複雜度,並非單純的版面設計費用可以比擬,實際費用仍以正式報價為準。

創意跟品牌識別要怎麼結合?

真正有效的創意通常展現在內容呈現方式、品牌語彙、視覺敘事上,而不是技術特效的堆疊——創意設計應該從品牌本身的個性出發,不是套用流行的動畫效果。

太有創意的網站會不會讓使用者找不到重要資訊?

會,如果創意犧牲了基本的導覽邏輯就會。這正是美感易用性效應提醒的風險:好看可能掩蓋操作問題,讓使用者主觀覺得好用,實際上卻找不到需要的資訊。

創意元素應該在網站設計流程的哪個階段決定?

建議在資訊架構確定之後、視覺設計階段之前就想清楚,先確保動線與內容邏輯穩固,創意才有可以依附的骨架,而不是等視覺稿做完才臨時加特效。

小公司也可以做有創意的網站嗎?

可以,創意投入的多寡跟公司規模沒有直接關係,關鍵是網站的核心任務是什麼。小公司如果本身以設計、創作或個人品牌為核心競爭力,投入創意設計同樣合理。

創意設計跟RWD響應式設計會衝突嗎?

不必然衝突,但複雜的創意動效在手機版的表現要另外測試(手機版網站設計的驗收重點可參考手機網站設計怎麼做?RWD、費用、SEO與驗收重點),有些在桌機上流暢的互動效果,在小螢幕與較弱的網路環境下可能變得卡頓或難以操作,這部分需要在規劃階段一併考慮進去。

如果你正在考慮要不要為公司網站投入創意設計成本,先想清楚網站的核心任務是留下印象還是完成任務,再決定創意該往哪個方向投入。有具體的系統開發或客製功能需求時,歡迎找瞻新資訊聊聊你的實際情況。

陳俊鳴顧問的大頭照,戴細框眼鏡、穿深色西裝外套搭條紋襯衫,面向鏡頭微笑

關於作者|陳俊鳴顧問

資深SEO顧問,操盤搜尋引擎優化與網路行銷實戰逾15年,曾獲頒亞洲十大卓越名師金像獎。長期擔任多家企業的常年行銷顧問,瞻新資訊是其中之一。專長是把網站的自然搜尋流量做起來,再用銷售漏斗與商業模式,把流量變成實際的詢問與訂單。曾是馬來西亞象棋、圍棋國手,拿過亞洲盃第二名。