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,957,002,911 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
29 Responses (page 1 of 2)
Pro
Josh Hemsley
Doing some realigning to our dashboard. Basically just smacking users in the face with some large & useful information.
about 2 years ago
Mmmm perfect contrast
about 2 years ago
Pro
Shaun Moynihan
Awesome work Josh... can't wait to see the final product!
about 2 years ago
Pro
Rich McNabb
Looks great :)
about 2 years ago
Everything is working together here. Nice man.
about 2 years ago
Pro
Josh Brewer
Not sure why, but cubic feet seems like a strange unit to show me how much gas I used :)
But what do I know.
about 2 years ago
I've got a fever and the only prescription is This Dashboard. Well done Josh.
about 2 years ago
Pro
Josh Hemsley
Shucks fellas.. you guys are always way too kind. Feel free to rip this to shreds!! Let me help you... :)
– "That top border looks blurry, FIX IT!"
– "Why are there so many random colors? FIX IT!"
– "Those font weights are making my head explode. FIX IT!"
– "Get rid of the ugly guy in the left corner"
– "Your top/bottom margins are off. FIX IT!"
about 2 years ago
Pro
Josh Hemsley
@Josh: Confuses me as well! But my hard working little energy scientists tell me that it's correct :)
about 2 years ago
Try changing the font size of 'this month's gas usage' from 20 to 21. Shave off that lonely half a pixel :)
about 2 years ago
Pro
Juan Arreguin
What Josh said! — no but looks great man, that "aqua" color for the font might not be the right one for this page, but looks good so far! ;)
about 2 years ago
Pro
Josh Hemsley
@Sacha: On top of it! :)
@Juan: I was waiting for that one! Hehe. But the color comes from a selected icon of Gas, Water or Power all of which have their own unique color value carried throughout the site. These are located on the right side of the page. In other words, it makes more sense in full view ;)
about 2 years ago
Pro
Juan Arreguin
Josh, well... if you only said that! — wat you waiting for attach the whole thing DOOD! — stop being pixel greedy!
jaykay!
about 2 years ago
You are a color wizard. Looks beautiful.
about 2 years ago
Love the colors here, bro!
about 2 years ago
There are a range of weights, sizes, colours and styles going here with these few words. Tthe red arrow looks too large, but also seems too small, not sure why it's that size. For me, there is far too much decoration overall.
As an experiment, try changing all text to either white on dark or black on light. Then pick one highlight colour. I'd think that GAS USAGE text should be the same colour as the green text that reads 'My Home & Utilities'
about 2 years ago
Pro
Mike Precious
Good sense of hierarchy in the typography.
about 2 years ago
Why are there so many random colors? FIX IT!
about 2 years ago
Pro
Brad Haynes
She's a beaut.
about 2 years ago
Pro
Shaun Moynihan
May as well nudge the "5% from last month" up a pixel =]
about 2 years ago
You're getting lots of comments, but I'll continue to help.
Beautiful design, good type but cubic feet of gas is not relevant to me. It literally means nothing & is generally the most confusing part of my bill. Comparisons, neighborhood or national averages are a little bit more relevant. Even the 5% change month over month is better than the integer itself.
Any reason the account is top-left? Usually it's top-right (as a UX pattern).
about 2 years ago
PS: much better than any utility company website I've seen.
about 2 years ago
Pro
Josh Hemsley
@Sean:
Thanks for the comments! I do agree with you. The reason to keep cubic measurement is simply that it is being pulled from your utility statements & this portion is meant to replicate that data as seen on your usual statements. So we come across two things, 1) keeping the familiarity of it as a statement reading and 2) keeping our metric conversions to a minimum at this point. We're already dealing with the headaches of other systems of measurements such as therms(which is still a confusing metric) and others. I certainly appreciate the comments and the reinforcement that this needs to be addressed though!
Luckily we also do the comparisons verse location, averages, weather patterns, etc.. as you mentioned. But it is always a continuing process and goal for us to provide a friendlier way to display the data.
The account display (Manage Homes & Utilities) actually plays a huge part in user engagement and is pushed higher in the application's hierarchy than your normal "account settings". It's more along the lines (although even more so) of managing multiple accounts in banking applications. Another reason is to give the user a better sense of ownership to the application. The placement of it enforces this a bit more than it would being in the top right.
We'll definitely be running tests along with the placement to see if breaking the usual pattern may proves to be beneficial or too unusual, but from what we've gathered so far it looking to be a decent solution at this point.
about 2 years ago
Looks fantastic, Josh. Nice work man. Like the others said, I can't wait to see the final product.
about 2 years ago
Looks slick! I'm really loving the colour scheme you've got going there.
about 2 years ago