Blog post

Designing a minimalist Twitter page

December 1, 2010 · by Jan Schultink
← all posts

I gave my Twitter page an overhaul. Designing a Twitter page is tricky:

  1. On small screens the side bar on the left gets eliminated
  2. A twitter stream is a cacophony of links, icons, avatars, buttons

Here is the approach I took:

  1. Minimize the use of distracting colors that only add to the chaos of avatars and links
  2. Use a background image that gives a sense of open space, with a light source from the top, and minimal visual distractions
  3. Invert the colors of the right side bar: really dark semitransparent background, with a white font (it will look a bit weird in the Twitter style editor). I find it very hard to get any color to look good here, because the semi-transparent setting will make any of your choices look pale.
  4. The same is true for links, I struggle to find good link colors and as a result set them light grey. Most Twitter links are shortened URLs that people do not need to read anyway. The alternative would have been to pick a very bright one with high contrast, but that would only add to the cacophony of the page.

What do you think?

DesignPowerPointPresentation designPresentation

About this blog

Notes on all things presentations — design, storytelling, and AI workflows.

Subscribe now to never miss a post.

RSS

About SlideMagic

A platform for business presentations.

A free student plan is available.

6 comments

Anonymous2010-12-01 03:46:19
I like the background design and your general approach Jan. But viewing at 1280x1024 px on 17" monitor, your background bio is partly cut off by the main message panel.
As you've said, "1. On small screens the side bar on the left gets eliminated", - and it's also true that on medium screens the left gets partially obscured.

Do you have any thoughts on this eg standard device/resolution combinations to design for?

Brian
Chris Yeung2010-12-01 04:34:27
Definitely a tricky task.

The slots and lines lead my eyes towards the edges of the page.

Perhaps a solid background in true minimalist form a la Leo Babauta's mnmlist blog?
Lezlie Davis2010-12-01 05:21:19
I really like it. So clean and simple. Definitely gives it a sophisticated feel!
Jan Schultink2010-12-01 06:44:00
Thank you all.

No, I don't think the squeezing of the left bar can be avoided. It doesn't bother me that much. I made the text as narrow as I could.
Jan Schultink2010-12-09 06:53:19
Chris, that is definitely a minimalist approach :-)
nickomundo2010-12-01 03:45:10
Hey Jan, just wanted to say that I love the new site and twitter pages. Very simple and elegant. Nicely done.