Big Moves (2023)

Big Moves is my second capstone in Springboard's UI/UX curriculum.

The assignment invites a student to choose an imaginary client scenario among six examples.

The client scenario: a company that owns a fitness app wants more sustained engagement with its users.

Stakeholder's Needs & Problem Space

On the surface “we need more social features for our fitness app” is a pretty simple ask, but I wanted to dig deep into why someone might not feel ready to socialize within a fitness app.

❓Why would someone not engage in a social space? It is due to lack of belonging?

❓What would someone find about fitness apps that makes them feel as if they don't belong?

As a person with lived experience in a larger body, I had opinions, but that’s not what research is all about, so I decided to dive into a community like me to get their word for it.

Community Immersion Research Insights

After this immersive research phase and a few conversations with friends, I gathered these notable insights:

💡 People who feel alienated in fitness apps are the same ones who feel alienated in public or commercial workout spaces such as gyms

💡 Some fat individuals avoid “the thin gaze” while working out, causing a preference for working out in their own home instead of going outside or to the gym

💡On the Instagram pages of two fat runners , more than one commenter proclaimed that they didn’t know someone of their body type could be a runner until seeing their running videos.

💡When people see others like them, out in the world, having fun, playing sports, being visible, it impacts their self-esteem positively.

💡Language around “fitness” is different in fat liberation communities. Instead of a strive for “fitness” there is instead a pursuit of “joyful movement”.

In the spirit of fat liberation, I think it would be appropriate to approach fitness apps differently by calling them activity tracking apps or movement apps instead. This will reduce the pressure to achieve fitness and instead will encourage users to achieve activity and movement.

User Profiles / Personas

While immersed in community research, I formulated two types of user: An "independent user", and a "social user". They are separated in this way because they have different goals.

Minimum Viable Product / Minimum Value Product

The Independent User and Social User groups make an appearance in this spreadsheet to determine what tasks are the most valuable to each.

Two functions on this spreadsheet (Sharing Steps and Messaging Friends) have been doomed for a later release to prioritize the four other functions (Step Tracker, Locating Events, Community Spaces, and Checking in with a Buddy).

Wireframes and User Flows

Below are user flows: maps pointing from left to right following a user’s journey in the product based on their tasks.

The social user persona is more likely to engage with new people such as posting publicly or asking questions to event hosts.

The tasks that involve matching with a buddy are meant to encourage an independent user persona to interact with others more.

Wireframe Test Insights

💡I tested six users. Five of them expressed confusion about the requirement and value of checking in regularly with a buddy in this context. There was also confusion about the category of “buddy” compared to the category of “friend”.

💡The original prototype had many popups and questions related to the buddy system, but did not seem to add as much value as other features, such as sending a direct message to another club member.

💡I replaced the buddy system with a “messages” tab, where users could message any mutual friend or member of one’s club on the app.

High-Fidelity Prototype Visual Design

In the prompt, the company describes its brand personified as “a trusted friend with a good sense of humor who always has your best interests in mind”

I decided to use some shades of red and orange, and energetic shapes such as starbursts and jagged points, to simulate encouragement, energy, and playfulness.

High-fidelity Prototype Testing Insights:

I tested this more visually-designed prototype with a different set of six users. Below are insights I’ve learned from usability tests, and the changes I’ve applied to the iterated prototype.

💡The label of the “progress” tab on the navigation bar was changed to “profile” to ease confusion over its two functions. It is used primarily as a profile. Step tracking is always visible atop the navigation bar, and therefore is less needed to find in the progress tab.

💡 My design mentor pointed out that elements on the Progress page were center-aligned while all other pages were left-aligned.

💡I decided to left-align the profile content, while keeping the step tracker section center-aligned.

💡The high-fidelity testing revealed that having multiple ways to do something isn’t necessarily better. Test participants stalled when trying to decide which button to press to submit a new post to a club.

💡Most participants chose the input on the top of the page instead of the corner button out of familiarity, so the corner button was removed.

💡Users were confused by “search communities” because they assumed the search bar could only search for communities, not people or events.

💡The new search bar says “search” instead of “search communities” to signal that it can be used to search for any keyword within the app.

Retrospective

💡 This was my first attempt to design social features.

💡 I made the task even more complex by challenging the original app’s existing functions, which was an extra battle that may not have been ideal to stakeholders (if there were any).

💡 In order to know if my changes were successful, I would want to test the high-fidelity prototype on more participants.

💡 In a different context, I would try to work very closely with stakeholders to help them figure out what they need and want.

Want to try the prototype for yourself? 👀

made by Meg Petrillo in 2023 on TypeDream