萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

Android 應用十大常見 UX 反模式:開發者關係團隊實戰總結

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 導航、任務棧);第一:缺乏錯誤狀態/空狀態/離線狀態設計。)

copyright © 萬盛學電腦網 all rights reserved