MTAlk

Overview:

The Metropolitan Transportation Authority is North America’s largest transportation network, serving a population of 15.3 million people across a 5,000-square-mile travel area surrounding New York City through Long Island, southeastern New York State, and Connecticut. The MTA’s operating agencies are MTA New York City Transit, MTA Bus, Long Island Rail Road, Metro-North Railroad, and MTA Bridges and Tunnels.

Objective:

The aim of this project was to create new software to modernize the MTA's employee communications by creating a secure mobile app that turns cellphones into communication hubs that let them stay connected and do their jobs more efficiently.


 
 

Goal: To understand current work communications through research

Process: User interviews, surveys, competitive and comparative analysis.

To understand work-based communication, I created a google survey asking a range of questions my team and I agreed upon such as, employees' most commonly used internal communications, what functioned well and what they would change about them. Our results showed Slack, Zoom, and Teams were the most widely used and that our survey participants wanted more from their work communication apps, including:

  • Easy to use

  • More security

  • Ability to transcribe meetings

  • Better interface

  • Better organization

  • Clear reminders

  • Easy chat features

Additionally, our research showed employees use multiple devices, so it became essential that our app worked across all devices.

Left: Companies main form of internal communication showing Slack, Zoom and Teams to be industry standards.

Right: Devices primarily used for communicating with co-workers at work, which shows a variety of devices such as laptop, cell, desktop and desk phone.

Competitive Analysis

Based on our above research, each team member picked a business and we put together a list of competitors itemizing their platforms to understand what features each service offered and didn't offer. I did the research for Zoom.

 

The features that MTAlk offers in comparison to competitors. 

 
 

The MTA has approximately 74,000 employees. Sylvee, Research lead II and I followed our survey with four interviews with transit workers. I created a draft of interview questions which the team reviewed and edited. During the interview, I asked the questions and Sylvee recorded the interview on Otter.

Interview Breakdown:

Number of Participants: 4
Gender breakdown: 4 males
Age: 33-50

*All participants work in Transportation; three work for an MTA agency.

 
 

Goal: To define the user’s needs, goals, motivations and frustrations based on research findings

Process: Persona | HMW Questions | Problem Statement & Solution

Sylvee, Research lead II and I transcribed our user interview findings, and created notes for affinity mapping (seen below). As a team we then organized the notes based on patterns that emerged. This gave all of us insight into how employees used communication devices and what their pain points are.

Based on our interviews we organized our Affinity Map into sections including, security, location, software, work devices, who they internally communicate with and how they internally communicate.

Insights

  • Privacy is important.

  • Radio batteries often die on-site, or they are glitchy

  • Some communication apps work best on a desktop and don't translate to cell phones.

  • Video communication is confusing underground.

  • Sometimes hands are tied when working and can't answer the phone, which is a problem because it's mandatory to answer.

Needs

  • Reliable radio

  • An app that works across all platforms

  • Subtitles on videos

  • Handsfree communication options

Personas

I drafted two personas to ensure we were solving for both employees who work in the office and on-site. Although we only needed one, I felt two personas would help our team create a more functional app for all MTA employees. Our team then edited and refined the personas. Our primary persona, Hank, works off-site, which can be underground in the tunnels. Our secondary persona Remy works primarily in the office.

Primary persona, Hank McCoy: Union Guy “I’m not the most tech savvy person”

Secondary Persona, Remy LeBeau: Corporate Guy “Work life separation is super important to me”

POV Statements & HMW Questions

Next, I re-framed the insights and needs from the user interviews as Point-of-View statements and How-Might-We questions. In doing this, I was able to help our team define the problem and allow us to ideate more solutions for our communications app.

 
 

All of the research that was completed lead to the problem statement, which allowed us to begin ideating our app.

“Hank needs a secure way to access different modes of communication easily at work so that he can complete his field tasks efficiently and respond to communications from coworkers in timely manner. “

 
 

Goal: To develop concepts for potential solutions based on research insights

Process: Group Brainstorming | User Flows

Group Brainstorming

Each group member iterated what they thought the app might look like. Then, as a group, we reviewed each sketch and together created a vague idea of how the app might look. After the team made a collective decision on the apps MVPs’ we broke them into five userflows to be created by each member. I created the userflow for MYRA (MY Recognition Assistant) a voice recognition software to be used hands free.

My original sketch for what the app might look like which featured a customizable home page.

Original sketch of the MYRA (My Recognition Assistant) flow.

After a few iterations, we settles on this home page sketch which features components from everyone ideas that we voted on.

 
 

Goal: To design and integrate the UI of a communications app for MTA employees

Process: Sketches | Branding l Low-fidelity Wireframes

Sketches

MTAlk’s original design was a fixed header and footer navigation with the contact and group divided with a carousel and a dropdown. However, I pushed for making our app ADA compliant by removing content that would have been hidden by the carousels and dropdown. Then Linda and Brenda, the Interaction Leads came up with pinning contacts and groups to the home page.

Lo-Fi Figma wireframes. Left: Home page with MYRA notification. Center: Homepage after MYRA is set up and the user has activated it with a voice command. Right: Our Radio feature.

 

User flows for our two special features, the radio and the user flow I made, MYRA (MY Recognition Assistant).

 

Branding

Jonathan our Project Manager created a mood board of MTA apps like MYmta and OMNY as well as maps and photos of city transportation.

 
 

Our Project Manager Jonathan also looked up the MTA design guides, and as a team we decided to stay within the universal design they employ, settling on maintaining the palette used in MYmta and the universal font, Helvetica.

MTAlk’s design system showcasing components and imagery created and complied by our Interactions Leads Linda and Brenda.

 
 

Goal: To develop a model for MTA’s new app that could be evaluated and improved


Process: High-Fidelity Wireframes | Usability Testing

Highlights:

  • View contacts and make calls

  • Send text and photo messages

  • Use radio feature

  • Use MYRA voice assistant feature

  • Save messages to bookmarks

 
 

Several hi-fidelity screens from MTAlk our communications app.

Usability testing

We tested our prototype on two of our interviewees with a set of multiple tasks.

Pros:

  • Users loved the Radio. It was playful and reminded them of "Nextel" which had a radio feature.

  • Users thought that MTAlk was easy to use and intuituve

  • Users understood MYRA was like a Siri / Google voice assistant / Microsoft paper clip

Cons:

  • Users had trouble finding the MYRA icon on the top right. Sometimes it was unclear if "enable Myra" was turning on myra or setting up Myra. On the settings page some users were unsure when given directives to turn Myra off, to use the toggle, or icon on top right corner.

  • Noticed delay on the home page. One user thought it was an ad, didn't realize it was a button until further notice. Users treated it as a clickable button vs a slide to side.

  • Users found button to translate unclear or didn't recognize it as a button. Thought it was part of the conversation thread.

 
 

Goal: To assess how well the prototype meets users’ needs and goals

Process: Revised Prototype

Based on our the information from our user testing we made the following corrections. We indicated when a message has not been read yet, emphasized the see translation button, so it would be more visible and lastly added on onboarding walk-through for MYRA (MY Recognition Assistant).

Project Takeaways

Testing is key:

A significant revelation from usability testing was MYRA’s on boarding. My findings corrected my assumption about what users would think MYRA is. Before the three-step setup prompt, users didn’t understand MYRA, what it was or how to use it and our research showed that inaccessible features were easily forgotten even if they could be beneficial. Our testing made it evident that the effectiveness of a design or feature is ultimately determined by the people who use it.


Next Steps

  • More focus on ADA compliance, color, translations and subtitles

  • Additional MYRA on boarding testing

  • Do more research on how the employees on the field could use this app without problems.

  • Build a directory contact page with all contacts from all six agencies.

  • Build a secure location sharing features.

*This was a General Assembly class project.