We are considering changing the colours in the diff page view for mobile. Previously Vibha and Munaf had explored this (see results below). Have we run similar tests for the new colours on the diff page?
---------- Forwarded message ---------- From: Munaf Assaf massaf@wikimedia.org Date: Thu, Mar 28, 2013 at 3:21 PM Subject: Diff views for the colorblind To: Jon Robson jrobson@wikimedia.org Cc: Vibha Bamba vbamba@wikimedia.org, Maryana Pinchuk < mpinchuk@wikimedia.org>
Vibha and I tested these settings out and they work pretty well.
[image: Inline image 1]
My concern with red/green is (and has been) about the psychological implications of "green = good, red = bad". Revisions are neither of those things: sometimes removing things is better. Sometimes adding things is bad.
Revisions are neutral things. I'd like us to try to find colors that support that principle.
On Mar 31, 2014, at 2:13 PM, Jon Robson jrobson@wikimedia.org wrote:
We are considering changing the colours in the diff page view for mobile. Previously Vibha and Munaf had explored this (see results below). Have we run similar tests for the new colours on the diff page?
---------- Forwarded message ---------- From: Munaf Assaf massaf@wikimedia.org Date: Thu, Mar 28, 2013 at 3:21 PM Subject: Diff views for the colorblind To: Jon Robson jrobson@wikimedia.org Cc: Vibha Bamba vbamba@wikimedia.org, Maryana Pinchuk mpinchuk@wikimedia.org
Vibha and I tested these settings out and they work pretty well.
<ColorblindDiffs.png>
Mobile-l mailing list Mobile-l@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mobile-l
--- Brandon Harris, Senior Designer, Wikimedia Foundation
Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
While I mostly agree with this, it is a very common convention to show additive text in green and destructive actions in red, when I saw the yellow blue version I have to look for a key to see what it meant, I worry that we're making the users think too much. You should have IMMEDIATE understanding of what the colors mean and not have to think too hard about it. While some users could see the red and green as a value judgement I think its common enough in diff views in other products that I don't think it will be an issue for most users, especially user new to the system, but familiar with the pattern elsewhere.
second issue; colorblindness. The mediawiki.ui colors are actually tested against a color blindness simulator to make sure that the green has enough blue, and the red has enough orange to differentiate them. These colors were not arrived at accidently or on a whim. If for readability sake we choose to use a lighter shade of those colors we should make sure those values of the color are further tested against a color blindness simulator again.
*Jared Zimmerman * \ Director of User Experience \ Wikimedia Foundation
M : +1 415 609 4043 | : @JaredZimmermanhttps://twitter.com/JaredZimmerman
On Tue, Apr 1, 2014 at 10:34 AM, Brandon Harris bharris@wikimedia.orgwrote:
My concern with red/green is (and has been) about the
psychological implications of "green = good, red = bad". Revisions are neither of those things: sometimes removing things is better. Sometimes adding things is bad.
Revisions are neutral things. I'd like us to try to find colors
that support that principle.
On Mar 31, 2014, at 2:13 PM, Jon Robson jrobson@wikimedia.org wrote:
We are considering changing the colours in the diff page view for
mobile. Previously Vibha and Munaf had explored this (see results below). Have we run similar tests for the new colours on the diff page?
---------- Forwarded message ---------- From: Munaf Assaf massaf@wikimedia.org Date: Thu, Mar 28, 2013 at 3:21 PM Subject: Diff views for the colorblind To: Jon Robson jrobson@wikimedia.org Cc: Vibha Bamba vbamba@wikimedia.org, Maryana Pinchuk <
mpinchuk@wikimedia.org>
Vibha and I tested these settings out and they work pretty well.
<ColorblindDiffs.png>
Mobile-l mailing list Mobile-l@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mobile-l
Brandon Harris, Senior Designer, Wikimedia Foundation
Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
On Apr 1, 2014, at 10:41 AM, Jared Zimmerman jared.zimmerman@wikimedia.org wrote:
You should have IMMEDIATE understanding of what the colors mean and not have to think too hard about it.
Agreed, which is why I think color should not be our only indicator.
--- Brandon Harris, Senior Designer, Wikimedia Foundation
Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
Wasn't there initially a strikethrough for the text that is being omitted?
--prtksxna
I have a feeling (but should be testing) that a strikethrough could also impair reading significantly.
*Jared Zimmerman * \ Director of User Experience \ Wikimedia Foundation
M : +1 415 609 4043 | : @JaredZimmermanhttps://twitter.com/JaredZimmerman
On Tue, Apr 1, 2014 at 10:54 AM, Prateek Saxena psaxena@wikimedia.orgwrote:
Wasn't there initially a strikethrough for the text that is being omitted?
--prtksxna
We did used to have a strike through but yes it made the diff highly unreadable.
On Tue, Apr 1, 2014 at 10:57 AM, Jared Zimmerman < jared.zimmerman@wikimedia.org> wrote:
I have a feeling (but should be testing) that a strikethrough could also impair reading significantly.
*Jared Zimmerman * \ Director of User Experience \ Wikimedia Foundation M : +1 415 609 4043 | : @JaredZimmermanhttps://twitter.com/JaredZimmerman
On Tue, Apr 1, 2014 at 10:54 AM, Prateek Saxena psaxena@wikimedia.orgwrote:
Wasn't there initially a strikethrough for the text that is being omitted?
--prtksxna
Mobile-l mailing list Mobile-l@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mobile-l
On Tue, Apr 1, 2014 at 1:24 PM, Federico Leva (Nemo) nemowiki@gmail.comwrote:
Once again, please just use core's style. There was a huge discussion about it back then, there is no need to reinvent the wheel and reopen flames.
Yeah I'm not sure how much we gain by not using core's style here? Is there a big problem with it functioning on mobile? No need to reinvent the wheel again on this.
Mobile diff is _different_ from the desktop diff. We don't have a side by side view.
https://en.wikipedia.org/w/index.php?title=Main_Page&diff=598252063&...
I'm not sure if people will understand the meaning of yellow and blue in the context of this diff: https://en.m.wikipedia.org/wiki/Special:MobileDiff/593411281...598252063
On Tue, Apr 1, 2014 at 1:45 PM, Steven Walling swalling@wikimedia.org wrote:
On Tue, Apr 1, 2014 at 1:24 PM, Federico Leva (Nemo) nemowiki@gmail.com wrote:
Once again, please just use core's style. There was a huge discussion about it back then, there is no need to reinvent the wheel and reopen flames.
Yeah I'm not sure how much we gain by not using core's style here? Is there a big problem with it functioning on mobile? No need to reinvent the wheel again on this.
-- Steven Walling, Product Manager https://wikimediafoundation.org/
On Tue, Apr 1, 2014 at 1:56 PM, Jon Robson jrobson@wikimedia.org wrote:
Mobile diff is _different_ from the desktop diff. We don't have a side by side view.
https://en.wikipedia.org/w/index.php?title=Main_Page&diff=598252063&...
I'm not sure if people will understand the meaning of yellow and blue in the context of this diff: https://en.m.wikipedia.org/wiki/Special:MobileDiff/593411281...598252063
Ultimately that is an issue with integrated diffs. They're a lot harder to read. Creating disparate diff colors on mobile and desktop is not really an acceptable solution to that problem in my view. Not if we want users to smoothly transition between mobile and desktop editing.