Facebook Done Right
Posted in: Interface Design at Feb 10th, 2010
Facebook recently decided to give their interface another redesign. Whereas it did improve in some aspects, it’s usability also decreased. On top of that many elements weren’t aligned properly. Because of all this I decided to rework some parts of the new Facebook layout.
Global Layout
The global layout had some minor fixes as well, mainly aimed at aligning the elements in a better way.
Before
After
The Header
The problem with the header was that it did look quite nice on the homepage, but it wasn’t aligned properly on the profile page. There was also a problem with the position of the navigation menu and the search bar. The issue with the latter one was that the more important an element is, the more it should appear to the left (as most people read from the left to the right). Facebook however, decided to do it the other way around for some reason.
Before![]()
After
Advertisements
They’re gone.
Reworked Account Menu
Added icons to increase the usability.
Before
After
Important Notice
Currently the Stylesheet is still in BETA form, which means there will be bugs. If you happen to find any bugs you should report them at the bugtracker. The project page can be found here.
Download
Facebook Done Right can be downloaded from this page.