I wanted to stick to Twitter’s actual design with this, but definitely wanted that Direct Messages button somewhere more accessible.
Reasoning behind a few other tweaks:
Dropped “View my profile” – most users will know clicking on a name or avatar links to their profile anyways
Bigger numbers – a bigger ego is a healthy ego. Right? Or something like that.
Bigger face – who doesn’t want a big ol’ face?
One last thing, and I say this because I thought about it while I was browsing the other rebounds of this shot: why do people jump at the opportunity to dramatically redesign an interface? You have no idea the processes that were involved to lead to the original design. Ideas you’re trying may well have been tried and lead to a dead end. Don’t assume your idea is original or better. And definitely don’t be afraid of criticism that your idea is actually worse for users than the original.
That’s all. I hope I don’t start a flame war by saying that. It’s all part of the ongoing unsolicited redesigns debate.
EDIT: this took me much less time in HTML/CSS than it did in Photoshop. Check it out.
over 1 year ago
Nice! I agree with your points. Only thing I think I'd change is the white area that contains the pic and info. Below it there's inner shadows and depth so I guess I was expecting the same up top? More lighting that caused that inner shadow. Either way, looks great!
Don't like the red background but the interface is great. :)
@Dominik Martin I just made it match my Twitter profile background :)
@Cat Smith now that I look at it, I maybe made the shadow a little strong. Thanks for the feedback!
@Dan Eden aaah. I see. :)
Not a problem! Thanks for participating! Nice dribbble shots.
They will be hiring you at this rate, not just because every other designer has left that sinking ship (visually / functionally) but because yours is actually nice.
Nice. BTW, I love your rant. Amen to that.
Yours is the only one I like of these and for that reason. When you get hired, you can't just go in and redesign the whole thing. You have to work within the contraints of the existing product most of the time. This looks great dude.
Smart direction and great points. Nice work.
@Tim Smith or the opposite, if the existing product isn't working successfully so requires a different design team's perspective and research to create an entirely new experience, but using practically the same core content.
In terms of the shot, the added feature of personal messages makes perfect sense and looks good too. But, I would argue that it isn't entirely clear that clicking the user's name takes them to their profile...
@Peter Tait @Tim Smith Tim’s certainly right when it comes to an established company. Twitter has had a number of redesigns, and each one seems to make the product better in some respects and much worse in others. A good designer enters an existing product and works within the framework to develop it further. It’s difficult to distinguish bad foundations from personal taste.
@Dan Eden @Tim Smith Both are correct. Obvious examples are the new direction of Windows or Twitter's complete redo of their previously good iPad app. Not necessarily about personal taste or bad designing, because it would be based on research on whether there is a need for change and if there is then that would in turn create the constraints and aims for the new redesign.
Just my 2 cents...
This is awesome, @Dan Eden
Not bad, but a bit crowded, perhaps?
This is great. Nice job staying with the initial layout of twitter! Maybe add a slight section for the bio? Epic job. ^-^
@Dan Eden, just now reading everything you wrote regarding "redesigning interfaces". You're right, nobody necessarily knows the thought process that went into the redesign. By doing this rebound, my intentions weren't to bash twitter for its UX/UI Designers "mistakes" lol. When I started this playoff, it was simply because there were features that I wish were there. It's simply stating what it would look like if I had a go and constraints weren't in play.
Dribbble is a place where we can let our mind run free. There are people here who shoot just for fun, for work and need critiques/feedback, or both. If anything, I feel like this (non-judgemental) community is what allows us to break free of the daily constraints we're put under with clients (some not all) and let our creativity run free.
Constraints for certain brands are absolutely necessary, but the reason we're so quick to jump (I'd like to think I'm speaking for myself and others, too) is that we know that maybe we're not the only designers who feel the same way about the color scheme, UX, or UI Elements in place. Maybe the photos would look better round instead of boxed to you, but that's your idea. That's the mock up you came up with in your head and I feel like in this community, that excuse and that desire to recreate something, is enough.
I hope, I too, have not starting any flame wars. Hope you understand where I'm coming from.
^^ What she said.
My rebound was also not a replacement, it was a fun experiment (like most of my work on Dribbble). It'd look a heck of a lot different if I were designing it for Twitter, probably a lot more boring, too.
I like the subtle details here! Really nice!
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.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.