ember.js-dashboard
ember.js-dashboard copied to clipboard
pangratz
Ember-flavored Theme
I spent an hour or so rewriting style.css and changing around some templates. There's some minor UI improvements and the whole page looks very Ember-y now.
Tested in current Chrome and Firefox, but I'm not real worried about it rendering badly in other browsers.
Wow, looks very good! Before I'll merge I want to get an OK by the Ember.js officials for copying the design. I don't think this is an issue, but I just want to be sure.
Anyway, thanks a lot!!
@wagenet @wycats @tomdale are you ok with adapting and copying the official Ember.js style? Preview is at http://liamdanger.github.com/ember.js-dashboard
I'm sorry to bring any negativity to an open source discussion, but the current dashboard design is far superior to this revision from a UX perspective.
The main purpose of the dashboard is to focus the user's eye on a multi-stream overview of the most important recent ember-related content, in order to let the user quickly scan the page and pick out the most important information that's relevant to them.
Because there are so many different objects on the screen at a time in the ember-dashboard, the design focus should be on making individual content pop out from a minimalist or contrasted background.
This revision attempts to copy the emberjs.com theme (where your main focus is on one thing at a time - a completely different design/use case) in a kitschy-derivative manner. In contrast to pangratz's ember-dashboard, this revision's low-contrast color choices and extraneous header design just makes the experience cluttered and inelegant.
The current ember-dashboard design makes content pop out of a minimalist white background and correctly influences the user to focus his/her attention on the actual content instead of producing a sense of loss and misdirection.
I vote for the original design.
@jjjohnson
I understand your points, and I have been worried about contrast, so I pushed a commit that addresses some of them. I'll also do some design pontification for good measure. :)
The main purpose of the dashboard is to focus the user's eye on a multi-stream overview of the most important recent ember-related content, in order to let the user quickly scan the page and pick out the most important information that's relevant to them.
This is exactly the reason for my redesign--lack of whitespace in the original design made it difficult for me to scan. Notice that whitespace is increased throughout the page and disparate elements (such as tags and post statistics) are separated within their entries.
Because there are so many different objects on the screen at a time in the ember-dashboard, the design focus should be on making individual content pop out from a minimalist or contrasted background.
Correct, and my original intention (before any theming came into play) was to do just this. I've increased the padding around each entry and added an inner shadow for further visual separation. Though the background colors have changed, the level of contrast remains similar.
This revision attempts to copy the emberjs.com theme... in a kitschy-derivative manner.
Guilty as charged, I guess? My thinking here is that a page devoted to feverish consumption of ember.js news ought to wear its team colors, if you will. :) Since my main objective here is improved readability (which I've achieved by all my metrics), I wouldn't be too broken up if the theme layer gets nixed by vote or word-of-dev.
I hope that clears up my design rationale for everyone. Let me know if you have any comments, I'm not averse to feedback.
