小波｜Wavelet

每天幾分鐘的視覺專注練習：在一格格條紋中，找出角度不同的那一個。原名「蓋博符號」，現已做成 iOS App，準備上架 App Store。

角色

UI 設計、互動流程、前端實作與 iOS 封裝

成果

讓難度跟著作答表現升降，並補上答錯回饋、訪客模式與上架審核需要的帳號與隱私流程，把訓練從可操作原型推進到準備上架的 iOS App。

工具與技術

Figma · Material Design 3 · Nuxt 4 · Vue 3 · Tailwind CSS · Canvas API · Capacitor · Supabase

設計重點

自適應難度：把「等級」與「訓練難度」拆開，等級只升不降、難度依每題作答升降，並在結算頁與個人頁呈現
互動狀態：答錯時標出正確的格子、其餘淡出，答對與答錯各有固定的停留時間
上架準備：補上訪客模式、刪除帳號、隱私權政策，以及新的 App 名稱與圖示，對應上架審核的要求

專案定位

從研究型任務，到每天幾分鐘的 iOS App

小波原名「蓋博符號」，是以 Gabor 斑塊辨識為核心的視覺練習：一格格條紋中，只有一個的角度不同。第一版先把任務整理成教學、準備、作答、結果與紀錄的流程；這一版的目標，是把它做成每天真的會打開的 iOS App。我負責流程與介面設計，在 iPhone 實機上反覆試玩調整，並用 Nuxt 4 與 Capacitor 封裝成 iOS 版本。目前已完成大部分上架準備，正在準備送審 App Store，網頁版仍可直接試玩。這是練習用的 App，不宣稱任何醫療效果。

問題與目標

難度要跟著人走，回饋要讓人看懂錯在哪

原本的難度只跟累積經驗值有關：玩越久越難，跟答得好不好無關；答錯也可以一直點到對，亂點也能過關。實機試玩後還發現，條紋太淡、格子之間粗細太像，難度明顯偏高。目標是讓每一局都落在「有點挑戰、又不會太難」的範圍（每局正確率約 70–85%），答錯時清楚知道正確答案在哪，並補齊上架審核要求的帳號與隱私流程。

關鍵設計決策

把長期進度與當下難度分開設計

把「等級」和「訓練難度」拆開：等級隨累積經驗提升、不會下降；訓練難度依作答升降（連對 2 題 +2、答錯 1 題 −2）並跨局保留，決定網格大小、對比與角度差。
每題只能作答一次：答錯時點錯的格子晃動，正確的格子亮出光暈、其餘在 0.5 秒內淡出，停留 1.6 秒後換題；答對則讓目標放大停留 0.8 秒，讓兩種結果有不同的節奏。
依 iPhone 實機試玩調整刺激：提高條紋對比的下限、放寬格子之間的粗細差異，並讓角度差隨難度縮小得更慢，直到實機上的難度剛好。
「先不登入」也能完整遊玩，紀錄只存在裝置上；若本機有訪客紀錄，登入前先跳確認框說明紀錄不會帶入帳號，避免使用者以為紀錄會被保留。

主要畫面展示