What You Need to Know About Social Media Interface Design Trends

Tuesday, September 1, 2020

Let's talk digital evolution for a second.


When I was growing up, we had MySpace (Gen. Z kids don't laugh at me for being old school, I AM a millennial after all). Yep, that's right. I said it: MYSPACE. If you don't know MySpace, consider yourself lucky.


You also probably didn't have to connect your dial-up to your computer, and you never had to experience the frustration of trying to text on one of these in class without getting caught (oh, the days).





Believe it or not, this is an example of what a social media profile used to look like:


Source: https://thesocietypages.org/cyborgology/2012/05/22/question-for-pew-does-gamification-encourage-exploitation/bad-myspace-design-620-2/


You might notice a few things here (besides the pure chaos and poor readability of this design):

  • Users had complete customization of the background and the content blocks
  • Every profile had clickable box of functions under the profile picture. Users could message, add/friend, chat, join, favorite, forward, block, or rate.
  • Users had a customizable music player that featured their favorite songs

When Facebook began (or formerly known as 'The Facebook' -- not kidding), they followed this same basic layout of MySpace, but they stripped all user customization and removed the music player. This became a sleeker social media platform for college students, and the primary focus on the platform was based on function.


The photo below (circa 2008) shows a very similar layout to MySpace. The main functions, like viewing friends, editing your profile, etc. are all still stacked below the profile picture. You'll also notice the "Wall", "About" and "Photos" are tucked into tabs on the right instead of blocks stacked on top of each other. This is the basic structure of most of the social media profiles we see today.


Source: https://boostlikes.com/blog/2016/08/switch-old-facebook-layout


Now that we know a little about HOW we got here... WHY did this white interface design become so popular? Because the non-customizable interface was EASY TO USE. That's it. Great readability and a simple design.


It's common for companies to put a lot of emphasis on the beautification of their products, especially with the pressure of a sales teams who need to sell the product. While I believe interfaces should be beautiful and sleek, we also know that designs that are not oriented with a function-first approach do not stand test of time.


Reddit's front page, for example, was the single most viewed news source through the 2010s, and it had the same concept -- a white interface that was easy to use.


Source: https://www.wired.com/story/reddit-redesign/


However, just like any design trend, everything comes full circle. We're now seeing the white interface start to fade out as users want more customization back on their social media profiles.


For example, Instagram has a gridded default layout, and users can customize their grids to act as a background for their profile.


Source: https://www.pinterest.com/pin/542613455103799061/


We're also seeing more customization in typography, emojis, GIPHYs and filters through Snapchat, TikTok, Instagram Stories and Facebook Stories.




Source: https://buffer.com/library/instagram-stories/


In all, social media platform interface designs are constantly evolving and the big companies are listening to their users and adapting.


Will platforms probably keeping moving toward a more customizable direction?

If you ask me, 1,000% yes.


Will platforms start having music players back on their profile pages?

I really hope so. I miss my emo music player!


Where will social media move next?

I believe the next move is toward a darker interface (think nightmode on your phone or computer). Younger generations are more focused on the environment, and nightmode saves a lot of energy that your electronics expend -- not to mention a cheaper electric bill.


A darker interface is also easier on the eyes. We have a lot of issues with too much exposure to blue light and having your phone out right before you fall asleep. With that in mind companies may start to move towards warmer, darker colors to help people sleep at night and encourage healthier eyesight,  phasing out some of the branded blues and whites.

Interested in chatting more with us about UI/UX design? Contact us at info@irisdesigncollaborative.com.

Posted on:

September 1, 2020

in

Application

category

Ready to scale and grow your business?

Schedule a Call
latest post

The blog

2023 UI/UX Design Trends in Tech

It feels like 2022 was just yesterday! Okay, maybe it was. While we’re still in the first part of the year, we’re sharing the top design trends that are coming to the forefront in 2023. These trends are becoming more visible in all niche tech industries for SaaS and mobile apps, including fintech, edtech, telehealth and more.

Articles
Go to Link
Read more

Tech Founders: How to Find Your Product-Market Fit

Everyone who has a great idea should go through some research and validation because you want to make sure you're building a solution to a problem that people actually have! So, let's walkthrough the steps in doing some research and discovery.

Articles
Go to Link
Read more

Hiring a Design Agency vs. an In-House Designer

We know hiring a designer for your app or software is a long-term investment. You want someone who will be there for you through and through! So, how do you find the best fit for you that meets all of your needs? You can go through a hiring process to find someone (which typically takes 1-3 months and then another 1-3 months for them to get acquainted), or you can hire an agency on a rolling month-to-month basis.

Articles
Go to Link
Read more

5 Questions to Ask Yourself When Creating a Meaningful and Impactful App

Have you ever had an experience with an app where you’re like “Oh wow! That is so cool?” It’s these amazing moments that change lives and behaviors. So, how do you cultivate these moments in your app and create a platform that everyone loves to use and come back to?

Articles
Go to Link
Read more

How Founders Save Time and Money in App Development

If you’re a founder, CEO or manager of any online platform, then you know this sentence all too well “it’ll be simple, just one extra screen!” — I have a truth bomb for you, it never is just ONE extra screen! So, how do you figure out if the new feature idea you have is actually in fact SIMPLE or DIFFICULT?

Articles
Go to Link
Read more

Avoid the #1 Mistake That Founder Make: Starting Development Before Design

Think of UI/UX designers as the architects of the building — they say what goes where and they provide a blueprint. Developers and engineering are the construction of the home. Remember, both experts have points of view in different areas, so it’s important to weigh these and do what is ultimately best for your business.

Articles
Go to Link
Read more
The Blog