keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers.
44,163,392,630 pixels dribbbled
Copyright © 2009-2012 Dribbble LLC. All screenshots © their respective owners.
Handcrafted in Salem, Massachusetts. Hosted by (mt) Media Temple.
10 Responses
Pro
Josh Hemsley
Loving the raised chart lines.
over 1 year ago
Pro
Liam McKay
This is sweet David, nice one.
over 1 year ago
Pro
Daniel Vernon
The simplicity of the font used for the numbers nails this.
over 1 year ago
Super sexy. Nice variation of Tims work on the graph. Its nice to see people who can be inspired without ripping off what they are inspired by.
over 1 year ago
Pro
Alex Pankratov
Contrary to what others have said (or perhaps not contrary, but in addition to) and don't take it the wrong way, etc. -- I suspect this design is not going to be exactly convenient in a day to day use. It is optimized for good looks and not for convenient access to the information presented.
Specifically, the middle part of the page - there's no contrast between the titles and numbers, they are spaced too far apart vertically and too close horizontally. Also scanning this information from left to right requires more effort and eye movement than if it were arranged vertically.
In the same vein - using light weight for the top text reduces legibility of the numbers. This information is not static, it will be perceived and parsed with every page read, so the focus should really be on making it easy to read rather than on just looking good. Heavier weight will go a long way here.
For the same reason substantial font size difference between the numbers on top and the information in the middle makes scanning the page more difficult than it needs to be. This is not a novel, nor is it a web page. It is a specialized information that is typically read very quickly, And current design does not appear to be addressing specifics of such usage.
over 1 year ago
Pro
Darren Geraghty
I really like the restraint of the design, I've worked on fi-apps myself and appreciate this. The line graph detail is great.
over 1 year ago
@Alex I like the way you think, it makes a lot of sense.
over 1 year ago
Pro
David Perel
@Alex - Thanks for your honest feedback. I'm afraid I have to disagree with your assumption that I first made it good to look at before I made it good to use.
I have been working on this App for quite a while, with the client we have gone through multiple iterations and I can promise you that this is by far the best solution. The dribbble you see here is 400 x 300 whereas the App sits on a 768 x 1024 screen. There is a lot of other information that had to be displayed on the screen which results in a few problems with content organisation.
If you look at some of the other Financial Apps for the iPad they chose to go with vertical organisation of the numbers - I have done that with the iPhone version - but on the iPad, the solution is not as clear cut as you may think.
The spacing could do with a bit of refinement and this will happen in the dev phase. Where I don't agree is with your comments on the weighting of the fonts. There is a hierarchy here and when you view the App in full, you will see that the numbers at the top have a clear prominence and readability relative to those below the line break. The weighting and sizes were chosen purely for scannability given the layout constraints and not just to 'look good' ;)
over 1 year ago
Pro
Alex Pankratov
@David - I appreciate the reply, thank you. My comments were based on what's visible, so if they are off, I have an excuse :) If you say the UI works I will take your word for it.
over 1 year ago
Pro
David Perel
All good Alex :) Just thought I would try put the design into context.
over 1 year ago