EveryMoveÂ is an app that converts physical activity into real world rewards.Â Â The intent of the appÂ is to beÂ your hub for working out, celebrating fitness goals, tracking all of your fitness data and activities, and encouraging your friends.Â Â There are two methods to get your fitness data intoÂ EveryMove. One is connecting an app or fitness tracker and syncing your data, the other is manually entering your activity via the mobile app or website.Â Â My task was to create a seamless easy to understand user experience for active peopleÂ to enter their physical activity.
The average use case is that a user just completed an activity like working out or a run and wanted to quickly enter what activity they did, how long they did the activityÂ and any notable details about that activity.Â Â The person would most likely be using their mobile phone and taking rest during this process and likely be at the gym or outside.
THEÂ PRIMARY CHALLENGE I WAS FACED WAS A NUMBER OF OPTIONS FOR THIS FEATURE AND SUB-OPTIONS THAT CAN BE ENTERED.Â Â IT WAS A TOO MUCHÂ INFORMATION AND THERE WERENâ€™T MANY OPTIONS WE COULD CUT FOR THE SAKE OF A BETTER USER EXPERIENCE.Â Â THE SPECIAL SAUCE OF EVERYMOVE IS THAT IT WANTS TO SUPPORT AS MANY ACTIVITIES AS POSSIBLE.
FOR EXAMPLE, IF A USER WANTS TO LOG A RUN THEY WOULDÂ NEED TO SET:
- what type of running (jogging, 5k, treadmill, etc)
- the time and date
- the duration of their run
- the distance of their run
- who they did it with
- where they did it
- any notes they would like to share about the run
- whether this post would be private or public
- and if they would like to share on facebook and/or twitter
OLD ADD AN ACTIVITY SCREENS
My first reaction was there wereÂ simply too many options for a single screen.Â Â When you present too many options to a user many users simply shut down and abandon the action, rather than deal with theÂ cognitiveÂ load of trying to figure out all the inputs available on this screen. The idea ofÂ choice paradoxÂ that when shoppers choose a laundry detergent in the grocery aisle the stores purposely only give the user a limited amount of optionsÂ because if you give a user too many choices they often quit and move on to something else.
FACEBOOK’S PAPER IOS APP
Iâ€™m firm believer there is no shame in studying theÂ competitionÂ and see how they solve problems and then applying your own solution to it.Â At the time, I was enamored withFacebookâ€™sÂ newly released app ofÂ Paper.Â Â PaperÂ was a twist on the facebook experience to make you focus on one to three stories at one time, rather than a never-ending vertical feed.Â Â It reminded me of a combination parts of facebook andÂ Flipboard.Â Â It also had some pretty nifty user based actionsÂ like swiping down to close a page.Â I paid close attention to their â€œAdding a Status Updateâ€ screen because it closely mirrored the business goals of the â€œAdd an Activityâ€ flow I was tasked to do.
PEOPLE WANT TO DO ONE THING AT A TIME, AND THEY WANT TO BE GUIDED THROUGH THE FLOW AS OPPOSED TO BEING PROMPTED WITH MULTIPLE DECISION POINTS AT EVERY STEP.
SomeÂ of the key takeaways from theÂ Facebook Paper appÂ was to have each screen have a smaller focus on one or two tasks and then put them into a quick and easy flow.Â Â This reduces the cognitive load of too many options and also solves the problem of different activities having different metrics that needed to be tracked.Â Â This is often something hard to convey in a flow.Â Â Iâ€™ve definitely had product managers say it looks like to many screens, but when they see a working prototype or build they got what I was trying to achieve right away.Â Â Entering an activity could be broken down into two categories: Story/narrative and fact.Â Namely, what did you do and then how did it make you feel?
A: The user had a photo they wanted to share with their friends on EveryMove (Story/narrative)
C: The user had just finished the gym and wanted to see if they got an active day for their workout (fact)In both examples, we would want to give them the opportunity to enter either an activity or a story about the activity, so they startÂ inÂ A and end in B, or start in C and end in B. So the start of any entry is what the user wanted to enterÂ inÂ the moment, and the end is an opportunity to add more.
With this in mind, I moved on to create the first flow.
HERE ARE MY WIRES FOR ADD AN ACTIVITY V1
- Â Tagging friends
- Â Changing the date time (because we found most users enter the activity the same time they were doing it)
- Â Setting location
- Â Setting privacy
ThroughÂ the design process we kept coming back to the fact that our brand wanted to be moreÂ humanÂ and promote a conversation between users.Â Â Â We were already seeing a poor engagement with users afterÂ they posted their activity.Â Â How can we make the peopleâ€™s workout more engaging?Â Â If people werenâ€™t commenting or liking a post that read â€œJim ran for 4.2 miles in 20 minsâ€Â what would make me personally give someone a word or encouragement, or ask a question about their post?
- Did you break your own recordÂ ?
- Was it a cake walk?
- Do you feel like a truck hit you?
- Â About a 10% growth in signups per day on average since the redesign
- App rating went from 2.5 to 4.5 stars
- Â A huge improvement on mobile core tasks from about 50% to about 70%. Core tasks include â€œadding an activityâ€, â€œconnecting an app or deviceâ€, and â€œinviting friends to try out the appâ€
- Engagement went up by 64%. Comments and likes went up because the post changed fromÂ â€œJim ran for 4 Miles todayâ€ to â€œI should have packed dry socks todayâ€œ.Â Â Requiring the user add a personalized human touch to their workout made it easier for other users to start a conversation.