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