Snapchat Redesign Case Study

Snapchat is one of the most popular social networks today, however, I have had some issues in regards to their interface design. Although they recently launched a new interface for many of their features, I wanted to convey an experience that is more focused on content creation, has interfaces that are less busy, and a more efficient user experience.

Note:

Although this kind of experience may put content creation at the forefront by displaying the camera feed constantly with a blur, I understand that it could potentially have an impact on things like battery life, and similarly, may not be practical considering many people use Snapchat, among other social media platforms, while sitting in the bathroom.

Home Screen:

With the home screen I chose to keep the interface less busy, focusing more on the image coming from the camera/s. Tapping the Snapchat ghost logo at the top of screen would direct the user to their profile using a dropdown card interface (see Snapchat Profile Screen). I chose to replace the icons for the Chat, Memories and Stories features with simple colors to keep the screen less busy and incorporate the bright colors that are incorporated in Snapchat’s branding elements. Similar to the more traditional icons used to tell which screen the user is interacting with, a white border will surround the circle that represents the current page. For example, with the home screen, the yellow circle will have a white border.

Chat Screen:

With the chat screen I wanted to still focus on content creation and chose to have the interface overlay the camera feed with a blur. This way the user can be reminded to focus on content creation rather than solely consuming content.

I chose to keep the icons for incoming snaps consistent with the circular style of stories, and used colors to signify the different type of content that is received. Red signifies images, purple signifies video, blue signifies text, etc. Once a snap has been opened by the user, the circle will appear open.

Stories Screen:

Similar to the chat screen, I chose to have the stories interface overlay the camera feed with a blur to remind the user to create content in addition to consuming content.

With the “My Story” feature I chose to provide the user the option to delete their story more simply, save their story, and see the amount of views they have received. Personally, I feel the current user experience is not very intuitive and takes too many steps to see the amount of views, and be able to delete the story if it is not to your liking.

Profile Screen:

For the profile screen I used a card interface that drops down from the top of the screen. I incorporate the classic snapchat yellow and reduced the opacity to continue to be able to see the camera feed. Incorporating the arrows to indicate the direction the user should swipe up and down, makes accessing the profile more intuitive and clear.

Lenses Screen:

Some of my favorite elements of Snapchat are the lenses . However, I feel that swiping through the different lenses can be laborious and time consuming. To reduce the amount of time it takes to view the different lenses that are available, I chose to incorporate a dial interface that would spin in and out once the user tapped on their face. Once they select a particular lens it would be highlighted by a yellow circle.

Consideration:

This kind of interface may not scale considering Snapchat is now offering close to 18 unique lenses. However, I still believe this kind of interface would allow the user to discover new lenses with greater ease.

Discover Screen:

For the discover screen I chose to implement a more dynamic user interface. The bubbles would be moving around and collide with each other. The size of each bubble would represent popularity, how recent the content was shared, or if the post is sponsored, etc. I borrowed the interface design from the on boarding process for the new Apple music on mobile devices. If the user decides that a particular news source or article is not relevant to them, they may pop the bubble and it will be hidden. This kind of interface is more playful, game-like and provides a different attitude toward the content that is being shared on the platform. Additionally, it is presented in a similar way to the content that is produced from their peers.

Consideration:

This kind of experience and interaction design may not support Snapchat’s business objectives with sponsored content, etc., however I still believe it could allow the user to create a more curated experience.