Facebook redesign ( UI / UX )
keyboard shortcuts: ← previous shot → next shot L or F like
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
121,465,321,005 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
32 Responses (page 1 of 2)
Hi there!
I'm new here, drafted by Noah Stokes http://dribbble.com/motherfuton , a big big thanks to him!
About this first shot, it's a facebook redesign I finished some days ago. You can see the full preview here: http://jonaska.deviantart.com/art/Facebook-Redesign-201225016.
over 2 years ago
good stuff man. overall it looks very nice. i love the tabs on each post, thats very neat. not sure but i feel that the dark background makes the content that sits on it feel less important (especially the profile pic). also the ribbons that holds the titles on the left & right side bars should just run all the way (without fading to white), that gives it a more clearer hierarchy. other than that, i'd like to see you take on the profile page design/layout :)
over 2 years ago
Looks so damn good. Welcome to dribbble!
over 2 years ago
Really crisp stuff! Love it. Welcome on!
over 2 years ago
Awesome stuff, if only facebook looked like this!
over 2 years ago
Really cooooool!
Please say this is not hus for fun?
I like it.
over 2 years ago
Awesome...
And welcome. :)
over 2 years ago
Insanely good!
over 2 years ago
Glad to see you were drafted! Sick work as usual bro!
over 2 years ago
If Facebook looked like this, then I would probably use it.
over 2 years ago
really nice, the only thing that i dont like is the ribbon-like titles on the right, i dont think that suits the design very well, the rest its very nice.
oh and welcome to dribbble :)
over 2 years ago
Jonathan u did an incredible design!!!!
over 2 years ago
Thank you guys for your feedback, very appreciated!
@zilch: for the profile page it's already in my mind, I just need more time to make it. ;)
over 2 years ago
It looks nice. But unfortunately, you miss the point. Facebook isn't about the pixels but the service it provides and your design, while nice, takes away from the service of Facebook. The great graphics are a distraction to the point of the site...Welcome to dribbble and keep up the good work.
over 2 years ago
Nice! It seems much bulkier than the current Facebook style, however. That's what puts me off the most - it's not as clear as it is now. Not so sure about the dark grey either - would much rather it be a darker shade of blue, but that's just me.
I don't think it would work for Facebook, but great job all the same :)
over 2 years ago
if facebook looked like this, id be much more inclined to use it.
over 2 years ago
Just wrote an article about this... really amazing! -- http://bit.ly/jonathanface
over 2 years ago
Again thank you all for the comments!
@Sam Mularczyk: When I started this design, I tried first with a darker blue instead of the grey. But it seemed that there wasn't enough contrast, that's why I tried with a dark grey.
@Brandon Davenport: wooow so cool mate! Great article!
about 2 years ago
I really like the layout solutions in this design but unfortunately it is let down by the very trendy graphics. If you applied the normal Facebook styling but kept the layout you would have something rather clever :)
about 2 years ago
Really nice
Download?
about 2 years ago
I'm sorry, but the utilitarian aesthetic of Facebook is a conscious decision and serves two key purposes:
1. It's outside trendy design fads like gradients, insets, drop shadows etc...
2. It's easier on their already-stressed servers.
about 2 years ago
Don't really like it
about 2 years ago
First, thank you all for the comments!
Just to explain a little better, my purpose with this redesign wasn't to make something "better" than the actual design. I only made this for fun and practice. It's my personal idea of what facebook should like. But that's completely subjective, and I understand that facebook doesn't need this kind of design with all these “trendy” effects. They wouldn't have reached 600 million users with a bad interface. So yes the actual design is efficient.
But on the other side, see twitter interface with very simple gradients and shadow effects. I find it very pleasant to use. For facebook, I think it could be the same, with a little more efforts on the design they could give a better user experience without stressing much more their servers.
about 2 years ago
Facebook's interface is mainly meant to be simple right from the beginning. In my opinion they have done their best to make it 'look' good despite the heavy content of the website. We can't actually comment on the beauty of the website as they didn't actually go for an eye-candy design.
It can be treated the same way as we treat Google; one can't point a finger on the Google homepage and say, "Uff this sucks!" :D More, in my opinion, it's the apps that make facebook look ugly at times. If they got to use interface guidelines matching with facebook (the same way as apps do for iOS), I believe it will bring a very smooth experience.
But above all, great design sense and words Jonathan, welcome to Dribbble! Looking forward to see more from you. :)
about 2 years ago
@Jonathan - Welcome, and congrats on nailing first on the Popular page with your first entry! Rookie of the year?!
about 2 years ago