*For this portion I only included about 1/4 of the full document since It’s too long to paste.
Process Overview: The Double Diamond Framework
Current Phase: Develop (Diamond 2) - Mobile-First Screen Specifications
Project: Province AI Dashboard for Construction Pre-Construction Workflows
Date: September 2025
Purpose & Context
This document provides detailed specifications for every mobile screen needed in our MVP prototype. Based on our user flows analysis, we've identified the critical screens that deliver core value while building trust through AI transparency.
Design Philosophy: Field-First, Trust-Through-Transparency, Glove-Friendly Interface
Mobile Design Foundation
Device & Context Specifications
- Primary Device: iPhone 14/15 Pro (390x844px) and Android equivalent
- Secondary Support: iPhone SE (375x667px) for smaller screen validation
- Usage Context: Outdoor jobsites with bright sunlight, often wearing gloves
- Connectivity: Assume poor/intermittent connectivity with offline-first design
Core Design Principles
- Touch Targets: Minimum 44px tap areas, prefer 60px for primary actions
- Typography: Minimum 16px body text, 24px+ for critical information
- Color Contrast: WCAG AA compliance (4.5:1) minimum, prefer 7:1 for outdoor readability