diff --git a/architect/01-mockups/README.md b/architect/01-mockups/README.md new file mode 100644 index 0000000..e520c77 --- /dev/null +++ b/architect/01-mockups/README.md @@ -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.* \ No newline at end of file