跳至主要內容
← 返回首頁作品集

禮物訊息的多媒體 Inbox 設計

專案版本發布3 分鐘
行動流程內容設計平台 UX通知 UX

禮物本身就是一則訊息

在禮物卡 App 裡,收到禮物的那一刻是整個產品的情感高點。如果通知只寫「您收到一張禮物卡」,等於把生日祝福變成系統公告。所以 Inbox 被設計成多媒體訊息中心:一則禮物訊息可以帶寄件者的文字、一段錄音或影片、商品圖,甚至讓卡片圖本身出現在訊息裡,打開通知就像拆禮物。

和工程師一起定義訊息結構

難的不是畫面,是和前後端一起定義訊息的資料結構:收件者、寄件者、訊息文字、App 連結、商品名稱、轉贈代碼與金額,哪些欄位由第三方傳入、哪些由系統補上,第一版只支援一張圖或一段錄音時要怎麼優雅退化。系統訊息也用同一套結構:新卡到帳、對方尚未匯入禮物的提醒,都套用相同版型,之後每加一種訊息型態都不必重新設計。心得:Inbox 是資料結構的 UI,先把欄位吵清楚,畫面自然就穩了。

Inbox 設計板:通知列表、含寄件者文字與商品圖區塊的禮物訊息,以及系統訊息變體,商品照片已模糊
Inbox 設計板:通知列表、打開的禮物訊息(寄件者文字、錄音與卡片圖區塊),與系統訊息變體。商品照片已模糊。