資訊設計/決策體驗 · 2026.08.28

改造「寵物券」,重新設計成看得懂的社群內容

創意角落 Digi Creative閱讀時間約 3 分鐘

最近我拿寵物券做了一次資訊設計轉換。起點很單純:把官方公布的活動資訊整理後交給 AI 製圖,希望快速得到一張完整的活動懶人包。

結果確實什麼都有,但也因此出現另一個問題——資訊太多了。

原本的版本同時放進活動流程、申請時間、抽獎資格、獎項、使用期限、注意事項與 QR Code。站在資訊提供者的角度很完整,但如果我是滑社群的寵物飼主,第一眼真正想知道的其實只有三件事:

我有資格嗎?怎麼參加?可以拿到什麼?

這也成為這次 Before & After 重做的起點。

Before|問題不是資訊不完整,而是全部都一樣重要

第一版最大的問題,不是內容錯誤,而是缺乏資訊層級。

當流程、日期、提醒、獎項、注意事項同時出現在畫面上,使用者必須自己從大量內容裡找答案。對一個原本並不複雜的活動來說,這反而增加了理解成本。

我一開始也想過把它做成互動式流程,例如先問「你的毛孩完成寵物登記了嗎?」再依照答案分流。

但後來發現另一個問題:這個活動本身其實沒有複雜到需要多步互動。

如果只是為了兩個簡單分支,多做一個 Landing Page,不只增加一次跳轉,在社群情境下還可能面臨外連、流量與維運成本。於是我決定不為了「看起來有互動」而增加互動。


拆解|先決定使用者現在需要知道什麼

重新設計時,我沒有從「官方有哪些資料」開始,而是改問:

飼主看到這篇貼文時,需要知道什麼,才有辦法決定下一步?

最後留下三個核心資訊:

  • 資格:有沒有完成寵物登記?還沒完成是否來得及?
  • 參加方式:大概要做哪些事情?
  • 獎勵:為什麼值得我繼續看?

其他像完整活動規則、使用限制與細節,並不是不重要,而是不需要在第一時間全部出現。

這次真正做的不是刪除資訊,而是重新決定資訊出現的順序。

After|從「完整公告」改成「行動導向」

新的版本把第一張先留給「寵物券」本身,讓使用者先知道這是什麼、可以獲得什麼,再進一步回答資格問題。

這個調整看起來很小,但很重要。

如果一開始直接問「你的毛孩有完成寵物登記嗎?」,使用者其實還不知道為什麼要回答,閱讀體驗會很突然。因此整體順序改成:

這是什麼 → 為什麼值得注意 → 我符合嗎 → 我要怎麼做

而不是一開始就把使用者丟進流程。

社群貼文本身負責完成大部分理解,真正需要執行申請時,再導向官方服務。這樣也避免為了一個簡單活動額外建立不必要的中介頁面。


結語:互動設計不等於增加互動

既然題目是資訊互動設計,就應該加入選擇、分支或 Landing Page;但實際拆解後發現,當資訊量少、規則簡單、分支有限時,好的資訊層級可能比真正的互動流程更有效率。

Interaction Design 不一定是讓使用者多按幾個按鈕。

有時候真正需要設計的是:在對的時間,只讓使用者看到對他現在有用的資訊。

而這次的 Before & After,對我來說也從「把一張資訊圖變漂亮」,變成了另一個問題:

我們該如何判斷,什麼時候需要互動,什麼時候反而應該保持簡單?

繼續閱讀

回到所有文章 →
TOP