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