Reimagining Twitter


Twitter needs a facelift. The text-heavy look is drab and lacks imagination.
Who decided social media needed to look boring?



White space is a great thing, and often times it is utilized to achieve balance, improve contrast, or even usability. In fact, I believe it is vital for nearly every design project. However,

White space without purpose is bad design.

These screenshots were taken on my iPhone 7 Plus. According to Fortune Magazine, there are over 700 million iPhones in use today. With the iOS11 (the current iOS) requiring at least an iPhone 5S, 6, 6 Plus, 6S, 6S Plus, SE, 7, 7 Plus, 8, 8 Plus or iPhone X, it is safe to say that nearly half of people with an iPhone who download Twitter will see a similar user interface.

Looking at the profile image (top left), what are your eyes drawn towards? It's not the content, or the photo on my timeline. For me, it is the white space to the right of my biography. Granted, a page with a longer biography or web address may utilize this space better. That is the challenge for Twitter, and for all social media, allowing flexibility and creativity within the architecture of the app. That being said, this space is utilized much more efficiently in the timeline aspect of the app (bottom left), especially when photos are involved in a post. What I wonder, though, is why Twitter, and almost every other app (excluding Instagram) has failed to change their interface to adapt to the larger screens, and multi-touch gestures?

Imagine an interface that better adapts to screens of all sizes, that is adaptable with user content, and showcases features of the app that can make it great, like news headlines and live streaming.



Throughout the design, there is significantly less white space without feeling crammed, and improving the amount of tweets shown on landing. In the biography header, unnecessary filters have been removed to only show replies, tweets, media and likes. Instead, a simple button to show "likes". Photos are enlarged to the full screen of each tweet card. Retweets are shown utilizing existing color and a 3px stroke around the new tweet card.



A redesigned "home" will allow users to see searchable content, and the tweets of those they follow in one place. On top of that, they should be able to see live content and breaking news without scrolling to the top of their timeline. A fixed position "moments" area would achieve this. This isn't user tested, and less white space doesn't inherently earn a nod of "better design". However, the simplified organization of information will allow users and advertisers alike to feel grounded in the content they post and read, without having to tap between pages.



I've imagined the tweet, or "compose" button fixed on the bottom navigation bar, as opposed to the top right corner where it currently resides. When the update rolled out that put the tweet button in the top right corner, I was baffled. Not only is it hard to reach with larger phones, but it is simply awkward to press when holding any size phone (unless you're pecking your fingers like a bird on a tablet).



Not only does this button position make it ergonomic and easier to actually post content to the app, but it allows to multitask and search for content while composing your tweet. Once again, placing emphasis on the breaking news and live aspect that twitter provides. I'd love consult with the brand and help design a beautiful interface that highlights important features, scales seamlessly, and enhances the experience.

What do you think?