開發過程

財神解夢樂起來

台灣樂透行那張「財神解夢」紙本海報的數位版。這個產品最重要的一個決定,是刻意不用 AI

網頁 免費 為長輩設計
財神解夢樂起來:紅底金字的解夢查號頁面
2026 年 4 月第一個 commit
45 次累積 commit
已上線完全免費

01起點:一張貼在牆上的紙

台灣的樂透行牆上常常貼一張「財神解夢」的海報 —— 夢到蛇對幾號、夢到水對幾號,一整張密密麻麻的對照表。 買彩券的長輩會站在那邊,抬頭找自己昨晚夢到的東西。

我們想做的就是那張紙,只是放到手機裡,而且可以搜尋。 題目小到一句話講得完,這正是它值得做的原因。

02最重要的決定:這裡不要 AI

很誘人的做法是接一個大型語言模型:使用者描述一個完整的夢, AI 幫他分析、解讀、給出號碼。聽起來高級多了。

我們在寫規劃文件的時候,就把這條路明確地砍掉, 還特地寫了一行「不做 AI 解夢 —— 這是查表,不是 AI」。 原因有三個:

  • 它會慢。查表是瞬間的,模型要等好幾秒。對一個「抬頭找一下」的動作來說,任何等待都是多的。
  • 它會不一致。那張海報的權威感,來自它每次都給同一個答案。今天夢到蛇給 17、明天給 42,這個東西就不成立了。
  • 它會花錢,而且沒有換到東西。使用者要的不是被理解,是查到號碼。
學到的事

我們做的每一個產品都在用 AI,但這一個提醒我們:AI 是一種解法,不是一種目的。 當答案本來就是固定的、而且使用者要的就是那個固定答案的時候, 加上 AI 只會讓它變慢、變貴、變不可靠。 知道什麼時候不要用,跟知道怎麼用一樣重要。

03使用者是 50 到 75 歲

這是我們第一次把目標使用者的年齡寫進規劃文件裡,而且它真的改變了每一個設計決定:

  • 不需要註冊、不需要登入。多一個步驟就少一半的人。
  • 字要夠大。內文最小 16px、搜尋框 18–20px、標題 28px 起跳,行距拉開。
  • 對比要高。紅底金字、深色字,在戶外太陽底下也要看得到。
  • 可以點的地方至少 44×44。手指不像滑鼠那麼準。
  • 打字就直接找。沒有「送出」按鈕,輸入的當下表格就開始篩選。少一個要學的東西。
  • 支援部分比對。打「蛇」要能找到「毒蛇」「青蛇」,因為沒有人會記得海報上寫的完整詞。

04喜氣是功能,不是裝飾

紅色、金色、金元寶。這在很多設計標準裡會被說是「俗」,但這裡它是對的 —— 產品要傳達的第一件事不是「這是一個網站」,而是「這就是你熟悉的那張海報」。 使用者要在打開的三秒內認出它,喜氣的視覺就是那個認出來的訊號。

連查不到的時候也是。找不到不會顯示「查無資料」, 會顯示「你的夢境無法解碼,再睡一覺就會夢到了!」—— 失敗的那一刻,是產品性格最容易被記住的一刻。

05刻意不做的事

  • 不做會員系統——這是一個查完就走的工具。
  • 不能真的買彩券、不查開獎——那是完全不同的責任層級,我們沒有要碰。
  • 不做「解夢」的解釋——它是查表,我們不想讓它假裝自己在通靈。

這份「不做清單」跟功能清單一樣長,而且比功能清單更有用。 小產品之所以能維持小,是因為有人一直在拒絕東西。

06用了哪些 AI 工具和服務

這一頁的清單特別短,而這正是重點:AI 用在做這個產品,沒有用在產品裡面。

Claude Code整個網站的實作。我們描述行為與長輩友善的規格,它寫程式。
Codex第二個 AI 編碼工具,換機器時接手同一個專案。
Vercel網站部署,掛在 yabrostudio.com 底下。
對照表本身純資料。沒有模型、沒有推論、沒有 API 費用。查表就是查表。

07「不用 AI」實際換到了什麼

三件都可以直接量:查詢是即時的,沒有等待模型回應的幾秒鐘; 同一個夢境每次得到同一組號碼,這是那張海報權威感的來源; 以及零推論成本——這個產品可以永遠免費,因為它本來就不花錢。

六個產品裡它最小、commit 最少,也是唯一一個把 AI 留在開發流程、沒有放進產品裡的。

昨晚夢到什麼?

輸入一個景物,立刻查到對應的號碼。免費,不用註冊。

前往財神解夢樂起來 →