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.
113,665,183,593 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
16 Responses
Graph for the stock reader app. It pops up inline when the name is tapped. Its supposed to give a quick snapshot of a stock's current status.
6 months ago
Pro
Wouter de Bres
Looks really clean. Love it. Maybe a little bit more contrast for the graph bars would make it perfect.
6 months ago
Pro
Mads E. U. Sorensen
I love how this is simplistic, even though you use some stroke, and a line between the white and gray parts. Very subtle.
6 months ago
Pro
Hüseyin Yilmaz ☺
Looks nice but i agree with wouter…
And nice tag. :)
6 months ago
The line graph is 10x more important than the bars and the design is equally weighted to represent that. Maybe it is getting a little lost in all that gray though.
6 months ago
Pro
Tom Brennessl
Nice, would be great in the set of dashboard widgets.
6 months ago
Pro
Yura Yarokhovich
All is great, but what is a idea with bars? Why they so light? Nevertheless, it looks very simple and usable.
6 months ago
Pro
Manu Gamero ☁
Still love your style
6 months ago
Pro
Ian Storm Taylor
Really nice and clean. It took me at least 30 seconds to understand that the bars were trade volume (if that's what they are, I'm still not sure). I thought they were just a background at first, and was wondering why it was cut off in a weird mask.
I think most people are accustomed to seeing those bars tacked to the bottom, not the top.
I'm also confused about the timespan. It might help to throw labels in the bottom-left and bottom-right corners. I assumed it was a quarter or a month, but then the dotted line looked so high that I had to assume it was a day to get that much fluctuation.
6 months ago
I think most of those problems don't exist if we're thinking in context to the users.
I used to work at Reuters and spent a lot of time on markets. My decisions we're based on the behaviors of that industry; for instance, financial news agency's show inline tickers with that day's trading stats, the dotted line is the last closing price, etc.
Most of the problem seems to be coming from the bar graph. The pop-up is meant to be a fast info, no need for specific info. I added the bars just to make it a bit more interesting. Maybe I should have just made it a bit darker.
6 months ago
I would go with the standard green/red for stocks, just for a quick glance view anyway - you'd want to quickly see if the stock is up or down. I only know in this shot from the tiny arrow.
6 months ago
Pro
Mani
awesome +10 dude ;)
6 months ago
I follow the market pretty closely and all the charts are designed terribly, wish someone would completely redesign them!
6 months ago
While I understand this is not a fully functional graph, without any kind of time period to give context to the information, it doesn't really given much information to the user. I would add a small label below the graph which says "today" or "this week" or whatever the graph is supposed to represent.
6 months ago
@Will Haynes the graph is in progress, which would mean its happening as you read it (the article).
6 months ago
Even after the markets close?
6 months ago