Words App Remake UI
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.
112,115,934,460 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
13 Responses
Quite satisfied now with the sidebar UI. What do you think about the colour indicators? Green = unread article, yellow = article with marked text, blue = article with custom tags, black = archived article.
I wanted to find a non-intrusive way of indicating these different article states. It took me a while, but I am quite satisfied now. They make the app feel a bit more lively, but don't piss you off after a while. As far as I see it. What do you guys think?
For the big picture, check out the full screen attachment.
The article view on the right isn't anywhere near final so far. So don't be to hard on me with it.
9 months ago
Love it, great job! drop an outer and inner shadow on those green, yellow and blue tabs
9 months ago
@Danny Arar Thanks. I will give it a try. But I don't want to over-extend it. I will see.
9 months ago
If you look at the black tag closely you will see it forms a small gradient between itself, the 1px border and the background of the article box. That's because the border of the tag is a colour in between the black of the tag and the lighter grey of the background. A small thing like this detracts from the overall awesomeness of this UI. The rest is all great.
9 months ago
I actually think this UI as a whole would look a good bit better with fewer (or less intense) drop shadows and borders.
9 months ago
@Flavius Mihaiu Yes, you are right. I will fix that. Thanks for noticing and your feedback. Keep it up.
9 months ago
Pro
Julie Ng
Hmmm, maybe something else instead of tabs? Circles? Something more subtle?
I think if it's read or archived, you can just fade the article a bit, for example.
I'm not sure how easy it is to understand the yellow and blue as marked and custom tagged. I would prefer symbols on those fronts, like a highlighter and a tag icon, for example. And these should be subtle too.
Just some ideas :-)
9 months ago
@Julie Ng Thanks for the feedback. I probably will go for something more subtle. I had the same feeling today. But no icons. But I will go for something different on archived...
9 months ago
Pro
Dmitriy Chuta
Awesome UI
9 months ago
Blue circles are usually used for unread items, no? Love the project.
9 months ago
Pro
Alex Pankratov
I'd keep sidebar icons in gray palette to reduce visual noise. Looks very nice otherwise.
9 months ago
Thanks @Dmitriy Chuta, @Joseph North & @Alex Pankratov.
9 months ago
Rebound
Better sidebar?
by Sven Read
I wasn't satisfied with the plain sidebar (used in quite a few apps nowadays), so I added a more app-like feeling to it (Inspired by the latest work of @Mikael Eidenberg. Awesome stuff.). Is this for the better or worse?
Archived articles are now darker & have no label anymore. The labels got smaller & not so distracting.
Be sure to check out the 2 big screenshots. One is with the collapsed article list. This is the normal view you would have if reading an article.
The icons need a bit more love, but that has to wait until tomorrow :).
What do you think? Am I taking it in the right direction?
9 months ago