New website style discussion
15 Sep 2016 19:34:31 UTC
Topic 201161
(moderation:
Oliver Bock wrote:
Ageless wrote:
Forum links are in blue, so why can't the number over the link to the post which is being responded to be blue?The other header links are grey (bold/capitalized) and so too are other less important ones like "ignore user" or "send message". It's just a design decision to make less important links stand out less and be less distracting that way. That's all there's to it.
I think it might be worthwhile to have a style thread, as style and missing from website are quite different, most of this post is more about style issues.
Quotes indent left and right margins, that leads to nonsense (I know there is a joke here...
) after about four levels on a normal screen, perhaps left margin only?
Some things on the page are in BOLD CAPITALS but are not links.
Some links are coloured blue, some grey, some black.
Hover behaviour is inconsistent, sometimes underlining sometimes displaying URL.
The most likely operations i do are after reading a thread.
- Return to the list of posts (no EXIT THREAD path but if you wander around the page and find the FORUMS header line is a underlining link) (in black amongst other black upppercase and not in blue) RETURN probably needs to be near LAST.
- Quote a post (not in blue)
- Reply to a post (not in blue)
- POST COMMENT at the bottom. If thread is in newest order (most common board convention) this should be near the latest comment (near top).
- Some other things like go to a message (in grey)
- The least likely thing i would do is look at a profile (in blue)
I know i have mentioned upper case style before and i apologize again for mentioning this again, i should have posted this site earlier - i use it a lot for my work communications.
Should-you-use-text-transform-uppercase-in-your-style-sheet
I'm really starting to see what Drupal can do, and i hope we get a taste soon of the website changes to come.
Quote:I think it might be
)
There you go
Einstein@Home Project
AgentB wrote:Quotes indent
)
I think this is something we could think about.
I will agree with Oliver in that this was a style choice. I think there is a lot of personal preference here. I can see both sides of the argument: that all link should have the exact same style for simplicity, and that if all links are the same style that can create an ugly monolithic look.
I think it may be a good idea to include a link at the bottom of the page to either 1) the top of the page or 2) a link to the parent forum.
Also, having the Post Comment box anywhere but the bottom of the page is not simple. Drupal renders all the comments at once, in either "oldest post first" or "newest post first". And breaking this up may not be possible.
Einstein@Home Project
Oliver Bock wrote:Quote:I
)
Thank you Oliver
OK As I mentioned this, and Oliver put on his sunglasses
, i should at least talk amongst myself.
Double posting is therefore encouraged, in fact probably mandatory in this thread! better to have 5 small posts per topic that one long post with many topics
I know style can be a personal thing, so i'll try to say what i like or not and especially why. I'm more for consistency and simplicity. Less is more.
Some inconsistencies.
For example Reply and REPLY on the same page, i find that inconsistent.
Use of 3D effects for example in the Format drop down box in the editing pane above - it is not 3D.
However in the EDIT your own post , the "Forums: *" drop down is 3D.
The feedback on click is missing or different.
Eg. on SEARCH a box is displayed around SEARCH when you click, which is a good thing (some visual feedback). Most other link clicks give no visual feedback leading to the "did i press it?" feeling. Eg the COMMUNITY Statistics link is one such example of no feedback.
Table and indexes
)
Table and indexes comments
Any page which has a table, repeating the same word on each line in the same place is eating screen space. "ago" in the forum indexes appears twice on each line.
May i start a campaign "ago to go go" ?
Created and Last posted date may be better put in an absolute fashion rather than a relative time. This would make older pages look sensible not every post is "11 years 30 weeks ago". Perhaps todays and the weeks posts could be presented as "Today hh:mm" then DOW like "Friday hh:mm".
Don't put non-things in things columns. This may annoy people with with OCD
. (Featured / Locked in Date column) these are status flags and deserve their own special column(s). (recycle ago-gogo space)
Sort (and search/filter) on every column properly if you can click on the column header.
I like the index item highlights grey as you hover over. Maybe if i clicked when it's highlighted that would be nice to open the thread.
I'd rather like to have an owner column then i can sort on that.
Dates...List of tasks page
)
Dates...
Task detail page for example https://einsteinathome.org/task/577063552
Created: and other dates
21 Sep 2016 22:19:03 GMT
No delimiter between data and time, and GMT time zone.
Computer detail page https://einsteinathome.org/host/12245654
as above for created date, but
Last time contacted server: 23 Sep 2016 | 22:09:01 UTC
has UTC and an underscore delimiter.
Workunit detail page https://einsteinathome.org/workunit/255830202
Mixes GMT and UTC and one has the stray comma delimiter.
List of tasks page eg. https://einsteinathome.org/host/4918234/tasks
Example 23 Sep 2016, 8:11:18 UTC
Uses comma between date and time values, and UTC timezone
and...
Sent and Time reported or deadline date columns
They have different column widths - so they wrap differently
When you scroll down on that page the header row, header row changes to grey and these four fields
Run time CPU time Claimed credit Granted credit
change from left to right justified for some reason.
Thanks for the information
)
Thanks for the information AgentB. The date layouts is the kind of thing that bothers me because I'm somewhat OCD about it. I'll put in on the issue list.
In general I am inclined to agree with most of your comments that you have pointed out in this thread. We already have a number of these items on our fix list. But many of them are lower on the priority list and we have been working on some other non-UI problems recently.
Einstein@Home Project
AgentB wrote:For example
)
The capitalization difference is due to one being "h1" and the other being "h2", different heading/title styles. "H1" is all caps while "h2" is slightly smaller and not all-caps. This is one of those style choices that could be argued forever.
This is because the Format drop-down is part of the TinyMCE editor, which is in Javascript, while the Forums drop-down is an HTML element. There isn't much we can do to change this.
Einstein@Home Project