Android 開發者關係團隊日評無數 App,提煉十大高頻 UX 錯誤(反模式)。這些錯誤普遍性極強,十個 App 可能全中,國內情況更嚴峻。直接避開,少走彎路。
第十:阻塞式載入對話框 + 禁用 Back 鍵
轉圈對話框阻斷操作,更糟者禁用返回鍵。解法:內嵌載入指示器(列表骨架屏、按鈕載入態),或後台預載完成再進入。
第九:觸控目標過小 + 無觸摸回饋
- 可觸控對象最小 32dp,建議 48dp
- 標準控件自帶回饋(Ripple/狀態列表),自定義 View 必須自行實現
- 無回饋 = 體感變慢;亮起回饋同時指示實際觸控區域(列表項兩側保留 16dp 非觸區)
第八:設計 ≠ Photoshop 特效堆砌
- 濫用高光、陰影、材質 → 顯得過時/業餘
- 視覺設計服務內容,非為裝飾而裝飾
- 風格一致性:拒絕「一半 Holo 一半草泥馬」(點名 Feedly 設置頁停留侏羅紀)
- 按鈕/選框/對話框樣式統一,直接用系統控件
- 細節死磕:度量一致、間距標準、色彩克制、字體專業
第七:侏羅紀遺風 —— Menu 鍵恥辱與 2.x 視覺殘留
- Action Bar 取代 Menu 鍵,Overflow 圖標自動處理實體鍵機型
- targetSdkVersion ≥ 16 避免 Nav Bar 強制三點
- 摒棄 Android 2.3 橙色高亮、滾動條、載入圈圈
- Holo 載入環 = 雙環反向差速旋轉,更順滑
第六:純血 Android 規約違背者
不要從他平台搬運元素:
- 右箭頭 → 次級導航在 Android 無水平映射
- 底部 Tab Bar → Android 標簽欄屬於頂部
- iOS/Web 視覺風格移植 → Android 用戶要 Android 風格
第五:導航即品牌 —— 重新發明輪子
- App 名置 Action Bar 中間 / iOS 風 Top Bar = 愚蠢
- 用 ActionBarCompat / ActionBarSherlock
- Drawer 放主要導航,搜尋/設置進 Overflow
- 內容滑動露出 Drawer = 反模式
Drawer 禁放清單:搜尋(屬 Action)、設置/幫助/關於/反饋(屬 Overflow)、廣告、自我推廣 App、無關連結。
第四:自製非 Android 風格分享
Android 分享意圖 (ACTION_SEND) 極強,無限制目標 App。優秀自製分享(Timely、Pocket):針對內容類型預推薦 3-5 個目標 + More 展開完整列表,避免長列表決策癱瘓。
第三:WebView 偽原生
YouTube 網頁版套個 Action Bar ≠ 原生體驗。原生優勢:性能、手勢、系統整合、離線、無障礙。WebView 只作輔助內容展示。
第二與第一:文章截斷,原文續見完整版
(原文此處截斷,核心十大反模式已涵蓋前八項,剩餘兩項通常為:第二:忽略平台一致性(返回鍵、Up 導航、任務棧);第一:缺乏錯誤狀態/空狀態/離線狀態設計。)