LINE 訊息怎麼設計：聊天室不是廣告版位

先理解這個載體

LINE 訊息出現的地方是聊天室，上下都是朋友、家人、群組的對話。這代表兩件事：第一，你的訊息在一個非常私人的空間裡，太像廣告會直接被封鎖；第二，可視區域很窄，手機上一則訊息大約只有半個螢幕高。

多數設計失敗的原因是把它當成海報或 EDM——資訊塞滿、字很小、要放大才看得懂。在聊天室裡，放大這個動作就是流失。

一則訊息該有的結構

結構化的圖文訊息（Flex Message）通常由四個部分組成，每個部分只負責一件事：

• 主視覺：三秒內傳達這是什麼，不要在圖上塞長文字
• 標題：一句話講完利益或事件，不要寫成標語
• 說明：兩到三行，補充時間、地點、條件這類必要資訊
• 按鈕：明確的下一步動詞，例如「立即報名」「看細節」，不要寫「更多資訊」

五個實際可套用的原則

1. 1

   一則訊息只講一件事

   想講三件事就分三張卡片做成多頁滑動，不要擠在同一張。訊息的目的是讓人做一個動作，選項越多動作越少。

2. 2

   字級以手機為準

   設計稿在電腦上看起來剛好，在手機上通常偏小。做完一定要用手機實際看一次，不要只在編輯器裡預覽。

3. 3

   按鈕文字要有動詞

   「立即預約」比「詳情」清楚。使用者需要知道點下去會發生什麼，模糊的按鈕會降低點擊。

4. 4

   圖上不要放要讀的文字

   圖片會被壓縮，小字在手機上糊掉。要讀的字放在文字區塊，不要燒在圖裡。

5. 5

   留白比塞滿重要

   聊天室是密集的環境，一則有呼吸感的訊息反而更顯眼。

怎麼驗證設計有沒有效

不要靠內部投票決定哪一版好看。比較可靠的做法是把同一檔內容做兩個版本，分別發給兩群條件相近的名單，比較按鈕的點擊表現。

要注意的是比較的對象要單純：同時改圖、改文案又改按鈕，就算有差異也不知道是哪一項造成的。一次只改一個變因。