角色
產品設計 · AI 協作開發
時程
2026.10
工具
Figma、Claude Code
送審中 · GitHub 完整版
Summary
01 · 問題
當電腦變慢時使用者不只想看運行數據，更想知道現在能怎麼做？
起初是我開很多軟體和分頁後電腦會變慢並發熱，但我不知道該如何優化，打開監控軟體也一知半解。
所以我開始與 AI 對話，能不能把數據整理得簡單清楚，再給出優化建議，讓沒有程式背景的人也看得懂電腦狀況，也是這專案的起點。
競品分析
做了競品分析後，發現主要幾個相似產品大多只顯示數據，沒有任何說明，比較適合專業人士，也有些已經好幾年沒更新，想要安全優化的功能多半要付訂閱。
所以 BuzzMem 不跟專業工具比資訊量，而是把記憶體相關數據簡單呈現，讓每個人都能簡單好懂，並給出安全的優化建議，讓大家都能順利使用電腦。
02 · 研究洞察
原本的假設 vs. 訪談後的洞察
我訪談了 5 位設計行銷背景、每日使用 Mac 平均 4 小時以上又不懂程式的使用者，都有遇過電腦卡頓的狀況。我原本預期情緒低點只在處理關程式這一步。但請他們回想最近一次 Mac 變慢過程，替每一步打 1～5 分，整理發現從找原因就會很焦慮，因為已經開始接觸到不熟悉的領域而感到焦慮不知所措。
使用者研究後，我針對每一步設計對應的幫助，平常在選單列安靜顯示壓力數字，變吃緊時圖示先變色，3 秒內就能知道是誰在吃記憶體，再列出可以安全關掉的 App。
03 · 設計原則
簡單易懂、需要時才提醒
這些原則同時寫成 Claude Code 每次都會讀的規則，我和 AI 確認畫面時，都照同一套標準判斷。
04 · 關鍵決策
#1 介面只有一個重點，內容直白好懂
對應情緒低點「找原因」：3 秒內知道嚴不嚴重、是誰在佔用。
1
簡單直白了解當下狀態
一句狀態、一句建議，簡單好懂
2
記憶體壓力是主要重點
六角形裡的百分比，代表記憶體使用的壓力。
3
複雜數據小字呈現，術語收進 ⓘ
In use, Swap 等數據用小字呈現，想深入再點 ⓘ 看說明。
4
簡易化趨勢圖
保留一條 80% 警戒虛線，能查看過去一小時走勢。
5
其他資訊退到第二層
開機天數、溫度、處理器、硬碟資訊放在下方，需要時再看。
6
快速了解 CPU、記憶體用量 Top 3
將 App 拆出來的程序合併計算，排行只列前三名。
三段狀態，各對應一個行動、顏色，像紅綠燈一樣簡單好懂
#2 優化電腦建議，功能一次瀏覽
對應情緒低點「處理」：怕關錯、怕丟檔，建立能安全、可反悔的優化功能。
1
只在最需要時標「建議」
記憶體壓力超過 50%，而且有可優化軟體才會出現建議。
2
按下去只先掃描，不會直接執行
點擊後只會列出可以關的 App，不會直接關掉任何東西。
3
先預估能省多少，再讓你決定
先讓使用者清楚知道關掉能換到什麼，再決定要不要做。
4
開機項目也只是檢查
列出開機時會自動執行的程式，讓使用者知道有哪些程式在背景運行。
5
清理檔案要勾選才刪
先把暫存檔和大檔案列出來；刪除前要勾選確認，檔案只丟垃圾桶，如果意外刪錯可以到垃圾桶復原。
點擊掃描按鈕。
會列出閒置的大型 App，並顯示各自用了多少記憶體。
超過 2 小時沒用才自動勾，其他由使用者決定勾選。
點擊確認後，會用正常方式結束勾選的 App，沒存的檔案會先詢問。
完成後會告訴你關了哪些 App，優化多少記憶體。
回到優化列表時，也會顯示剛剛省下的記憶體，讓使用者知道成效。
#3 平常隱形，真的需要才出聲
這個監控工具不能變成新的干擾，在選單列上能直接看到目前運行狀態。綠色時不會有任何通知打擾，等到開始吃緊後才會通知，也能在設定關閉提醒。
#4 App 丟進垃圾桶時，順便找出殘餘檔案
很多 App 刪掉後還會留下設定檔和快取。使用者把 App 拖進垃圾桶時，BuzzMem 會偵測到，跳出視窗列出殘餘檔案，讓使用者自己決定是否要一起移除。
1
只有偵測到殘餘檔案才出現
當 App 被移除後會去找它留下的檔案，如果一個都沒找到就不跳視窗。
2
確定是它的，才預先勾選
識別碼完全相符的檔案先勾好；只有名稱相近的不勾，並提醒先確認看一下。
3
一律丟進垃圾桶
不直接刪除，丟錯了可以從垃圾桶拿回來；也可以先不處理。
#5 無障礙設計，以 WCAG 2.2 AAA 為目標
在電腦變慢、最焦慮的時候打開面板，這時候字看不清楚或畫面一直動，都會讓人更慌，所以我把淺色、深色模式的每個文字顏色對比都提高到 7:1 以上。
1.4.6 對比（加強）
淺色、深色所有文字 ≥ 7:1
3.1.3 不常見的字詞
記憶體壓力、Swap 等技術詞旁有 ⓘ 白話說明
3.3.6 防止錯誤
掃描只列出項目，不會自動刪除；移除檔案只放入垃圾桶
2.3.3 互動觸發的動畫
遵守系統減少動態效果，都改成淡入淡出
2.2.3、2.2.4、2.4.10
沒有時間限制；通知只在真的吃緊時出現、可以關掉
次要文字對比
6.7
7.6
AAA 一般文字標準 7:1 以上
第三層文字對比
5.3
7.6
淺色、深色模式皆符合標準
05 · 品牌視覺
06 · AI 協作
我負責產品設計，AI 負責開發程式
BuzzMem 是我用 Claude Code 做出來的，對我來說最大的差別是不用真的找一位工程師，我就能把設計直接做成真的 App，並在 Mac 上實際使用。
在我有想法後開始與 AI 討論功能，請它先生成一個介面給我參考，成果非常的制式化，就是系統樣式沒有任何設計。
隨著慢慢討論更多功能後，AI 只是不斷地把新功能加進去，沒有從整體產品的角度思考，畫面越加越長、分頁越來越多。
我將功能整理後分成兩大類：第一是狀態頁，第二是優化頁，讓使用者能更清楚。功能架構都確定後就開始優化 UI。
我直接串接 Figma 讓 AI 依照我的設計開發介面。我也設計了品牌風格顏色，並整理資訊的優先順序，讓介面分出主次。
07 · 總結成果
App Store 送審中
這次專案讓我有機會實際走一遍 App Store 送審流程，過程中改了幾次，目前正在等待審核。
同一份程式碼，兩個版本
App Store 版必須放進沙盒，碰不到其他 App 和系統設定，所以我做成兩個版本：App Store 版和 GitHub 完整版。
GitHub 完整版
各 App 的記憶體、處理器佔用排行
釋放記憶體，勾選閒置的 App 正常結束
異常提醒，背景忙超過 5 分鐘後通知
殘餘檔案，刪 App 時一起清乾淨
下一步：從使用者回饋改版
我在 App 設定裡加了回饋問卷，讓使用者能直接留下意見，作為後續改版的依據。接下來預計支援更多語系，讓更多人能使用；也計畫推出 Mac 桌面小工具，提供更快捷的使用方式。
謝謝你的閱讀！BuzzMem 的 App Store 版正在送審，完整版已經可以在 GitHub 下載。如果你的 Mac 也常常變慢，歡迎試試看，也很期待聽到你的回饋。