Year
2025
專案背景
這個專案是在週末露營前一週開始的。我們團隊需要一個簡單的方法來保持整體有序,方便查看行程、查詢天氣、分配裝備負責人。
我設計了一個mobile-first的協作清單,將所有資訊整合在同一個地方:導航連結、倒數計時、行程表、天氣預報和打包清單。重點是實現即時同步,讓大家都能看到彼此的準備進度。

問題觀察
我仔細觀察了我們 LINE 群組的討論模式,發現了幾個核心問題:
訊息會被洗掉
行程或重要的分工訊息很快就會被其他對話洗掉。要找到之前的決定需要不斷往上滑,很麻煩。
沒有整體視野
每個人只知道自己要帶什麼,但不清楚整體準備進度。經常出現「咦,XX 東西有人準備了嗎?」的疑問。
重複確認
因為找不到之前的訊息,大家會重複問同樣的問題,造成群組訊息更加混亂。
責任不明確
有些物品可能多人說要帶,有些沒人回應,到最後才發現分工不平均或有遺漏。

設計流程

使用者研究
為了更深入理解使用者的真實需求,我對 7 位露營夥伴進行一對一訪談來了解他們的需求:
「在 LINE 群組裡討論分工時,你通常扮演什麼角色?你覺得用 LINE 討論分工有什麼問題?」
「在準備露營的過程中,有哪些時刻讓你感到困擾?能具體描述一下嗎?」
「以往的出遊經驗,在出發途中,有因為不清楚行程而遇到問題嗎?」
「你希望有什麼功能可以幫助你更好地準備露營?」
訪談後,我整理出幾點大家共同的問題:
準備時:
沒注意群組訊息,不知道詳細行程變更
找不到之前的分工決定,需要不斷往上滑動
不知道別人的準備進度,擔心遺漏共用重要物品
出發途中:
需要不時的在群組詢問目的地(例如: 餐廳、景點、住宿)地址
設計解法
基於訪談發現的核心痛點,我設計了一個mobile-first的即時協作解決方案。我使用GitHub Pages搭配Firebase Realtime Database來快速實現這個MVP。開發過程中運用 Claude AI 加速前端開發,讓我能專注在使用者體驗的設計上。
一站式資訊整合
解決方案的核心概念是將原本分散在LINE群組中的所有關鍵資訊整合到單一頁面。使用者不再需要在冗長的對話中尋找重要資訊,所有內容都按照使用情境優先級排列:導航連結讓司機能快速導航、倒數計時營造緊迫感、行程資訊供參考查閱、天氣預報輔助打包決策、協作清單作為核心功能。
即時協作清單
打包清單是整個解決方案的核心功能,提供使用者完整的編輯和新增權限,讓所有團隊成員都能即時掌握彼此的準備進度。 為了回應使用者對「個人專注」和「團隊掌控」的不同需求,我設計了標籤式的視角切換功能。
在「All總覽頁面」中,使用者能看到完整的物品清單和每個人的準備狀態。當點選個人姓名標籤切換到「個人頁面」時,介面會過濾出只屬於該使用者的項目,採用簡潔的 checkbox 清單呈現。這種設計既避免了資訊過載,又保持了協作的透明度。
成果
實際使用成果
當我們真正用這個工具準備露營時,效果超出預期。每個人都能在1分鐘內上手,LINE群組關於「誰帶什麼」的討論幾乎消失。每個人都能清楚看到自己的責任和整體進度,看著進度條填滿讓大家更有信心,減少出發前的焦慮。
未來開發計畫
目前版本內容都是前端直接寫入,後續將開發後台管理系統,讓使用者能直接編輯內容。長期目標是擴展為完整的行程規劃產品,支援各種團體活動需求。