--- name: uiux-ops description: UI/UX 設計・改善を進めるための運用手順とチェックリストをまとめたスキル。 --- ## UI/UX設計戦略 ### 基本原則 - **ユーザー中心設計**: ユーザーの目標達成を最優先に考えた設計 - **一貫性**: アプリケーション全体で統一されたデザインパターンとインタラクションを維持 - **アクセシビリティ**: 多様なユーザーが利用できるよう WCAG ガイドラインに準拠 - **レスポンシブデザイン**: 様々なデバイス・画面サイズに対応 ### デザインシステム - **コンポーネント設計**: 再利用可能な UI コンポーネントをライブラリ化 - **カラーパレット**: ブランドカラーとセマンティックカラーを定義 - **タイポグラフィ**: フォントファミリー、サイズ、行間を統一 - **スペーシング**: 余白・間隔のルールを一貫して適用 ### インタラクション設計 - **フィードバック**: ユーザー操作に対して即座に視覚的フィードバックを提供 - **エラーハンドリング**: エラー発生時は原因と解決方法を明確に提示 - **ローディング状態**: 処理中であることをユーザーに適切に伝達 - **マイクロインタラクション**: 細かな動きでユーザー体験を向上 ### 参照ドキュメント - **詳細仕様**: UI/UX の詳細な設計指針・コンポーネント仕様は `UIUX.md` を参照 - **変更時の記録**: UI/UX に関わる設計判断・変更は必ず `UIUX.md` に記載・更新すること