[012] 【反思】我們試過把選單疊在地圖上——為什麼最後全部砍掉重來（附：失敗草圖）

在開發 FollowMe8 的過程中，我們始終將「直覺易用」擺在核心，尤其考慮到在戶外活動中，用戶可能需要在不方便的狀況下快速操作。最初，對於App的核心功能選單，我嘗試了一個看似精巧的設計：將它以半透明的浮層直接疊加在地圖畫面上。

這個想法是基於簡化用戶從地圖到功能切換的步驟，希望創造一個無縫、連貫的體驗。但在實際內部測試時，問題接踵而來：用戶不確定這個半透明的選單該如何關閉，因為沒有明確的「關閉」按鈕；其次，地圖在下方仍然可觸控，導致頻繁的誤觸，使得地圖縮放或平移與選單操作互相干擾；更複雜的是，多個UI元素在Z-order上的混亂，讓介面顯得既不專業又難以維護。

當時有兩個主要選項擺在眼前。第一個，是堅持原有的半透明浮層設計，並嘗試透過增加視覺提示、更大的關閉區域，或者調整地圖的觸控靈敏度來「修補」這些問題。這條路看似能保留原初的設計美學，但本質上是與地圖這個核心互動區域爭奪焦點。我們深知，在戶外使用App時，清晰的介面比任何花俏的設計都來得重要。

第二個選項，也是最終的決定，是徹底放棄半透明浮層，將功能選單從地圖層完全分離。這意味著，我們會透過一個明確的按鈕，讓用戶進入一個獨立的「抽屜式選單」或「次頁面」。

我們選擇了徹底分離選單的方案，原因很實際：第一，它為功能選單提供了一個專屬且獨立的操作空間，杜絕了與地圖誤觸的可能，大幅提升了操作的精準度。第二，用戶對於明確的按鈕和獨立頁面有著更直覺的認知，他們知道何時正在操作選單，何時正在操作地圖，減少了認知負擔。最後，這種設計極大地簡化了介面邏輯和Z-order的管理，降低了未來維護的複雜性，這對於一個單人開發的專案來說至關重要。

這個決策對用戶帶來了顯著的正面影響。他們得到了一個清晰、可預期且毫無干擾的操作介面。當需要調整設定或查看隊伍成員時，他們可以自信地進入專屬的選單介面；當需要專注於地圖導航時，地圖會完全佔據螢幕，不會有任何選單浮層的干擾。這種「所見即所得，所觸即所需」的設計，確保了在關鍵時刻，使用者能夠快速、準確地操作App，不會因為介面混亂而跟丟，完美符合我們省電無感、直覺易用的終極目標。

—

👉 了解更多關於 FollowMe8 短期活動追蹤定位 App：
https://followme8.ofuyuan.com/