全新的扭蛋機體驗
食客可以在不同機台間切換、投入抽獎券、觀看抓取與開獎動畫,最後拿到有等級與稀有度標示的獎勵票券。
Release · 2026.09.11 · develop
這次把「讓食客更容易做決定、留下回饋、持續回來」的幾條路串起來:新增扭蛋與每日獎勵、問卷與吃什麼流程,也補上地圖探索與後台營運工具。以下用同事實際會看到的畫面與工作流程整理。
把抽獎從單一入口擴充成可以持續回來玩的獎勵循環;同時讓營運同事可以自己維護獎品與機台規則。
食客可以在不同機台間切換、投入抽獎券、觀看抓取與開獎動畫,最後拿到有等級與稀有度標示的獎勵票券。
新增每日獎勵面板與簽到回饋,讓使用者知道今天能拿什麼、下一次回來還有什麼。
後台新增機台、獎品、抽獎規則、會員紀錄與抽獎紀錄管理,也能先預覽機台畫面再發布。
這次推版的意義:獎池內容不必每次都靠工程修改,後續活動可以由營運端調整。
把想知道的使用者需求變成產品裡的實際互動,填答結果會回到後台,方便後續整理與決策。
新增問卷入口與題目場景,支援單選、多選、文字與條件式題目;填答過程會保留目前進度,送出前也能檢查答案。
後台可以查看問卷定義、題目與示例資料,讓團隊先確認呈現與資料結構,再進一步整理回覆。
當食客只知道「今天不知道吃什麼」,現在可以交給流程先縮小範圍,再從候選店家裡做決定。
依照位置、距離、營業狀態與探索條件產生候選,使用者可以查看候選理由、切換下一家,或直接選定店家。
候選結果可以重新抽取、查看店家詳情,並記錄這次決策後的回饋,讓之後能知道推薦是否真的有幫上忙。
這次同時調整「看地圖」與「找店家」的入口,讓探索更像是在一張可操作的地圖上完成,而不是只看一串列表。
地圖成為主要背景,下面的結果面板可以拖曳展開或收起;店家 marker 的點擊區域也重新整理,手機上更容易點到正確店家。
新增分類篩選列,分類太多時可以從更多分類面板選擇;同時保留優惠券浮動入口,讓動態頁的探索與領券更順。
動態頁補上三組入口圖示,讓食客瀏覽貼文時,更容易辨認想看的美食分類、找到優惠券,以及進入每日簽到。
補上公開授權與地圖層級可見性控管;地圖卡優先呈現有封面照的店家,再依貼文與公開評語排序。觀看者遇到沒有紀錄的店家時,會直接看到「查看店家」。
把兩個容易卡住轉換的地方補完整:券匣要知道還能不能領,手機驗證失敗時要知道怎麼繼續。
券匣上限調整為五格,新增名額提示;優惠券輪播支援自動切換、手動切換與拖曳,且會尊重系統的減少動態效果設定。
現場使用畫面與使用紀錄分開,降低同一張券被重複出示的風險;評語入口也改成只對實際核銷的那張券開放。
新增獨立 OTP 輸入元件、重試與返回流程,並補上診斷資訊,讓使用者知道目前卡在哪一步,而不是只能重新開始。
這次也補上後台操作入口,讓獎勵、使用者回饋與問卷資料集中在同一個營運工作區。
後台首頁與代理路由補上扭蛋管理、評語獎勵與使用者問卷入口,權限與資料操作集中在同一個營運工作區。
同步整理頁首、按鈕、Toast、篩選面板、地圖 marker 與空狀態,讓新功能接進既有 App 時不會各自長成不同的操作方式。
除了新功能流程,這次也把幾個高頻使用的元件一起整理,讓新舊畫面的操作方式一致,也讓錯誤與完成狀態更容易被理解。
整理主要按鈕的尺寸、層級、文字與載入狀態,並新增一致的 Toast 呈現方式,成功、失敗、提醒與一般訊息不再各自使用不同樣式。
統一頁首返回、標題與操作按鈕的排列,也補齊新流程需要的圖示,讓不同頁面之間切換時不會突然換一套控制方式。
重新整理券匣名額卡、券票外框、領券提示、篩選面板與領取完成提示,讓「可領取、已領取、已使用、已滿格」在畫面上有清楚差異。
將條件篩選、地點選擇、步驟切換與結果互動拆成清楚的元件,讓流程可以在不同畫面重用,也讓每一步都知道自己正在設定什麼。
分類列新增更多分類面板,地圖 marker 也調整可點擊範圍與選取回饋,手機上更容易點到正確的分類或店家。
為什麼要一起調整:這些元件會出現在多個入口;只修單一頁面容易造成同一個動作在不同地方有不同反應。