Duration: 8 weeks (10.21.21-12.16.21)
Type: Group, with classmate María Quevedo
Role: Designer, Researcher
Tools: Figma
This was the second project I completed in my Major Studio 1A class in the Parsons MPS Communication Design program, working with my classmate María Quevedo, with guidance from professor Clara Bunker.
The challenge was to design a new feature for an existing app, and we designed a feature for Instagram called Activities. Below is a preview of three of its key flows:
1. Creating an event
2. Viewing events on a profile
3. Making a reservation at a restaurant
Everyone in the class came up with a list of apps we were interested in working on, María and I decided to work together based on our apps of interest. We decided to pick Instagram because both of us have used it extensively and we know many people who use it and have opinions on it, which we thought would make for interesting conversations and user research.
We began by conducting background research on Instagram’s mission, branding, and demographics.
Next, we conducted an audit of Instagram’s existing and past features such as Feed/Posts, Profile Pages, DMs, Shopping, Average Screen Time, Stories, Close Friends, and Business Profiles.
Finally, we conducted an audit of Instagram’s competitors, such as Facebook, TikTok, Twitter, and Snapchat. We researched how each app is positioning themselves, how they are different, and what core features they have that aren’t present in Instagram.
Next, we conducted semi-structured exploratory interviews with 12 interviewees ages 20-27. We began by collecting background information such as their age, location, and occupation.
Then, we moved into questions about their current Instagram usage such as daily habits, feelings towards Instagram, and their other social media usage.
We synthesized our interview findings by writing down individual post-its with the most interesting findings from each interview and color-coded them in order to detect trends such as addiction/mental health, why people use Instagram, existing features, suggestions to improve the app, privacy concerns, and comments on the algorithm.
Once we were able to visualize these trends, we created an affinity map that allowed us to view our findings in a new way that allowed us to find new trends. For example, we found that two popular uses for Instagram are 1) as a boredom killer and 2) to preserve memories.
The following highlights from our user interviews demonstrate the importance of Instagram for social inclusion, preserving memories, and discovering new things, as well as the importance of taking breaks from the app.
We synthesized our findings about Instagram's role in social inclusion, preserving memories, discovering new things, and mental health to form the following problem statement:
In class, we did a sketching exercise where we posed our problem statement to our classmates, and they tried to sketch as many ideas for solutions as they could in a few minutes, no matter how crazy.
They helped us come up with a lot of interesting ideas such as Insta Tinder, Calendar Feature, Events through stories, Events/Happening near you, % Activity Matches, Shared Calendars, and a Close Friends Map.
We synthesized these ideas with our research and sketched out possible features and flows, which led to wireframe sketches, which eventually led to our prototype.
Below I outline some key decisions we made during the wireframing process, how we approached them, and why we made the decisions we did.
To decide which functionalities from our brainstorms should be included in our prototype, we recalled the six key insights we found from user research.
We wanted to embrace the things users liked about Instagram (keeping up with close friends, discovering new things, and entertainment) and mitigate the things they disliked (loneliness, too much screen time, and addiction).
To decide what the feature should be called, we brainstormed several possible names including the ones below, and picked Activities because out of all the options, it was the best at representing everyday IRL experiences shared with others.
To decide where Activities should be placed within Instagram, we considered all options as shown below.
We decided to replace the Shop tab with an Activities tab because of the 12 users we interviewed, only 1 had used Shop and she had only used it once. In reality, this decision would need to be backed up by extensive data and research, of course. However, considering Instagram proceeded to remove the Shop tab in February 2023, perhaps we made the correct decision.
Because saved posts and stories were already being stored in the Profile tab, we decided it would make sense to store saved Activities there as well.
We modeled the Activities tab based off of the Shop tab to maintain consistent UX across the app. Both involve similar user flows such as browsing, and the flow for buying a product is similar to the flow for buying concert tickets or making a reservation at a restaurant.
For the icon, we picked a location pin because it emphasizes locality and is not too specific to a certain type of activity, unlike a dining icon or ticket icon.
For the bottom nav bar, we decided to move Reels to the side and place Activities in the center in order to highlight the new feature and encourage adoption (similar to what Instagram did with the release of Reels).
We modeled Saved Activities based off of the existing Archive feature. We also considered modeling Saved Activities off of the existing Collections feature, but we chose Archive because Archive and Activities both involve preserving 2 different types of artifacts with a chronological view (Posts Archive : Saved Events) and with a map view (Stories Archive : Saved Places).
After making these key decisions, we created a higher fidelity prototype in Figma. We collected feedback on this prototype from our peers, some on visuals and some on the flows and features. We synthesized this feedback to make another iteration of the high-fidelity prototype.
When users first open the app after the update, a pop-up would alert them to the new Activities tab.
The main Activities page displays activities by category, with the ability to filter and search.
If the user searches for pizza for example, they would be taken to a grid view that displays pizza businesses with their accounts, images, distance, and price, with filtering options as well.
If the user taps the map icon, the display would switch to map view, which would display the businesses as pins surrounding the user's location.
If the user navigates to the concerts section of the Activities page, they are taken to a grid view of concerts with information and filtering by dates, price, location, genre, and more.
When the user taps a card, they are taken to a page that displays more information about the concert such as the venue, images, friends who are going, and the ability to buy tickets.
If the user wishes to buy tickets, they will be taken through a checkout process modeled after Instagram Shopping.
After purchasing tickets, users are taken to a confirmation page that allows them to view their tickets, share to their story that they will be attending the concert, or invite friends.
If the user navigates to the food section of the Activities page, they are taken to a grid view of restaurants with information and filtering by hours, price, location, cuisine, and more.
When the user taps a card, they are taken to a page that displays more information about the restaurant such as the location, images, friends who have been there, and the ability to make a reservation.
If the user wishes to make a reservation, they can select a date, time, and party size.
After making a reservation, users are taken to a confirmation page that allows them to view their reservation, share to their story that they will be going to the restaurant, or send the reservation details to friends.
If the user taps the envelope button on the main Activities page, they will be taken to a list of private events they have been invited to, which will display the host, a cover image, the event name, the number of friends who are going, and the user's RSVP response.
If the user taps the plus button, they can create their own private event, for which they would add a photo, name, date/time, location, and description. They can also choose the privacy setting for the event if they want it to be visible to everyone, just their followers, just close friends, or just invitees.
Event pages display information about the host, date, time, location, and friends who are going. One tab has details about the event, and the other tab has photo posts that are tagged to the event, either leading up to it, during, or after it takes place.
Invitees have the ability to respond as "Going," "Maybe," or "Can't go."
Some elements are modeled after Facebook Events because both are owned by Meta and our user research found that people liked Facebook's Events feature but weren't really using Facebook anymore. We wanted to bring some familiar elements of Facebook Events to Instagram, because we found that people use Instagram far more frequently than Facebook.
On a user's profile, they can navigate to the location tab to see saved places or saved events. This allows people to share their recommendations and interests with their friends, or to keep a list for themselves.
In their profile settings, users would be able to select whether they want their saved places and events to be visible to the public, their followers, close friends, or just themselves.
Saved places can be viewed from a map view as well as a grid view, and saved events are split by upcoming and past events.
Finally, location tags for posts in the feed or on stories would lead users to the Activities page for that business. This would allow users to view the business's information and more photos tagged to the location, hopefully encouraging them to make IRL plans.
Given more time, we would like to conduct user testing on our prototype to see if users find the flows to be intuitive and the feature to be useful.
There were also several features that came up in ideation that we didn’t get the chance to explore such as % activity friend matches, shared calendars, and close friends maps, which we would love to experiment with.
If we could change the way we carried out the project, would have liked to conduct more targeted interviews, or have a second round of interviews with follow-up questions from the first round in order to get more insights on how users would want this feature to work.
Throughout this process we gained many insights about people’s relationships with social media and the ways it manifests in their lives, both positive and negative. From our research, we learned that users feel Instagram is valuable for social inclusion, preserving memories, entertainment, and discovering new things, but it is important for them to take breaks and avoid spending too much time on their phones.
We also learned how to work together, divide labor and compromise with each other in order to be able to successfully come up with Instagram Activities.
Below is the interactive prototype:
Thank you for reading, and please don't hesitate to reach out with questions!