品牌行銷

好看的設計有效的設計,是同一回事嗎?

設計圈流傳一句常被拿來提醒新手的老話:「設計不是一場藝術品比賽」,更完整的版本還會多接一句「沒有策略的設計,只是一場美感比賽」。這句話流傳了很多年,聽起來像老生常談,卻精準戳中一個常被忽略的事實。多數人心裡對「好設計」的第一直覺判準,其實還是好不好看,但真正決定一份設計有沒有發揮作用的,往往是另一套完全不同的標準。

好看的設計和有效的設計,聽起來像同一件事的兩種說法,實際上分屬兩條不同的評分軌道。差別不在於誰的美感比較好,也不是主觀感受說得清楚的事,而是有具體、可以觀察驗證的評估標準能拿來對照。一份設計可以在美感評分拿高分,卻在真正該完成的任務上讓使用者卡關;也可能外觀平淡無奇,卻精準達成了它被設計出來的目的。

先從這種誤判是怎麼發生的講起,再拆出一套讀者自己也能拿來檢查的判斷方式。

好看的設計,為什麼常被誤認為有效?

1995 年,日立設計中心找了 252 位受測者,測試 26 種不同介面設計的自動櫃員機(ATM)操作畫面。研究者 Kurosu 與 Kashimura 發現,受測者對「美感」的評分,跟他們「感覺上好不好用」之間的相關性,遠高於「美感」評分跟「實際上好不好用」之間的相關性。換句話說,人會用眼睛判斷的美感,去替代原本該用行為驗證的效果。

Nielsen Norman Group 把這個現象整理成一個名詞,叫做「美感可用性效應」(Aesthetic-Usability Effect),指的是人會不自覺相信,看起來比較好的東西,用起來、效果也會比較好,即使實際上它未必更有效率、更有效果。

這不是誰的品味比較差,而是每個人多多少少都會有的認知傾向。設計研究者 Don Norman 在 2004 年出版的《Emotional Design》一書中,也延伸討論過這個現象,說明美感如何影響人對一件產品或介面的整體判斷,不只是表面裝飾而已。

這種效應在數位介面上很容易觀察,但要看清它造成的代價有多大,最好的例子不是實驗室數據,而是一顆看起來毫不起眼的按鈕,如何在一年內讓一間電商公司多賺三億美元。

一個不好看的按鈕,如何撐起三億美元營收?

UX 研究者 Jared M. Spool 在 2009 年發表過一個後來被反覆引用的真實案例,主角是一間知名電商網站結帳頁面上的一顆按鈕。這顆按鈕外觀普通到會被多數人忽略,上面只寫著「註冊」(Register),沒有任何搶眼的設計,多數使用者路過它時,根本不會覺得「不好看」是個問題。

問題出在按鈕背後逼出的動作。可用性測試發現,這顆按鈕正在讓大量顧客在結帳前放棄購買,不是因為它醜,而是因為它要求第一次上門的顧客必須先建立帳號才能結帳,讓人心生抗拒;老顧客也好不到哪去,常常忘記密碼,一樣被卡在這一步。

設計團隊後來把「註冊」按鈕拿掉,換成「繼續」(Continue),並在旁邊加一句說明,不需要註冊也能購買。這個小改動讓結帳轉換率上升了 45%,第一個月就多賺進 1,500 萬美元,累計到第一年,多出來的營收達到 3 億美元。

把結帳頁「註冊」按鈕改成「繼續」,外觀幾乎沒變卻讓結帳轉換率提升 45%、第一年多賺 3 億美元,可見有效比好看更關鍵。
把結帳頁的「註冊」按鈕換成「繼續」,一年多賺 3 億美元(資料來源:Jared M. Spool,The $300 Million Button)。

這個案例真正的重點,從來不是這顆按鈕該怎麼設計才好看,而是決定它有沒有效的,從頭到尾都不是外觀,是它有沒有擋住使用者原本想做的事。

這兩個例子合起來,已經把好看為什麼容易被誤判成有效、誤判的代價可以有多大這兩件事講清楚了。剩下的問題是,兩者要拿什麼標準來分開看,才不會下次又掉進同一個陷阱。

評估好看與評估有效,用的是兩把不同的尺

好看和有效不是對立的兩端,也不是誰比較高級的問題。差別在於幫一份設計打分的時候,打分的人是誰、多久才能看出結果、拿出來當證據的東西是什麼,這幾件事,兩邊的答案完全不一樣。底下從這幾個角度分別拆開來看。

對照好看與有效兩種設計評分:打分的人、看得出結果的時間、拿出來的證據三個維度,兩者用的標準完全不同。
好看由老闆或設計師的第一眼喜好決定,有效則要靠目標受眾用過後的行為數據來驗證。

打分的人不同:喜不喜歡看,還是願不願意行動

一份設計好不好看,通常是老闆、行銷窗口、設計師自己在打分,評分依據是個人喜好。一份設計有沒有效,打分的人卻是真正會看到這份設計的目標受眾,而且他們給的不是喜不喜歡的評語,是有沒有因此做出行動,記住品牌名稱、點進連結、走進店裡、完成購買。

這個落差很容易被忽略。決定要不要通過這份設計的人,跟真正會被這份設計影響的人,往往是完全不同的兩群人;決策者覺得順眼的顏色搭配,受眾可能根本沒特別留意,決策者嫌不夠精緻的排版,受眾可能壓根不在乎,只在乎有沒有找到自己要的資訊。

看得出來的時間不同:第一眼的印象,用過才知道的落差

打開一份設計的第一秒,人已經打完美感的分數,可是要判斷這份設計有沒有效,得等到受眾真的開始用它、讀它,或者被要求做下一步動作之後才看得出來。

Nielsen Norman Group 把視覺設計的測試方法整理成兩大類。一類是態度型方法,像是五秒測試、偏好測試,這類方法只需要一張靜態畫面,測的是第一印象跟主觀感受;另一類是行為型方法,像是 A/B 測試、眼動追蹤,測的是使用者真正開始互動之後,任務完成率跟實際行為數據。前者能立刻做完,後者得等使用者真的動手才看得出結果。這個分類剛好對上好看跟有效的落差,不只判準不同,連能觀察到結果的時間點也不一樣。

拿出來的證據不同:一句形容詞,還是能被記錄的行為

形容詞是好看最常留下的痕跡,質感很好、顏色很舒服、看起來很專業,這幾句幾乎是每次徵詢意見都會聽到的回應。有效留下的證據完全是另一種東西,是能被記錄、能被重複驗證的行為數據,有沒有點進去、有沒有完成流程、記不記得住上面的訊息、找不找得到該找的資訊。

Nielsen Norman Group 對這兩種證據做過具體區分。態度型回饋包括開放式的偏好說明、形容詞選字、數字評分,這類回饋容易受當下情緒、社交壓力影響,尤其在受測者知道對方是設計者本人時,容易說得比實際感受更客氣;行為型數據則是 A/B 測試量出來的轉換率、眼動追蹤記錄下來的視線落點與停留時間,這類數據不會迎合任何人。

好看不是沒有用,是還不夠

好看並非沒有用,只是這份加分有上限。一份美感評價高的設計,會讓受眾對它產生比較高的初期信任感,也比較願意容忍一些小瑕疵,比如版面稍微擁擠、字距不夠齊整。這正是美感可用性效應真正發揮作用的地方。

但這個效應的極限,在於它幫不了真正嚴重的傳達問題。受眾看不懂主打什麼、找不到該往哪裡點的時候,再好看的版面也彌補不了這個缺口。美感可用性效應原本要說的重點,其實就是這件事,這個效應最強的時候,是美感在支撐、強化內容跟功能,不是美感自己一個人撐場。

這四個角度加起來,能拆解好看跟有效為什麼常被混為一談,但真正用得上的,是把它們變成一套現成就能用的檢查方法。

把好看的判斷換成有效的判斷,可以怎麼做?

前面四個角度拆開來看是理論,實際拿到一份設計要用的時候,其實只需要換一個問題。把原本要問的「好不好看」,換成「有沒有做到它該做的事」,接下來的檢查方式就會完全不一樣。

具體做法不需要正式的使用者研究團隊,也不需要額外預算。把設計拿給不認識這個品牌、但條件跟目標受眾相近的人看幾秒鐘,接著要問的不是「你覺得好不好看」,而是「你記不記得上面主打的是什麼」、「如果要採取下一步,你知不知道該往哪裡看、該怎麼做」。

舉一個常見的情境。一間店家準備了一張促銷海報,設計稿出來以後,先拿給身邊不認識這間店的人看幾秒鐘,問對方能不能在幾秒內講出主打商品跟優惠內容。講不出來,就代表「有效」這一關還沒過,這跟版面好不好看,是兩件完全不同的事。

這套簡單的檢查法,不是要否定美感的重要性。它做的事,是把「有沒有效」這個原本容易被「好不好看」蓋過去的問題,重新排回決策清單裡。

設計不是一場藝術品比賽,這句話真正想提醒的,是一件很容易被忽略的事。好看依然值得追求,它能替一份設計爭取到第一眼的信任跟耐心,讓受眾願意多停留幾秒,也願意包容一些不完美。

只是這份信任跟耐心,終點從來不該停在「這個好看嗎」。真正該問的下一句,是「這個做到它該做的事了嗎」。下次再看到一份讓自己眼睛一亮的設計,不妨多問一句,它讓人記住了什麼,又讓人做了什麼。

常見問答

本區問答由 AI 依文章內容自動整理,僅供快速參考,正式內容仍以全文為準。

什麼是「美感可用性效應」?

美感可用性效應是指人會不自覺相信,看起來比較好的東西,用起來、效果也會比較好,即使實際上未必更好用。這是 Nielsen Norman Group 整理提出的說法。

那顆改名按鈕為什麼能讓營收多三億美元?

原本的「註冊」按鈕強迫顧客先建立帳號才能結帳,讓許多人半路放棄購買。改成「繼續」並註明免註冊也能結帳後,轉換率大幅提升,一年多賺進三億美元。

設計好不好看和有效,誰說了算?

好不好看通常由老闆、行銷窗口或設計師自己判斷,依據是個人喜好。有沒有效則是由真正看到這份設計的目標受眾決定,看的是他們有沒有因此採取行動。

怎麼分辨一個評價是主觀感覺還是真的有效?

主觀感覺是形容詞式的態度回饋,像是覺得質感好、顏色舒服,容易受當下情緒影響。真正有效的證據是能被記錄、重複驗證的行為數據,例如轉換率、視線落點與停留時間。

不找研究團隊,怎麼自己檢查設計有沒有效?

把設計拿給不認識這個品牌、但條件跟目標受眾相近的人看幾秒鐘,問對方記不記得主打什麼、知不知道下一步該往哪裡看。答不出來就代表設計還不夠有效。

資料來源
  1. Apparent usability vs. inherent usability: experimental analysis on the determinants of the apparent usability(CHI '95) — 日立設計中心(Kurosu、Kashimura)
  2. The Aesthetic-Usability Effect — Nielsen Norman Group
  3. Emotional Design: Why We Love (or Hate) Everyday Things(2004) — Don Norman
  4. The $300 Million Button — Jared M. Spool
  5. Testing Visual Design: A Comprehensive Guide — Nielsen Norman Group