TeamSafer UI

TeenSafer (2013–2014)

Immediately after the GEICO proposal I began firming up the user flows and wireframe layouts for TeenSafer. The diagrams were iterated many times as I worked with the developer to come up with a flow that would work for users as well as our systems. This work formed the basis of Iowa DOT’s TEXTL8R app.

Tap or click an image to view a larger version with caption. Use the arrows to advance.

Outcome of a task analysis showing the teen’s actions on the left interacting with the parent’s actions on the right, suggesting the screens and emails that needed to be designed. Early sketch of user (teen driver) flow and admin (parent) flow. Formalized diagram of user and admin flow. We posted this on the wall to guide our discussions and early development. Detail showing the teen driver’s onboarding flow, starting with getting the app from the App Store (iOS) / Play Store (Android). Late version of the diagram showing the entire onboarding flow [PDF]. Annotated mockups of teen and parent dashboards.