Sonar Logo.png

Sonar

Sonar

(UX/UI + Content Strategy)

As part of a creative sprint event, I designed a native mobile app for NPR that could utilize the metadata in their database to identify what users are listening to on live radio. I learned about AI training and metadata database searches.

The Problem

With the format of radio, sometimes listeners may not know the name of the story or program they are listening to because they might tune into a public radio station mid-program, or be unfamiliar with the station itself.

Goal

Use metadata to identify what users are most likely listening to.

Flow Chart

By creating a screen based flow chart, I was able to visualize what types of information makes the most sense based on a given type of data processing.

Wireframe

I designed a low fidelity wireframe to asses which data processing method to move on with into the next iteration

Branding

I came up with the name when trying to describe the two styles of analysis, comparing one to triangulation and the other to sonar. From there I played with visual representations of this to come up with the logo and name style.

Final Design

I borrowed elements from the NPR One Style guide to make the Sonar app feel cohesive in that ecosystem.

Next Steps

The sprint was a day and a half long, so there would be much to do still if the idea were to be taken further.

  1. Refining the prototype

  2. User Testing

  3. AI Research

Take-Aways

  • Systems Thinking

    • Considering the full spectrum of information architecture, from back-end databases to how that effects the front-end experience