Fig. 2

The Prototype Development Process. Steps involved in prototyping both youth (a - c) and provider-facing (d - f) solutions ranged from co-designing key elements of the solution to low- and high-fidelity testing of prototype solutions. a: Youth Co-Design - Mapping site content based on young people’s key questions; b: Youth Low-Fidelity Prototyping - Testing paper prototypes of content and visual design; c: Youth High-Fidelity Prototyping - Testing wireframe prototypes of the app; d: Provider Co-Design - Exploring gamified approaches to learning with providers; e: Provider Low-Fidelity Prototyping - Testing pre-screening methods to expedite care for youth; f: Provider High-Fidelity Prototyping - Testing an interactive digital prototype of the training game