Designing the university social space
Designing the university social space
Instagram for university is an added feature to the existing Instagram app to help university students to discover and explore new clubs, manage their clubs, connect with alumni, meet new artists and creators on campus and organize virtual events. This would form a university social space and help in building new communities. This would also help the clubs get more reach and exposure and assist students in joining the club, matching their interests.
ROLE
Product Designer
DURATION
6 days | November 2020
TYPE
Design challenge
TEAM
Solo
DISCLAIMER
This project is not affiliated with Instagram in any way. I do not work for Instagram. The views in this case study are strictly my own. This may not be an extensive case study as there are business goals, technical constraints, and data to make decisions behind every design. Brand logos used are copyrights of their respective owners. Account names are used for a demonstrative purpose and do not refer to any real account. This project was done in November 2020. Any updates of the Instagram app after this are not considered.
What's Instagram?
Instagram is a photo and video sharing social networking platform owned by Facebook. Instagram became a popular platform to connect with friends, family, celebrities, and brands. Instagram offers a range of features like Stories, Reels, Shopping, IGTV, Guides in addition to having conversations and sharing media.
01 — DESIGN CHALLENGE
Design an experience for university students to discover new clubs, on-campus events, and connect with other students sharing a similar interest.
02 — GOALS
01
Familiar
The experience should feel familiar to the students so that they can right away start using it—no extra learning curve.
02
Effortless
It should feel effortless and intuitive to get their task done fastest with the least cognitive load—right information at the right time.
03
Transparent
The experience should be transparent, and it should respect an individual's privacy to build a healthy community.
03 — SOLUTION
A university platform on Instagram to help the students discover new clubs, on-campus events and connect with other students and alumni sharing a similar interest in their universities.
04 — KEY HIGHLIGHTS
Switch seamlessly
Switching between the university space and personal account is the same as the current account switching mechanism.
Personal and university accounts are visually differentiated in the bottom account switcher sheet using a 'padlock' for the personal and a 'university hat' for the university account.
This also ensures that there's no separate learning curve to switch between accounts.
Everything at one place
All the content uploaded by the clubs and creators is available right up front in the university account.
The university only home feed, IGTV, Reels show the media from the accounts the person is following in the university.
Activity is separately shown in the university space so that it doesn't get mixed with that of the personal account.
Exploring university
The explore section contains the media from the clubs and creators in the university.
Based on the usage, the feed keeps on improving to show more personalized content.
This section allows an individual to explore new content based on his interests or passion like dance, music, photography, graphics.
Keep a track of activity
Activities from the university account stay there. They don't get mixed with those of the personal account.
Students can stay updated even if they're not checking their personal accounts. All the university activity is in a single place.
Saved posts and following upfront
The profile page in the university space contains saved posts and following accounts upfront.
The number of followers is not shown in the university space to focus on building communities and avoiding the fear of publicly fewer followers.
Get to know the clubs
Students can view any account's info to know more about that club or creator. A list of club members is also shown for the club accounts to connect with the current members or alumni.
Never miss any event or curated content
Since only the university content is shown, there's less chance that students may miss any notifications of events or curated content. University account is the space dedicated to the university's content only.
Keep it private
Like the 'Close Friends' list, a 'University Students' list allows posting content that can be viewed only by the university students who have connected their university with their accounts. Post privacy can also be set to 'University' to make it visible only to the students. This helps conduct private in-campus events or polls.
A secure social space, because privacy matters
Every user is not allowed to post in the university space. Only eligible accounts which meet specific guidelines can post content. Students can anytime disconnect their university to remove access to university space. They can keep a separate bio and profile picture. They also need to verify their student status while connecting their university.
⟵
Personal account profile page.
⟶
University account profile page.
Stay updated with campus happenings
The home feed is all about the campus events and happenings, separate from your personal account's feed.
Differentiated notifications
Notifications from the university account are visually differentiated to make it easy to recognize them at a glance, respond to the important ones, and not miss out.
Connect with students
Students can find others and connect with them just over a message. The profile of other students shows their involved clubs.
Verified student accounts establish trust and prevent any fake accounts on the platform.
Also, there's no need to share personal contact numbers to start a conversation that takes care of individual privacy.
Flag what's important
Students can flag important conversations and filter them to find them faster. This feature already exists in professional accounts. The inbox filter also helps to filter out unread messages.
Let's talk about the process.
05 — THE PROCESS
Research ⟶ Analyze ⟶ Ideate ⟶ Design ⟶ Test ⟶ Iterate
I started with research to gather insights and understand the problem. Next, I began to analyze all the ideas taking into account the user needs, development efforts, and business impact. I decided to converge with the best idea to start designing, testing, and iterating.
Revisiting the problem
Design an experience for university students to discover new clubs, on-campus events, and connect with other students sharing a similar interest.
Why is it a problem?
Many students find it challenging to discover new clubs and connect with other students sharing the same interest or passion.
There's no common platform or local database for all clubs and events. Information on the website is not updated regularly.
Students find it difficult to connect with people who have the same interests as you, engage and start a conversation with them.
There are more than 50 clubs in some universities, and students get overwhelmed with all the information floating around.
People lose interest in seeing the same publicity everywhere, which might lead to missing out on something that interests them.
They don't have time to attend the events of all the clubs. They don't know which club best aligns with their interest.
Due to the COVID-19 pandemic, universities have moved towards remote online classes. Students are facing challenges in getting accustomed to this new pattern. It's essential to stay connected with friends and college happenings.
Why is it important?
Feeling of togetherness helps to stay happy and cheerful as new students are in an unknown environment, far from their homes.
To make personal connections and build communities to help them with their academics, co-curricular activities, and future career.
Many students miss important events and workshops as they're not aware of them due to a lack of proper communication channels.
Paper booklets aren't personalized for every student. They often don't have enough interest to go through it, and they also get lost.
One single platform for all the information will also help better communication between the clubs to avoid overlapping events.
To improve the engagement of content created by the students.
Current solutions
I started with exploring some existing solutions which address the similar problem to gather more insights on the primary feature set.
University apps that provide basic information about the campus, academics, and student life.
Students have made Discord servers and LinkedIn groups to connect with their friends and seniors and share information.
Some universities use Telegram channels to notify students about upcoming events.
Hearing about clubs and events from friends or through social media pages of clubs or student WhatsApp groups.
KEY INSIGHTS
The communication methods are scattered between various mediums. Students jump through their emails, WhatsApp, Telegram, Instagram, Discord to keep themselves updated.
University apps act as a passive source of information, and it's not an intuitive experience for the students.
Students get to know only the basic info from the university app. There's no information about past events or club members. Most apps direct to the social media handles of the clubs.
There's a certain learning curve with Discord and LinkedIn, and most students aren't on these platforms.
Understanding the users
To understand the user needs and pain points, I had one-on-one interviews with 5 users. The target audience for this product will be university students. The participants were students comprising 2 freshers, a club president, a sophomore, and a club member.
KEY INSIGHTS
3/5 were confused about which clubs to join, so they just followed their friends. Freshers don't know the location of events on campus.
3/5 users felt that it's hard to follow conversations when there are many members in a club's WhatsApp group.
2/5 didn't attend clubs' orientation events as they weren't sure if that club might be of their interest.
5/5 have turned off group chat notifications of their club WhatsApp groups because they feel overwhelmed with many messages.
3/5 don't open the shared links that take them outside the current app into web browsers or other apps.
2/5 said that they don't want to use a separate app just for university unless it makes their lives easier.
5/5 users said that they do not check their emails regularly. They visit the social media handles of the clubs when required.
3/5 users said that they love to hang out in online communities.
4/5 said that they're most active on Instagram.
Desk research
Next, I did desk research to gather more insights into the problem and find popular platforms among university students.
KEY INSIGHTS
Students want flexibility, convenience, speed, and security from their campus mobile app.
University students are familiar with digital products and use apps like Instagram, Snapchat, WhatsApp actively.
India is the biggest market for users for Facebook and WhatsApp. Food, education, finance, and career-focused influencers receive the most engagement.
Between October 2019 and 2020, India saw a 20% growth in its Instagram ad audience size—a pace that could soon see the nation overtake the United States for the top position.
Exploring solutions
Insights from the above research indicated a need for a digital product to assist the students as they're more close to digital technology. Students more actively use native mobile apps over websites. Thus, a web platform isn't a solution.
There are around 3.14 million apps on Google Play Store and almost 2.09 million apps on Apple App Store. Making a separate app isn't the solution. It'll require a lot of development effort for both iOS and Android platforms to ensure a good user experience and support the primary feature set.
There's a need for a personalized solution that enhances the discoverability of clubs and events that align with an individual's interest and allows sharing events with their friends. A solution that makes it easy to get quick help from other students.
I started thinking on the lines of integrating this solution with an existing social media app. Social media apps are common among university students.
Based on all the research and exploration, the answer was clear.
Instagram.
Why Instagram?
Instagram is most popular among college students. They're familiar with using it. Clubs are posting actively on Instagram. They already have accounts and don't have to set-up things from scratch.
Instagram's recommendation algorithm is strong to suggest the best clubs and provide a personalized experience.
It provides the simplest interaction with the content without creating an information overload. It has a visually appealing user interface.
It's quick and easy to make a new account and get started with using Instagram. Its privacy and safety features are also helpful.
Students can post simultaneously on Facebook and manage connected experiences across apps with Accounts Center.
No need for online forms for quick polls or conducting a survey. Instagram stories provide helpful features such as polls, questions.
Professional account features such as post insights, quick replies, FAQs can be helpful for monitoring engagement.
Understanding Instagram
Understanding Instagram's mission was essential to validate why Instagram for university should exist and if this aligns with Instagram's values.
Instagram's Values
Community first
Inspire creativity
Simplicity matters
Why a separate university account?
I decided that having a separate dedicated university space would be a better solution for many reasons.
It'll show only the relevant content in the feed and will provide a better way to explore clubs by categories in the explore section.
A verification step can be added while connecting the university to ensure transparency and establish trust.
Students can sync contacts to improve their recommendations to help Instagram suggest better clubs for them.
Clubs can post exclusive university content which will be visible only to the students of the same university.
All the university content like posts, Reels, IGTV, Guides, and conversations and activity stay at the same place. It eliminates the need for a separate university or mentor app.
Students won't miss important stories or post even if they're following many accounts, as this would be a separate dedicated university-only feed.
Switching between personal and university accounts won't create extra friction as people are already familiar with switching between multiple accounts.
Students can disconnect from their university anytime.
Other ideas were to 'pin' the stories of favourite accounts or toggle switch to toggle between personal feed and university feed. But these solutions didn't work out with all the use cases.
How will people discover this?
I explored some of how Instagram can announce this new feature on their platform. The option to connect to a university is kept at the same place as switching to a professional account.
⟵
Connecting university from the 'Edit Profile' option on the profile page.
⟶
Connecting university from settings.
Design and test
After gathering the insights, I started analyzing the user flows and information architecture. Then I started designing the screens. I tested the prototype twice with 4 users over video calls.
GOALS FOR USER TESTING
Rate of error
Analyze complexity
Check language
Identify usability issues
Iterations
SWITCHING ACCOUNTS
I tested 4 variations of the account switching bottom sheet. Version 1 failed because, during testing, people thought that the university account is a separate account that they've to make from scratch. This happened because every account was given the same visual treatment. I noticed that simply differentiating both accounts using icons wasn't enough. Therefore, I tested versions 3 and 4 with icons along with a subtext. Version 4 resonated most with the users, and it also indicated that university space is a part of a personal account rather than a separate account.
If you want something to be seen and used, don’t make people look for it. Put it where they’re already looking.
ACCOUNT INFO
Based on research insights, adding a list of club members was a necessary feature. I initially added another tab next to 'tagged posts' on the profile page. This version failed because people have this mental model that those tabs would show that account's content. A list of members was looking foreign to other tabs. In version 2, I moved the member's list to 'About This Account' in the overflow menu. People were already familiar with seeing 'Account's Info' for professional accounts at the same place. Also, in this version, I was able to add brief info about the club.
Challenges
I designed a solution in which only clubs and creators can post in university space. This'll prevent the experience from getting diluted and avoid spam information. There might be a better alternative.
I had to skip some ideas due to time constraints as they would require more user testing and further iterations.
The current verification mechanism of connecting universities relies on using an official student email id or identity card, which could fail if there's a delay in allotment of these by the university.
As this was a personal project, I didn't have access to Instagram's business and product goals. It would be essential to make sure that this addition doesn't go against future goals.
Explorations that failed
SEGMENTED INBOX
Because the university account will have all the chats from friends, clubs, and groups in one place, I initially designed a segmented inbox. I believed that this would help people to find their conversations much faster.
Later in testing, I found that this design requires more effort to jump between the tabs. Also, in a segmented inbox, unread messages would be a swipe away as compared to a single tab inbox where people can see all their unread messages in a single glance.
Scrolling a single view is much faster than moving across tabs. A segmented inbox will promote the default landing tab over the other, which doesn't make sense as functionality is the same for all individual, group, or club chats.
'FOLLOWING' ACCOUNT'S ARCHIVE
There might be chances that students miss stories or live events of accounts they're following. I tested this archive feature in which students would see previous 'stories' or 'live events' of the clubs from the archive section of their university profile.
This was really confusing for users to understand as it changes the existing paradigm where people find their 'own' posts, stories in the archive section of their personal accounts.
Therefore, this section was removed after user testing.
How will this help Instagram?
Being the most popular and actively used app among the youth, Instagram for university will lead to longer engagements and increased interactions with the Instagram app.
This will help Instagram better personalize ads that people will like to see based on their university platform activity.
Clubs will become more active as now their content is exclusively consumed by a larger audience.
Increased adoption due to new onboarding users who would join Instagram to access their university platform to stay updated.
Businesses around campus can set-up Instagram Shopping for targeting campus students.
Students will be able to browse shops, save their favorite product, or purchase right away.
Restaurants can use Nametag and put up their menus on their Instagram profile to save the time of people waiting for a menu. This would also provide a medium for local restaurants or small businesses near the university to set up business accounts and advertise on university platforms to promote their targeted offers and attract more students. New accounts might get created as more and more students start using the university platform. It'll help to improve the recommendation model to show people more relevant content across Facebook and Instagram.
Measuring success
If Instagram for university is launched, then these metrics would be worth tracking for measuring the success.
Average session duration
Screen views per visit
Daily app launches
Daily active users
Monthly active users
Retention
Click-through rate (CTR)
Average revenue per user (ARPU)
Content engagements: likes, comments, shares and clicks
Reflecting back
User testing makes all the difference
It's important to understand that apart from having goals and pain points, people have fears. UX microcopy shouldn't be neglected. It should be straightforward, concise, and clearly stated.
Opportunities are limitless, resources are limited
It's essential to know where to stop to avoid deviating from the primary goal. Understanding the 'why' behind every decision is critical to analyze if it's adding any value to the experience.
Balance time
Balancing time between analyzing and designing is essential to avoid jumping to any solution. More time gets spent in ideating when technical and business constraints come into the picture.
If I had more time?
For now, I've used already available features of Instagram so that students can start using it right away without any learning. If this is successful, we can push other features like scheduling events like Facebook and timeline view of events. I also thought about introducing gamification with task completion reward points so that students would receive badges.
Moving forward
This challenge allowed solving a problem that was relevant to me. It helped me to learn how to fuse new features into existing designs. I wish I had the developer's input to analyze the feasibility of this solution. I also realized during testing that if the product is not easier to use than what people are already using, no one will use it.
TL;DR
Instagram for university is a dedicated university-only section in the Instagram app specially designed for students to discover clubs, events and connect with others sharing a similar interest. Students can connect their university after a verification process to access their university platform. Clubs and creators can post campus-related content on the platform. Small businesses around campus can set up business accounts to promote their offers. It'll help in building a safe, reliable, and supportive student community.
Footnotes
The consistency in the mobile mockups used in GIFs and static images breaks due to software limitations.
In the initial days, Facebook was a college only network.
I'm curious to know why timestamps are hidden in Instagram chats.