Re: Design discussion: admin alert messages

[Hanne Moa]

Did you test the colors with a color-blind filter? Always a question to ask when red and green is given significance in any way. The new error red is better though, bigger contrast to the white.

On 7 October 2013 22:44, Ryan Allen <allen...@gmail.com> wrote:

https://github.com/django/django/pull/1715

Currently, all admin messages have a background color of light yellow, whether they are success message, warning message, or error message. Errors are displayed with red (#F00) text.

This pull request would give success messages a green background and errors a light red with dark red border and text.

Current alerts: http://imgur.com/a/dIO6O

Updated alerts: http://imgur.com/a/fw54u

--
You received this message because you are subscribed to the Google Groups "Django developers" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-develop...@googlegroups.com.
To post to this group, send email to django-d...@googlegroups.com.
Visit this group at http://groups.google.com/group/django-developers.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-developers/2ab5f4ee-16df-4bf2-8d3e-893885d51f39%40googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

[Ryan Allen]

Good thought, I'll get some color test screenshots put together today.

[Daniele Procida]

On Tue, Oct 8, 2013, Ryan Allen <allen...@gmail.com> wrote:

>Good thought, I'll get some color test screenshots put together today.

I've used <http://colorfilter.wickline.org> which I thought was quite good, but perhaps you know of better ones.

Daniele

[Ryan Allen]

Thanks, I found a Chrome extension to use - https://chrome.google.com/webstore/detail/spectrum/ofclemegkcmilinpcimpjkfhjfgmhieb?hl=en

[Ryan Allen]

Here are comparisons for several different color blindness types: http://imgur.com/a/JaLPD

On Tuesday, October 8, 2013 3:16:32 AM UTC-4, HM wrote:

[Ryan Allen]

Recent commits to improve error messages, particularly for those with color blindness:

[Russell Keith-Magee]

For the sake of completeness, it's worth pointing out two things:

 1) "Color blindness" isn't a single medical condition. It's half a dozen different conditions, all with different colour distortions, ranging from mild colour spectrum distortion (Protanomaly, Deuteranomaly and Tritanomaly), to complete absence of colour vision (Achromatopsia).

 2) The existing design already accounts for this. It's a monochromatic design (all messages in yellow) that uses icons to differentiate between "error", "warning" and "info". The proposed designs are introducing colour, but aren't removing the iconic elements.

For me, the only question here is the specific choice of colour. The existing design isn't heavily using colour to communicate significance of a message. Introducing colour will be a UX win for those with colour vision; if we pick a good set of colors, those with a mild colour sensory disorder will still be able to distinguish error types based on colour. However, even if you are completely monochromatic, the icons are still there, so a visual cue exists.

Yours,

Russ Magee %-)

To view this discussion on the web visit https://groups.google.com/d/msgid/django-developers/59c5ad77-ce65-4d51-8d3f-2a9253b6dd8c%40googlegroups.com.

[Ryan Allen]

Yes, thank you Russ. The conditions you mentioned were all considered when these screenshots were created, with the exception of Deuteranomoly (reduced sensitivity to green) as the test results were nearly the same as the Protonomaly (reduced sensitivity to red) screenshots.

For good measure - Deuteranomoly Success Message

[Ryan Allen]

It doesn't appear that the images I attached are being shown. Imgur instead:

Updated error:

http://imgur.com/JdoGyqw

Updated Error with Protonopia

http://imgur.com/Ve1ifAP

Deuteranomoly Success Message

http://imgur.com/QvqOHuo

[Marc Tamlyn]

Russell makes a valid point. As someone who has color blindness of some variety (which never seems to fit into any of the defined conditions you find listed on the internet...) I personally see almost no difference between the original yellow and the new green for success messages. However, the icons make it clear and they look sufficiently different to the error messages. I personally don't stand to gain much from these changes, but I'm not losing anything either. If they benefit someone with "normal" vision, go ahead.

Marc

--

You received this message because you are subscribed to the Google Groups "Django developers" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-develop...@googlegroups.com.
To post to this group, send email to django-d...@googlegroups.com.
Visit this group at http://groups.google.com/group/django-developers.

To view this discussion on the web visit https://groups.google.com/d/msgid/django-developers/fa627c40-3d46-4a73-b65e-2ba2991b24fc%40googlegroups.com.

[Ryan Allen]

Thanks Marc, good to hear from someone who really experiences color blindness.

--
You received this message because you are subscribed to a topic in the Google Groups "Django developers" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/django-developers/Fef1DEHxRNA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to django-develop...@googlegroups.com.

To post to this group, send email to django-d...@googlegroups.com.
Visit this group at http://groups.google.com/group/django-developers.

To view this discussion on the web visit https://groups.google.com/d/msgid/django-developers/CAMwjO1H5gx%2BKwZKxqFaKuUNvTvD2JZYYAY0zxjDC9kd0FymHaw%40mail.gmail.com.