163 lines
1.9 KiB
Markdown
163 lines
1.9 KiB
Markdown
# {{project_name}} UX/UI Specification
|
|
|
|
_Generated on {{date}} by {{user_name}}_
|
|
|
|
## Executive Summary
|
|
|
|
{{project_context}}
|
|
|
|
---
|
|
|
|
## 1. UX Goals and Principles
|
|
|
|
### 1.1 Target User Personas
|
|
|
|
{{user_personas}}
|
|
|
|
### 1.2 Usability Goals
|
|
|
|
{{usability_goals}}
|
|
|
|
### 1.3 Design Principles
|
|
|
|
{{design_principles}}
|
|
|
|
---
|
|
|
|
## 2. Information Architecture
|
|
|
|
### 2.1 Site Map
|
|
|
|
{{site_map}}
|
|
|
|
### 2.2 Navigation Structure
|
|
|
|
{{navigation_structure}}
|
|
|
|
---
|
|
|
|
## 3. User Flows
|
|
|
|
{{user_flow_1}}
|
|
|
|
{{user_flow_2}}
|
|
|
|
{{user_flow_3}}
|
|
|
|
{{user_flow_4}}
|
|
|
|
{{user_flow_5}}
|
|
|
|
---
|
|
|
|
## 4. Component Library and Design System
|
|
|
|
### 4.1 Design System Approach
|
|
|
|
{{design_system_approach}}
|
|
|
|
### 4.2 Core Components
|
|
|
|
{{core_components}}
|
|
|
|
---
|
|
|
|
## 5. Visual Design Foundation
|
|
|
|
### 5.1 Color Palette
|
|
|
|
{{color_palette}}
|
|
|
|
### 5.2 Typography
|
|
|
|
**Font Families:**
|
|
{{font_families}}
|
|
|
|
**Type Scale:**
|
|
{{type_scale}}
|
|
|
|
### 5.3 Spacing and Layout
|
|
|
|
{{spacing_layout}}
|
|
|
|
---
|
|
|
|
## 6. Responsive Design
|
|
|
|
### 6.1 Breakpoints
|
|
|
|
{{breakpoints}}
|
|
|
|
### 6.2 Adaptation Patterns
|
|
|
|
{{adaptation_patterns}}
|
|
|
|
---
|
|
|
|
## 7. Accessibility
|
|
|
|
### 7.1 Compliance Target
|
|
|
|
{{compliance_target}}
|
|
|
|
### 7.2 Key Requirements
|
|
|
|
{{accessibility_requirements}}
|
|
|
|
---
|
|
|
|
## 8. Interaction and Motion
|
|
|
|
### 8.1 Motion Principles
|
|
|
|
{{motion_principles}}
|
|
|
|
### 8.2 Key Animations
|
|
|
|
{{key_animations}}
|
|
|
|
---
|
|
|
|
## 9. Design Files and Wireframes
|
|
|
|
### 9.1 Design Files
|
|
|
|
{{design_files}}
|
|
|
|
### 9.2 Key Screen Layouts
|
|
|
|
{{screen_layout_1}}
|
|
|
|
{{screen_layout_2}}
|
|
|
|
{{screen_layout_3}}
|
|
|
|
---
|
|
|
|
## 10. Next Steps
|
|
|
|
### 10.1 Immediate Actions
|
|
|
|
{{immediate_actions}}
|
|
|
|
### 10.2 Design Handoff Checklist
|
|
|
|
{{design_handoff_checklist}}
|
|
|
|
---
|
|
|
|
## Appendix
|
|
|
|
### Related Documents
|
|
|
|
- PRD: `{{prd}}`
|
|
- Epics: `{{epics}}`
|
|
- Tech Spec: `{{tech_spec}}`
|
|
- Architecture: `{{architecture}}`
|
|
|
|
### Version History
|
|
|
|
| Date | Version | Changes | Author |
|
|
| -------- | ------- | --------------------- | ------------- |
|
|
| {{date}} | 1.0 | Initial specification | {{user_name}} |
|