PDA

View Full Version : More distinct icons, please...



bartmoss
04-13-2010, 03:27 PM
Hi Guys,

Sorry to bother anybody with this, but the icons used on the forum to indicate new posts in threads etc are very very hard to distinguish for me. I am colorblind and to be honest they all look the same to me. :S

It's certainly not urgent, but if you ever work on the layout, could you please keep it in mind and maybe see if you can change the colors around a bit for greater contrast? Needless to say I'll volunteer as a guinea pig! ;)

Thanks,
Nils

jwbjerk
04-13-2010, 04:13 PM
Is there a FAQ or something that explains what they mean? I can see them, but i don't understand what they mean.

RobA
04-13-2010, 04:30 PM
Hi Guys,

Sorry to bother anybody with this, but the icons used on the forum to indicate new posts in threads etc are very very hard to distinguish for me. I am colorblind and to be honest they all look the same to me. :S

It's certainly not urgent, but if you ever work on the layout, could you please keep it in mind and maybe see if you can change the colors around a bit for greater contrast? Needless to say I'll volunteer as a guinea pig! ;)

Thanks,
Nils

We just set them up with the new forum and had run them past a colour-blind evaluator.

This is new posts:
http://www.cartographersguild.com/images/cartographer/statusicon/thread_new-30.png

This is no new posts:
http://www.cartographersguild.com/images/cartographer/statusicon/thread_old-30.png

In the forum list, they are new posts in forum:
http://www.cartographersguild.com/images/cartographer/statusicon/forum_new-48.png

No new posts in forum:
http://www.cartographersguild.com/images/cartographer/statusicon/forum_old-48.png

I can see the last two are close on the monitor I currently have. On a different monitor they were significantly different. Which are problematic?

-Rob A>

RobA
04-13-2010, 04:31 PM
Is there a FAQ or something that explains what they mean? I can see them, but i don't understand what they mean.

Look at the bottom of the page when viewing a forum. There is a key.

-Rob A>

Jaxilon
04-13-2010, 05:17 PM
I agree with you RobA regarding the last two icons. It would be nice if we could amplify the glow on the new post one so it is more than just the little circle in the middle. I usually just click into a thread anyway because half the time my icons don't seem to be correct anyway. For example, I know I just read the last message in a forum and click on the "Forum" button in the upper left corner only to see the icon indicating there are more to read there. So I go check it again and what do you know but there are no new posts.....not sure if that's a browser issue or what. I use Firefox 3.6.3

Anyway I would support that 3rd icon you list having an outer glow if someone can do that. If I have time I may even see if I can mock up what I'm dreaming of.

I just had to try

Jaxilon
04-13-2010, 05:58 PM
Not sure how bad those first 2 look to a color blind person but maybe if we had a lightning bolt or a cracked glass look on the one that has new posts?

FYI - I'm just trying to be helpful and not endorsing or agreeing that anything needs to be changed. All I'm doing here is just avoiding some real work I need to go do..which I will go to after this post since I am out of ideas and can no longer use this as an excuse...dangit!

Feel free to use or abuse or ask for something else these are only quick mock ups and I'm sure some of the experts here can do better:

jwbjerk
04-13-2010, 07:41 PM
This is new posts:
http://www.cartographersguild.com/images/cartographer/statusicon/thread_new-30.png

This is no new posts:
http://www.cartographersguild.com/images/cartographer/statusicon/thread_old-30.png

I'm not color-blind, but as i see it, the main issue here is that you have two icons, neither of which obviously has more emphasis than the other, and which might not be easy to distinguish if both weren't on the screen at the same time-- it's the same jewel, unless you observe it carefully, you wouldn't know if you are looking at a page of posts all of which you haven't seen, or all of which you had.
1) A brighter jewel, but one with less saturation
2) A darker jewel, but with more saturation
So both get about the same amount of emphasis in different ways

if for instance, the "unread" jewel was vibrant blue, and the read one was nearly grey, it would be intuitive which was which. For even greater usability, there would be some sort of difference in the form. Lots of other ways to make the distinction more obvious are possible too...
23779



Those forum icons are on my screen extremely close.



Look at the bottom of the page when viewing a forum. There is a key.
Thanks.

RobA
04-13-2010, 08:28 PM
I'm not color-blind, but as i see it, the main issue here is that you have two icons, neither of which obviously has more emphasis than the other, and which might not be easy to distinguish if both weren't on the screen at the same time-- it's the same jewel, unless you observe it carefully, you wouldn't know if you are looking at a page of posts all of which you haven't seen, or all of which you had.
1) A brighter jewel, but one with less saturation
2) A darker jewel, but with more saturation
So both get about the same amount of emphasis in different ways

if for instance, the "unread" jewel was vibrant blue, and the read one was nearly grey, it would be intuitive which was which. For even greater usability, there would be some sort of difference in the form. Lots of other ways to make the distinction more obvious are possible too...
23779



Those forum icons are on my screen extremely close.



Thanks.

Well.... There is already a desaturated gem for deleted threads, so we don't want to go too desaturated. Could beef up the white outer glow if that would help.

@Jaxilon - They never seem to match the contents for me either.... I usually just use the "New Posts" link.

-Rob A>

Talroth
04-13-2010, 09:07 PM
Rather than just changing the colour of the Icon, why not add something like a gold star in the upper left for new posts, and a red X in the bottom right for no new posts? As they are now it is annoyingly hard to tell the two apart at a quick glance. Personally I would go so far as to add completely different icons.

a2area
04-13-2010, 09:58 PM
I have color issues as well.. but mostly reds and greens. The current icons don't look the same color to me but i think the differences between the two are very subtle, probably for the sake of keeping the side design streamlined. The problem is that the icons tend to not really "do their job". Personally i don't even look at them but i'm not sure if this is the reason. A smart solution wouldn't be unwelcome from this corner... sorry i don't have any bright ideas to contribute at the moment though (0:

jwbjerk
04-13-2010, 11:46 PM
Rather than just changing the colour of the Icon, why not add something like a gold star in the upper left for
Or a prominent gleam, with rays that extend beyond and thus alter the silouette, something like this hasty example:
23787

Talroth
04-14-2010, 01:19 AM
Or a prominent gleam, with rays that extend beyond and thus alter the silouette, something like this hasty example:
23787

I would go with making the orb even smaller, and extend the rays more. The point of an icon is that you should be able to understand it without thinking.

tilt
04-19-2010, 10:38 AM
yep the gleam works much better :)

bartmoss
04-20-2010, 12:57 PM
Whoa I did not think I'd spark two pages of replies :)


We just set them up with the new forum and had run them past a colour-blind evaluator.


I can see the last two are close on the monitor I currently have. On a different monitor they were significantly different. Which are problematic?

-Rob A>

Cool, at least you thought of it - thank you; I do really appreciate it.

To me both types are problematic. Sounds dumb, I am sure. I am not "really" colorblind, that is, I don't just see shades of gray or something, I don't know the technical terms. It's basically that some colors blend into each other and I just can't tell the difference well. When the icons are right next to each other, it's not so bad. When I only see one kind, I could not for the life me reliably say "this is a topic with new posts".

I think for me the solution would be to make the "new posts" icon brighter. Maybe go for a reflective glass look.. I don't know. :(

RobA
04-22-2010, 06:21 PM
I added a 4 point gleam as a test. How is that?

-Rob A>

Jaxilon
04-23-2010, 04:55 AM
Looks good, just need to add the gleam to the new icon when it's a thread you have replied to. You know, the one with the little yellow feather.

Then I guess you need to update the legend at the bottom of the page to indicate new posts using the new gleam icon.