Doing some realigning to our dashboard. Basically just smacking users in the face with some large & useful information.
over 2 years ago
Mmmm perfect contrast
Awesome work Josh... can't wait to see the final product!
Looks great :)
Everything is working together here. Nice man.
Not sure why, but cubic feet seems like a strange unit to show me how much gas I used :)
But what do I know.
I've got a fever and the only prescription is This Dashboard. Well done Josh.
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!"
@Josh: Confuses me as well! But my hard working little energy scientists tell me that it's correct :)
Try changing the font size of 'this month's gas usage' from 20 to 21. Shave off that lonely half a pixel :)
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! ;)
@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 ;)
Josh, well... if you only said that! — wat you waiting for attach the whole thing DOOD! — stop being pixel greedy!
You are a color wizard. Looks beautiful.
Love the colors here, bro!
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'
Good sense of hierarchy in the typography.
Why are there so many random colors? FIX IT!
She's a beaut.
May as well nudge the "5% from last month" up a pixel =]
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).
PS: much better than any utility company website I've seen.
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.
Looks fantastic, Josh. Nice work man. Like the others said, I can't wait to see the final product.
Looks slick! I'm really loving the colour scheme you've got going there.
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