Create mockups directory structure
This commit is contained in:
parent
0391869ff9
commit
236be30d49
25
architect/01-mockups/README.md
Normal file
25
architect/01-mockups/README.md
Normal file
@ -0,0 +1,25 @@
|
||||
# TaskFlow Mockups
|
||||
|
||||
This directory contains UI mockups for TaskFlow, a web-based task tracking system for small teams.
|
||||
|
||||
## Required Mockups
|
||||
|
||||
### 1. Task List / Dashboard
|
||||
- **Desktop (1440px):** Main dashboard showing all tasks with clear ownership and status
|
||||
- **Mobile (375px):** Responsive layout for task overview on mobile devices
|
||||
|
||||
### 2. Create or Edit Task Screen
|
||||
- **Desktop (1440px):** Task creation/editing interface with form fields
|
||||
- **Mobile (375px):** Mobile-optimized task editing experience
|
||||
|
||||
### 3. Blocked Task States
|
||||
- **Mobile (375px):** Empty state and error handling for blocked tasks
|
||||
|
||||
## Design Principles
|
||||
- Clean, simple interfaces that make task ownership and status immediately clear
|
||||
- Teams can quickly scan for blocked work and reassign tasks
|
||||
- WCAG 2.1 AA accessibility compliance
|
||||
- User can create/assign task in ≤3 steps
|
||||
- All assigned tasks visible on single screen
|
||||
|
||||
*Generated by Architect agent during mockup phase.*
|
||||
Loading…
Reference in New Issue
Block a user