工程開發
mobile-app-ux avatar

mobile-app-ux

行動應用程式 UX/UI 設計指南,涵蓋觸控友善介面、導航模式、手勢操作及小螢幕介面最佳化。

簡介

此技能提供用於建立行動優先使用者體驗的專業設計模式與工程限制。適用於軟體工程師、UI/UX 設計師以及開發智慧型手機介面的開發人員。透過提供觸控目標、拇指區域可觸及性與導航結構的標準化指標,協助確保應用程式在行動裝置上的存取性、響應性與效能。在設計或重構 UI 元件以符合 iOS 或 Android 行為介面準則時,請使用此技能。

  • 詳細的觸控目標尺寸規格,包含按鈕、圖示、清單項目與表單輸入框的最小建議尺寸。

  • 專注於拇指區域優化、底部導航以及避免使用漢堡選單作為主要導航流程的設計模式。

  • 針對手勢操作的互動設計指引,包含可滑動卡片、底部彈出視窗與漸進式揭露技術,以保持介面清晰度。

  • 針對行動裝置特定效能指標的檢查表,例如首次內容繪製 (FCP)、互動時間 (TTI) 及 60fps 動畫標準。

  • 支援螢幕閱讀器、語意化 HTML 使用與色彩對比度,確保行動設計的包容性。

  • 當您需要行動 UX 稽核、應用程式設計諮詢或觸控介面實作建議時,即可觸發此技能。

  • 輸入要求包含目標平台考量或特定的元件設計目標,例如表單配置或導航流程。

  • 預期輸出包含觸控目標縮放的 CSS 片段、適用於行動原生互動的 React 元件模式,以及基於行動最佳實務的現有 UI 配置評論。

  • 限制條件包含維持高存取性標準(如 4.5:1 的對比度),並優先考慮內容呈現而非過多的 UI 裝飾。

倉庫統計

Star 數
2
Fork 數
1
Open Issue 數
3
主要語言
Shell
預設分支
main
同步狀態
閒置
最近同步時間
2026年5月3日 下午07:11
在 GitHub 查看