What would you choose palette and the coloring interface elements?


Warning: count(): Parameter must be an array or an object that implements Countable in /home/styllloz/public_html/qa-theme/donut-theme/qa-donut-layer.php on line 274
0 like 0 dislike
14 views
Along with a proposal to make a new design for messages on habré for the next version of userscripts, is thought to improve the graphical presentation of pages in the current version to use as a starting prototype of the new design.

Still design no one seriously engaged in — the focus was on the size of the components and ease of use. Design mixed — available from Habra, from elements of the old Habra Habra and changes at different times. Some elements Habra look, in fact, unattractive and do not serve as orientation (for example, no separator between the article and the comments, so I had "on the go" to smooth out the color and set any color separators. The mechanism of separation of authors according to the popularity received 20 paint marks, and the first task was to test its usefulness, not to find the harmony of colors or other elements.

Now the functionality is more or less established, so you might think "Oh great". Offers a few typical pages. Question: how would you have designed these pages to adhere to the principles of compactness and avoid repeating deficiencies (such as named just above) the original design?

The answers may be in the form of the same drawings, but recoloured in Photoshop/GIMP, with an explanation of the ideas of changes (e.g., palette, changing the size of elements, for what purposes, etc.). As the original files are 3 groups of 3 drawing:

1. Without scripts and styles in General (in addition to the standard site).

image image image

2. Without ZenComment, but HabrAjax.

image image image

3. With ZenComment and HabrAjax.

image image image

References page:
habrahabr.ru/feed/new/
habrahabr.ru/qa/19443/
habrahabr.ru/post/143974/
All groups show the same areas of the page:
1) the portion of the Tape with the questions, answers and articles (type");
2) deployed without reloading the page question with answers (for groups 2 and 3, and for the 1st — just the question page with the answers);
3) the article and the beginning of the review (shown in colors colors authors, causing a lot of criticism).

The basis can be adopted by any group, however, interested in the compactness of the 3rd group, even if slightly less, but not more than twice stretched the traditional ribbon. Need more quality and a good design which will be easy to pull in existing layout and scripts. So unwanted ideas with a complete reworking of the layout — these ideas are expected for the next version of the scripts. However, the current version is not dying, it besides convenience, in need of repainting.
by | 14 views

3 Answers

0 like 0 dislike
spmbt, my opinion has not changed — No ZenComment Without HabrAjax. Both implementations are poor in terms of color palette.
\r
Better to bring the whole palette to 2-3 tones of color and use different saturation or brightness for the selections.
by
0 like 0 dislike
In my opinion you complicate. Now pages look light, you are suggesting to hang on them a bunch of elements.
It is not clear why you say that there is no separator between the article and comments, it is, it displayed the date and other information.
And then, remember 30 color values of popularity of the author, in my opinion it is too.
by
0 like 0 dislike
> Now the pages look light...
— the aim of the project is to improve the information content and usability. Now page light and the mouse to turn a lot and texts separated by a void, causing 50% loss of space. A lot of items, and for helpful information before my eyes. And, by the way, some of the information is hidden and appears when pointing with a mouse (favorite, a reference to itself; there is no arrow at all). If you look at the "Zen" mode in the styles — there are buttons of the evaluation are hidden. Instead, added (yet) paint marks frequency of the review authors and at the same time indicators of different authors. Not getting a grasp in the names, once I see how many authors there is a dialogue, if there is a author, many expressed or not. For this it is advisable as many labels as there are authors in the topic, and they can easily be more than 30. You can do dynamic notes of various authors, but it is a different system, it has not been implemented (and show me where it is implemented).
> why do you say that there is no delimiter
- If it is bad and noticeable, this is equivalent to saying that it is not :). Have you ever tried to quickly scroll through a long article before the start of the review? Remember how closely you have to look for these non-contrast date and other information?
by

Related questions

0 like 0 dislike
7 answers
0 like 0 dislike
4 answers
0 like 0 dislike
1 answer
0 like 0 dislike
2 answers
0 like 0 dislike
2 answers
110,608 questions
257,186 answers
0 comments
27,917 users