Final version of my personal project. Tried a lot of different scenarios, this one seemed to stick.
A part of the 'Apps I need' collection.
5 months ago
This looks good. Nice to see it become what it is through the iterations here on dribbble.
Perfect structure. Didin't have to think about certain elements, it's logical and refreshing. +1
great Victor !
Wow, great job man.
Pretty nice interface
its very, very cool, but I just think you do not need the bottom edge in the search all, and could work with opacity, on the edge of the top menu icons.
Search top left :s
That's not going to work in practice.
Also shouldn't the logo sit central the header elements rather than the whole container, considering the container will differ a lot more.
Also, the dots, what do they represent? They seem to be online, away and offline, but you already have friends divided by online and offline so that seems pointless.
And there are several alignment & spacing issues which I can't be bothered to go through.
I like the style. Why are there two columns of content? Seems like stuff could be mixed up if you're looking for a timeline view. Items on left column may be longer (item box height may be large) than right panel and they'll go out of sync time-stamp-wise. Or am I missing something?
Amazing! Great work with a clean structure and nice colors!
@Ryan Murphy Oh hi there! The search is one of the major things in this web application.
I agree on the logo.
The dots obviously represent 'Online, 'Away', and 'Busy'. I don't really see your point why it is pointless to divide Online/Offline. I was thinking it would be useful to be able to show/hide the Online/Offline section.
Very helpful with the last part of your feedback, thanks! :)
@Victor Erixon What font are you using?
@Tobias Negele Source Sans :)
@Victor Erixon Search is always a major thing, and it rarely works on the top left, especially on a new site.
Dots are my bad.
I've done a couple of projects where the blocks have that pinterest style layout (two or three column with varying height divs) and I just personally don't find it to be as easy to absorb information because my eye is constantly looking for the bounds of each box. Great design though. Looks really well done and thought-out.
@Ryan Murphy Not always, but most of the cases, yes. Thanks I'll take that under consideration.
looks nice, though I'd recommend not using the same colors for your "groups" as you use for online, away, busy statuses.
I think search on the top left is actually becoming more intuitive. I like how Spotify, Skype, etc all have it there. For a UI like this, I think it makes a lot of sense to have it right above the side panel menu. I also the feel like the logo placement feels a bit strange.
This is a great looking project, @Victor Erixon . Really quite inspiring.
Using (the same) colors for groups and activity status, might be a bit confusing.
Is the blurred background part of the app, or is just presentational chrome? Just wondering :)
*edit* Only just saw @Nick Holmer already mentioned it. Great Nicks think alike.
Bravo! Love the colors/layout.
I would really like to see the restaurants and cruises icons in the same style as the other (colors that is) otherwise I love this!
Colors + layout are beautiful. Styling of the icons are fantastic too.
However, how come there's a 'Comment' link when you already have a 'Write a comment' field under each item?
I also wonder if there should be a 'hide' function on the chat section. And where do you view chats that are active?
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–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter