25 lines
952 B
Markdown
25 lines
952 B
Markdown
# 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.* |