[008] 【體驗】為什麼首頁只有兩個大按鈕?零教學介面背後的認知心理學取捨(附:UI 截圖)

[008] 【體驗】為什麼首頁只有兩個大按鈕?零教學介面背後的認知心理學取捨(附:UI 截圖)

作為一個在資源有限條件下獨立開發的專案,FollowMe8 的設計哲學始終圍繞著「務實」與「使用者為本」。當我們在思考 App 的第一個畫面時,面臨的挑戰是:如何讓一個預計在戶外高壓情境(如行進中、戴手套、強烈陽光下)使用的工具,能讓使用者在「零教學」的前提下,立即上手?

情境首圖:騎士在陽光下迅速操作手機,螢幕顯示清晰簡潔的兩個大按鈕

① 遭遇的問題或衝突

我們的核心目標是解決車隊「防走失」問題。這意味著 App 必須在緊急或注意力分散的狀況下也能被直覺使用。想像一下,當你正戴著手套、逆光行駛,或在岔路口急需跟上隊伍時,根本不可能停下來閱讀使用說明,甚至連在多層選單中尋找功能都顯得奢侈。過多的選項會造成認知負荷,延誤關鍵操作,這與我們的「防走失」核心目的背道而馳。

② 考慮過的選項(含被放棄的那個)

起初,我們也曾考慮過設計一個功能更豐富的首頁,例如提供一個「導航歷史」、「設定」或「狀態總覽」等更多選項的 Dashboard。這種設計在傳統應用中很常見,能一次性展示多種功能入口。

③ 為什麼選了這個,放棄了那個

最終,我們堅定地選擇了極簡的 ContentView 設計,僅提供「建立活動」和「加入活動」兩個超大按鈕。放棄多功能 Dashboard 的原因是:
1. 認知負荷考量:在戶外複雜環境下,使用者的大腦資源應專注於路況和隊友,而非解讀 App 介面。兩個直觀的動詞比一堆名詞選單更易理解。
2. Apple HIG 規範:Apple 人機介面設計指南 (HIG) 明確建議互動元素的最小點擊目標應為 44×44pt。我們將按鈕做得極大,不僅遠超此標準,更確保使用者戴著手套或手指不便時也能精準點擊,避免誤觸或重複操作的挫敗感。
3. 單一職責原則:FollowMe8 的首要功能就是讓使用者快速「建立」或「加入」活動。所有次要功能(如設定)都被妥善收納在活動進行中的介面或更深層級,避免干擾核心流程。

技術示意圖:FollowMe8 首頁介面簡約佈局,兩個大按鈕清晰可見,並標示出符合 Apple HIG 的點擊區域

④ 這個決策對用戶的實際影響

這個「零教學」的首頁設計,讓 FollowMe8 的使用者即便在騎乘途中或緊張狀況下,也能一眼看懂、一鍵操作。用戶無需花時間學習,便能迅速「建立活動」作為領隊,或「加入活動」跟上隊伍。這不僅提升了使用的流暢度,更關鍵的是,它大幅降低了因 App 操作障礙而導致用戶脫隊的風險,實質上強化了「確保使用者不跟丟」的最終承諾。


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

分類: FollowMe8 短期活動追蹤定位, 🚀 卷一:產品設計的取捨 (003 - 020)。這篇內容的永久連結

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *