A Handy Design Guide for New Twitter Profiles

A Handy Design Guide for New Twitter Profiles

In 2011 I wrote about the “New New Twitter” which placed a larger emphasis on the overall experience from a user’s home feed to the profile. That change was focused a lot more on driving more communication and engagement, while also introducing enhanced image cards.

This month Twitter rolled out a new design for users around the world placing significantly more emphasis on content consumption and discovery by visiting other’s profiles, instead of just consumption from the home feed.

In addition to the obvious facelift of the profile, new options allow users to see another person’s feed through multiple display options: tweets only, tweets containing just photos/videos (or photo collages), or all tweets and replies. Even individual tweets become larger or smaller depending on how many people have engaged with it.

From the Twitter blog:

The new web profile lets you use a larger profile photo, customize your header, show off your best Tweets and more. Here are main features:

  • Best Tweets: Tweets that have received more engagement will appear slightly larger, so your best content is easy to find.
  • Pinned Tweet: Pin one of your Tweets to the top of your page, so it’s easy for your followers to see what you’re all about.
  • Filtered Tweets: Now you can choose which timeline to view when checking out other profiles. Select from these options: Tweets, Tweets with photos/videos, or Tweets and replies.

While we’re still in the early stages of the rollout, all brands should be prepared to make some changes to optimize their profile for the change. Fortunately, the folks over at McBeard, an online creative agency out of LA, created this handy design guide to help illustrate the new changes.

If you’re looking for a photoshop template to work out of, Re/Code‘s community manager Anthony Quintano also created a quick and easy PSD file that he has been using with success. You can download it here.

 

mcbeard_twitter_size_design_template-2014

  • Home page
  • Content Marketing
  • Digital Marketing Strategy
  • Digital Marketing Strategy
  • Digital Marketing Strategy
  • PPC
  • SEO
  • Social maketing
  • WordPress web development