Four.

InTune

Connecting radio hosts with their listeners through messaging.

Radio DJ using InTune in the studio.
Radio DJ interacting with a fan through Intune in the studio.

design challenge

How might we design a multi-functional messaging & calling platform for radio hosts that supports interactions with their audience and creates a personal connection with listeners?

Target Users:

Radio hosts at top 40 radio stations

My Roles

UX & UI Designer
UX Researcher

Team

Maya Klitsner
Zoe Escalona

Timeline

January - March
(3 Months) 2020

Contact screen of InTuneMessage screen of IntuneCalls screen of Intune

Quickly toggle between live and threaded messages

Mockup displaying toggling between live and threaded messages feature.

Track incoming live messages by pinning them

Mockup displaying pinned text messages.

Automate counting messages for giveaways

Mockup displaying message counting feature.

Keep track of frequent callers & dedicated fans

Mockup displaying frequent callers in contacts.

background

An Outdated Messaging Platform

Radio hosts at iHeartRadio stations in Seattle receive listener-sent text message through a platform called HipCricket. This platform is frustrating to use because it fails to support emoji use, message threads, and other functionalities radio hosts need to do their job.

research

Contextual Inquiry

To better understand the goals, pain points, and needs of radio hosts, our team conducted a contextual inquiry session at a Top 40 Radio station where we observed how they work and then interviewed them about their practices.

Radio hosts in the studio looking at 4 monitors and running their show.

Interviews

I assisted with writing interview questions and facilitated, took notes, transcribed, and coded one of the three interviews that we conducted. The research revealed user characteristics, desires, goals, and pain points.

Preliminary Persona

We organized interview transcript codes and quotes from the interviews in a preliminary persona.

Preliminary sketch of our persona

Finalized Persona

The resulting persona helped formulate design requirements and guide the rest of the project.

Finalized persona.

journey mapping

I helped design and finalize the following journey map, which gave us an understanding of critical touch points within the hectic two hour period that radio hosts do their show.

Journey map  showcasing the journey of a radio hosts during one show.

High Stress Points

Off air symbol

Host receives 20 second warning to next on-air segment while tracking texts

On air symbol.

Talks and banters with co-host while scrolling through texts

Off air symbol

Responds to listener texts received through central system

Key Observations

1. Highest stress points occur when user is multitasking responsibilities that come right before, during, and right after on-air segments

2. Highest stress point occur when user is multitasking managing texts with other tasks

Implications

Solutions that automate tracking and managing texts would reduce the amount of tasks hosts have to juggle, allowing them to focus on their conversation.

ideation

Identifying Key Design Requirements

Based on the results of the research synthesis, our system must:

  1. Allow hosts to send and receive multimedia messages with listeners.

  2. Allow hosts to track specific text messages.

  3. Allow hosts to track the count of incoming text messages and calls.

  4. Allow hosts to receive, answer, and track calls.

Storyboarding

To contextualize our design thinking, I created a storyboard illustrating how users might interact with a potential solution. I explored how users might interact with an automated message tracking feature for contests and giveaways (Design Requirement 3).

Storyboard showcasing how radio hosts will interact with Intune.

Information Architecture

After storyboarding several solutions, we brainstormed content that addressed our design requirements and sorted it in an IA. I created a digital version of our IA in Lucidchart based on our notes and discussions from the team IA brainstorm session.

Intune information architecture.

wireframes & key interactions

After planning out our IA, we began wireframing our interface. I created interaction flows to make sure that it met all the key design requirements that we established earlier based on the results of the user research.

Calls

Wireframe of calls screen.

Messages

Wireframe of messages screen.

Contacts

Wireframe of contacts screen.

Sending a Text Message (Design Requirement 1)

Wireflow depicting sending a text message.

Tracking/Pinning A Text message (Design Requirement 2)

Wireflow depicting pinning  a text message.

Counting Text Messages (Design Requirement 3)

A wireflow depicting the message counting feature.

Managing/Counting Calls (Design Requirement 4)

A wireflow depicting the call counting feature.

Paper Prototyping & Testing

To test our IA and our interaction flows, my team created quick paper prototypes based on the wireframes and tested them. We asked participants to perform four key tasks. I conducted and analyzed one of these usability tests. Based on the results of our usability test, we iterated further on our designs, improving in areas where users had difficulty completing a task.

Testing key interactions with paper prototyping.

feature Highlights & Design Rationale

Modular Flexibility

Each of the three main views has a default configuration but can display any module from the other views. Users can move & resize modules to their preference.

Addressed User need:

Intense multitasking and desire for less computer screens in studio.

Color system showcasing the logic behind the color choices.

minimal color system

The interface uses a gray-scale color system that features one accent color that highlights the most important features.

Addressed User need:

Users reported severe eye strain after looking at three monitors all day. To reduce eye strain, our interface is predominantly gray.

task automation

The interface enables hosts to plan ahead and schedule message counters for giveaways. By setting counters, hosts can focus on talking to each to each other rather than keeping track of time and messages.

Addressed User need:

Tracking text messages while transitioning from on and off air segments is stressful.

Text Message Counter

Text message counter.

Incoming Call Counter

Call counter.
Priority signifier.

Priority Signifiers

The systems recognizes when listeners send questions and marks them with a priority signifier. This allows hosts to quickly scan for messages that prompt a response that they haven't addressed yet.

Addressed User need:

Engage with audience to make show interactive.

back to work

4nikitak@gmail.com