Locution allows first-responders to receive alerts, respond to events, and log information for others.
After our partner had produced a functional proof-of-concept, they asked Viget to improve the user experience. I led the interface design for this product, focusing on.
Defining capablities that were not yet present in the proof-of-concept.
UI / IX Design
Sketching, interaction design, prototyping, and final art production.
Common with first iteration MVPs, the user interface had been assembled on-the-fly as features were developed. Once the core functionality had been proven, it was time to refactor those decisions into something efficient and easy-to-use. Key areas to improve were:
- Multiple screens were fulfilling the same purpose
- The satellite map inhibited readability
- There was little visual prioritization
The main view consolidates two screens and allows a comprehensive view of all alerts in both map and list form.
Rather than use a satellite map which obscures road names and introduces noise, I introduced a Mapbox theme that highlights pins, markers, and labels.
While each precinct has different data formats and requirements for its alerts, I was able to determine a common baseline of info: location, priority, and time. This information was reliable and predictable, which allowed me to style it to be easily scannable.
Less predictable content was presented in a more flexible (albeit less eye-catching) way beneath the primary action buttons.
First-responders can add markers with information — important for marking entrance points, water sources, and hazards. Users can precisely position the map, choose from a set of icons, and add text.
Because our partner was building the UI, I wanted to make sure they had the right documentation. A storyboard provided context to the different views and the interactions. Beyond that, I used Zeplin to convey positioning metrics, typeface and color specs, and annotations.
- UX Design, Visual Design
- Todd Moy
- Icon Illustration
- Minh Tran
- Project Management
- Becky Tornes