mmr logo round fixed.png

OVERVIEW

Map My Run is a company that promotes a healthy well being and a track record for the day to day exercises or long runs. One of the predecessors in this type of record keeping engagement. What we wanted to explore with this project is the simplification of an application that has become cluttered with the passing of time. We wanted to deliver an experience with a stripped down version of steps, while obtaining full activity response from this application from beginning to end; within the usability and the experience of the user. A utilitarian approach to your run without the filling, mess or clutter. A reinvention of usability and the importance of using Map My Run. What is the most important part of this application? Being able to start your timer while recording your trajectory, right?

Tools

  • Pen l Paper
  • Survey l User Interviews
  • Sketching l Wireframing  
  • User Personas
  • Affinity Map
  • Axure
  • Bootstrap
  • Usability Walkthrough/Testing  

Roles and Duration

I collaborated with a group of designers for an app as mock design solution in their usability. An adjustment that would resolve lost time when operating Map My Run. We conducted research and took insight from various digital areas and interpreted them as possible solutions for the current roadblocks in the design of this application.

After the four week collaboration ended, I worked independently to design the visual aspect of our solution, as well as provide working prototype with delightful UI. 


 

CHALLENGE

Attracting new user and eliminating clutter 

Map My Run wants to ensure that it’s legacy continues. Many other applications that record workout time and activity such as RunKeeper or RunTastic, are now owned by giants Asics and Adidas. Map my Run was also subsequently acquired by Under Armour, big names in the athletic world. So how to separate yourself from the rest? Their current audience enjoys the history and overall navigation experience, primarily due to routine and comfort in avoidance of changing applications. They believe these attributes prevent the loyalty of the consumers from leaving what is already known but what if you were to truly simplify the navigation to the point of converting it into a utilitarian type of tool;  while still preserving the integrity of the brand and its functionality?


SOLUTION AT A GLANCE

Open , Hit Start, GO!

Our project goal was to simplify with readable and clean design and the obvious flow of usability. Let the river flow was our motto while developing ideas for navigation. Our target audience would be as it is currently in the young teens to late aged adults. Most people nowadays use smart phones and if we can assist with the day to day interaction of applications, by making their life a bit easier; that is what we would be set out to resolve. The most important thing to capture during this process of activity would be pace, time, distance, elevation and split time. We shouldn't have to take our phone of from a lock screen mode to  find out all of this information, or leave the application running while it drains the battery. A solution is at stake. Examples of easy navigation and inspiration for simplicity can be found below:

 

PROCESS

LEARN.BUILD.TEST. REPEAT.


LEARN

“Make improvements to the application so the user can relate on a natural level”

Part of the questioning for partaking in a new flow and design didn't necessarily rely on age, nor by simplification itself but instead that it could be driven by color. Therefore our evaluation for this new navigation would be built on visual impact, hierarchy of information and accessibility to the most valuable information. From here on we would develop a questionnaire that would strike at the core of our possible solution and we start there.

 

mood board

"This is how we can get a feeling for the application and showcase our objectives." 

 

Personas

Personas assist in narrowing down our target audience and possible scenario for a target demographic. We questioned and debated on likes, dislikes and wants. What could the user of this application need? What is their lifestyle and how would they want to use and interact with this new design? Our intention was to keep the old users but acquire more at the same time. We thought this could help:


INTERFACES: 

BUILD. TEST. ITERATE. RINSE & REPEAT. 

At this point we had gathered enough information and had done much of the research. Our investigation included an initial app research questionnaire that answered for goals and objectives, specificity of these objectives, consumer reasoning and trends, personality and traits of the applications, audience and demographics, current mindset of the consumer, desired mindset and response, current competitive set, aesthetic vision, technical mandates and its limitations, ending with the product's market category, i.e. educational and recreational.

From then on we moved to a mood board, followed by a stylesheet that ventured into logo treatments and more, a rough draft for low fidelity interface mock ups, then medium fidelity designs and finally the high fidelity output. It was not a simple feet and impossible to lay out everything on this filtered page but here are the highlights of the trip. We had ventured out to find solutions and create a delightful navigation experience for the client and the consumer. The usability test on a small group, proved that our research served for a well though out navigation and design that functions.


8.sitemap.jpg

Low fidelity wireframes

first part

 

Medium FIDELITY WIREFRAMES

Second PART

 

HighFIDELITY Interface Design

Third PART


STRATEGY

FRIENDly Portal + navigations tips +  SOCIAL MEDIA CAMPAIGN

 

A friendly portal was our proposed solution. The portal is a welcoming screen that makes you feel at ease the moment you start Map My Run.  It allows users to seamlessly organize their time and record their workout, all the while avoiding a headache and roadblocks with the usability aspect.  Our portal draws on all the insights we gathered during our surveys, and user interviews.   

We are also recommending that Map My Run, would need to spend more time on the infrastructure of the new interface design. While doing research, we saw many programs having tremendous success among younger audiences following certain trends. This could be seen first hand on social media platforms such as instagram or facebook. We heard time and time again that people find "what's new" and what's "hip" on social media. This can be a geared focused towards securing a future for Map My Run, the existing consumer base is a more secure bet.  Map My Run needs to build a compelling interface and brand campaign, focused around announcing its new face. A simple usability with great and immediate results. In that manner we build trust and grab the attention of millennials while gaining momentum over competitors and new activity applications.