Участник:Niklem/Цветовой конфликт

Во-первых, спасибо, что заинтересовались этой страницей!

Я постарался обойтись наиболее оптимальной глубиной изложения, но всё равно получилось достаточно много текста. Тем не менее, обсуждаемый вопрос, которому посвящена эта страница, по-прежнему актуален для проекта и находится в статусе конфликта, хоть и тлеющего. Вопрос касается цветового оформления навигационных элементов. Как известно, этот конфликт не исчерпан, но с момента завершения последнего опроса уже более полугода находится в замороженном состоянии. И поскольку рано или поздно эту тему пришлось бы снова поднимать, предлагаю сделать это в моменте и максимально качественно.

Оговорюсь, что связанное обсуждение начато именно на форуме (вместо иска в АК), так как считаю, что доарбитражное урегулирование далеко не исчерпано, по крайней мере, в части нижеописанного способа разрешения конфликта.

tl;dr:

1. По состоянию на март 2020 года вопрос цветового оформления навигационных элементов находится в статусе вялотекущего конфликта.
2. К цветовому оформлению в проекте исторически было халатное отношение (как в отношении частного оформления шаблонов, так и при насаждении единого цвета по умолчанию).
3. Несмотря на проведённые обсуждения, консенсуса по отношению к цветовому вопросу нет.
4. Необходимо перейти на единую цветовую палитру и организовать рабочую группу по её регулированию.

Предыстория

Конкретно для меня в очередной раз всё началось с небольшой войны правок по замене цветов навшаблонов в небезразличной мне нью-йоркской тематике и последовавшим обсуждением на СО Putnik. Изначально я собирался лишь открыть форумное обсуждение по вопросу, распространяется ли отсутствие консенсуса по цветовому оформлению на геотематику. Но по мере углубления в тему, выяснилось, что необходимы более кардинальные системные изменения.

И хотя в целом цветовой конфликт обострился лишь в прошлом году, предпосылки к нему были заложены достаточно давно. Ниже приведена хронология событий, в той или иной степени повлиявших на развитие цветового конфликта в русской Википедии.

Хронология

Июль 2005 года

Копией с английской версии создаётся локальная страница MediaWiki:Common.css.

На ней сразу же появился класс .infobox со свойством .background со значением  #f9f9f9 .

Август 2007 года

• Обсуждение MediaWiki:Common.css/Архив#Класс navbox

По итогам обсуждения добавляется класс .navbox со свойством .background-color с тем же значением:  #f9f9f9 .

Май 2010 года

Фонд установил во всех разделах оформление vector по умолчанию.

Январь 2014 года

Очередной импорт из англоВики: добавляются стили для навигационных таблиц. На 3,5 года стандартной расцветкой навшаблонов становится трёхуровневая:  #ccccff ,  #ddddff  и  #e6e6ff .

Предварительное обсуждение внесённых изменений, по всей видимости, не проводилось.

Для сведения: в англоВики подобная расцветка используется по-прежнему.

Ноябрь — декабрь 2016 года

• Википедия:Форум/Архив/Правила/2016/11#Цвета шаблонов

По-видимому, это первое обширное обсуждение пересмотра подхода к расцветке шаблонов. В нём впервые прозвучала отсылка к руководству Фонда по стилю (далее — Руководство).

Несколько слов о Руководстве: оно предписывает использовать принцип обеспечения общедоступности контента; так, при формировании палитры следует использовать цвета с уровнем соответствия (англ. conformance level) рекомендаций по обеспечению доступности веб-контента (англ. Web Content Accessibility Guidelines; WCAG) не ниже AA или AAA. Для понимания степени важности этого документа: указанные рекомендации разработаны непосредственно консорциумом Всемирной паутины.

Возвращаясь к обсуждению на форуме: в результате него в руководство по оформлению статей были внесены изменения, регулирующие принципы подбора цветов для элементов интерфейса, в том числе навигационных шаблонов и инфобоксов.

Следует отметить, что несмотря на консенсусность и важность принятых поправок, проблемы в проекте с некорректным применением цветов остаются по сей день.

Апрель — июнь 2017 года

• Википедия:Форум/Архив/Предложения/2017/04#Стандартные таблицы и не только

Возможно, это первое обширное обсуждение перехода на единый цвет по умолчанию (дефолтный).

В качестве одного из аргументов было заявлено большее соответствие схеме vector.

Также изначально в обсуждении был заявлен переход на конформный цвет  #eaf3ff , указанный в Руководстве. Однако если сначала инфобоксы были переведены на отличный от заявленного цвет  #f8f9fa , хотя бы соответствующий Руководству, в конечном итоге неведомым образом в качестве дефолтного был применён цвет  #cfe3ff , совершенно не вытягивающий контрастность (см. таблицу ниже), используемый и на текущий момент. Для краткости будем называть его «небесный».

Компаративная матрица уровней контрастности для различных фонов для цветов ссылок, допустимых для использования в шаблонах:

Цвет ссылки	Цвет фона
	#ccccff	Уровень	#cfe3ff	Уровень	#eaf3ff	Уровень
Синий	5,5	AA	6,5	AA	7,6	AAA
Тёмно-синий	10,3	AAA	12,1	AAA	14,2	AAA
Красный	3,6	—	4,2	—	4,9	AA
Светло-красный	3,3	—	3,9	—	4,5	AA
Голубой	3,6	—	4,3	—	5,0	AA
Фиолетовый	6,1	AA	7,2	AAA	8,4	AAA

Как легко можно увидеть, ни предыдущий, ни текущий дефолтные цвета не соответствуют Руководству, в отличие от цвета, прямо в нём указанного.

Аналогичные замеры можно провести с любым из рекомендованных Руководством цветов:  #d5fdf4 ,  #fee7e6 ,  #fef6e7  и т. д. — и удостовериться, что все из них соответствуют требованиям консорциума по контрастности.

Июнь 2018 года

• Википедия:К удалению/1 июня 2018#Шаблон:Язык/цвет-семьи

Абстрагируясь от практической ценности шаблона {{Язык/цвет-семьи}}, обсуждение на КУ закончилось его удалением — буквально — из-за «боли в глазах» и за «бесполезную пестроту» без отсылки на какие-либо регулирующие положения.

По-видимому, именно с этого обсуждения начался крестовый поход на кастомизированную расцветку шаблонов с приведением их к единому «небесному» цвету: переход от обсуждения до практического воплощения единой расцветки занял год.

Ноябрь 2018 года

• Википедия:Форум/Архив/Технический/2018/11#Цвет

Это обсуждение на Техническом форуме возникло в разгар массового перевода шаблонов на «небесный» цвет. Возможно, до этой темы были ещё какие-то обсуждения, но из особенностей этого обсуждения выделяется то, что:

1. упомянута возможность персональной кастомизации расцветки шаблонов («костыль» из Discord’а);
2. приведена отсылка на обновлённое в декабре 2016 года руководство ВП:ЦВЕТ, ссылающееся, в свою очередь, на руководство Фонда по стилю в части, касающейся цветовых решений.

Хотелось бы подробнее остановиться на 2-м пункте. Важно понимать, что положения ВП:ЦВЕТ регулируют лишь контрастность цветов, но они не оговаривают недопустимость кастомизированной расцветки шаблонов. Выражаясь иначе, руководство ВП:ЦВЕТ не запрещает использование цветов, отличных от дефолтного «небесного».

То есть заключение, приведённое в обсуждении: «Старые цвета не соответствовали правилам, не имели никакого осмысленного значения, рудимент 2007 года, который ни в одном другом крупном разделе не используется» — не подкреплено никакими действующими правилами/руководствами. Соответственно, массовый перевод шаблонов на единую расцветку с отсылкой на ВП:ЦВЕТ носит явные признаки подмены понятий.

Тем не менее, обширного обсуждения в данном случае не случилось. Цветовой вопрос снова на какое-то время пропал из легкообнаружимых обсуждений.

Апрель 2019 года

• Википедия:Голосования/Цвета в карточках географических объектов (ВП:ГЕОЦВЕТ)

К апрелю 2019 года общее недовольство проводимым обесцвечиванием достигло той критической массы, когда потребовалось проведение более серьёзного обсуждения, нежели обычный форумный топик. В результате голосования был достигнут консенсус, и практика перевода на единый цвет начала распространяться на все географические объекты.

Май 2019 года

• Обсуждение проекта:Музыка/Архив/2019#Разноцветные шаблоны

Ссылка на обсуждение в Проекте: Музыка приведена для справки как яркий пример отсутствия внутрипроектного консенсуса о переводе на единый цвет.

• Википедия:Форум/Архив/Общий/2019/05#Цвет инфобоксов

В результате довольно горячего обсуждения не было выявлено консенсуса за переход на единый цвет, и следом был запущен опрос.

Май-июнь 2019 года

• Википедия:Опросы/Цветовое оформление шаблонов (ВП:О-ЦВЕТ)

Относительно этого опроса нельзя не заметить, что он в полной мере соответствует нынешним трендам: сначала были внесены поправки в шаблоны и только после этого был проведён опрос, по факту не получивший никакой юридической силы.

Оформление карточек

Единый цвет
За	Против
Цвета шаблонов зачастую не соответствуют положениям руководства Фонда о контрастности Яркая расцветка (в отличие от единообразной) отвлекает рядовых читателей от основного контента Широкий выбор цветов конфликтогенен В выборе цветов не прослеживается никакая логика для читателей, поэтому расцветка для них бесполезна. Единый стиль разработан профессионалами Облегчается поддержка кода	Установленный в качестве дефолтного «небесный» цвет — неудачный Цветовое единообразие скучно (текущий единый «небесный» цвет — безвкусица) Гетерогенная расцветка помогает сориентироваться в предмете статьи
Единый цвет в пределах тематики
За	Против
Допустимо при использовании единой цветовой палитры с жёстким ограничением количества доступных цветов (5-10)	Сложно подобрать цвета, не пересекающиеся между тематиками
Единая палитра в пределах тематики
За	Против
Допустимо при использовании единой цветовой палитры с жёстким ограничением количества доступных цветов (5-10)	Сложно подобрать цвета, не пересекающиеся между тематиками
Выбор цвета — за проектами
За	Против
Активные участники проектов обычно имеют лучшее представление о смысловом назначении цветовой разметки	Цветовая анархия продолжится Рядовому читателю неочевидно смысловое назначение цветовой разметки, назначенной участниками специализированного проекта
Статус-кво
За	Против
При необходимости может быть использовано персонифицированное цветовое оформление (см. «костыль» в обсуждении за ноябрь 2018 года)	Рядовой читатель не может и не будет специально настраивать персонифицированное цветовое оформление

---

Оформление навшаблонов

Единый цвет
За	Против
Цвета навшаблонов не несут смысловой нагрузки	Цвета помогают ориентироваться в навшаблонах
Единый цвет в пределах тематики
За	Против
—	Цветовая анархия продолжится
Единая палитра в пределах тематики
За	Против
Допустимо при условии ограничения количества доступных цветов	Цветовая анархия продолжится
Выбор цвета — за проектами
За	Против
Необходимо для дифференциации навшаблонов в специфических тематиках (футбол и т. д.)	Цветовая анархия продолжится
Статус-кво
За	Против
При необходимости может быть использовано персонифицированное цветовое оформление (см. «костыль» в обсуждении за ноябрь 2018 года)	Рядовой читатель не может и не будет специально настраивать персонифицированное цветовое оформление

При указанных вводных данных в обсуждении не было достигнуто консенсуса относительно какого-либо строго определённого подхода к цветовой разметке. Особо обращает на себя внимание казус с аргументом про то, что единый стиль разработан профессионалами — сомнений в этом нет, однако по факту этот единый стиль сейчас не используется.

Также, наверное, стоит упомянуть последовавшее после опроса голосование, но поскольку ни к какому значимому результату оно не привело, большого смысла рассматривать его подробно нет.

Выводы

Резюмируя приведённую хронологию:

• Дефолтное цветовое оформление менялось множество раз, и по состоянию на март 2020 года ни один из вариантов не является консенсусным.
• Изменения в единое цветовое оформление в большинстве своём вносились без широкого обсуждения. Наличие обсуждения не гарантировало внесение оптимальных поправок, соответствующих руководствам.
• Необходимость массового вычищения персонализированного оформления ботоправками не следовала из руководств, но эти действия привели к развитию конфликта.

Что делать?

Несмотря на видимое отсутствие результата последних обсуждений, хотелось бы обратить внимание на один раздел опроса ВП:О-ЦВЕТ, который остался будто бы совершенно незамеченным, а именно: «Нужна ли стандартная палитра цветов?». В этом разделе было высказано совершенно здравое предложение об организации рабочей группы по созданию единой цветовой палитры. Более того, на нижеуказанных страницах предложены готовые паттерны к использованию:

• Участник:Wikisaurus/Служебное/Подбор цветов
• Участник:Wikisaurus/Служебное/Палитра цветов

И хотя к указанным подборкам были высказаны некоторые частные претензии, само предложение не вызвало отторжения. С другой стороны, относительно единой палитры были высказаны возражения выше по тексту в основном обсуждении. Но следует понимать, что единая палитра не была поддержана именно в сложившейся парадигме, а именно: полной цветовой анархии, которая ранее устраивалась участниками всевозможных проектов по своему усмотрению.

Тем не менее, при формализованном подходе вариант с единой палитрой достоин самого внимательного рассмотрения. Ниже я постараюсь, объяснить, почему.

Единая палитра

Итак, почему же единая палитра — это хорошо.

Вспомним о четвёртом столпе

Во-первых, один из пяти столпов предписывает (i) оказывать уважение коллегам, даже если вы в чём-то не согласны, и (ii) приходить к консенсусу. Как было явно показано выше, вариант с единой расцветкой был воплощён вопреки критическим мнениям и, тем более, без консенсуса в сообществе. Такое принудительное обнуление обесцвечивание лишь привело к новому витку цветового конфликта. Нет никаких сомнений, что цветовая анархия, наблюдаемая в спортивной тематике — другая крайность. Единая цветовая палитра с ограниченным количеством цветов представляется оптимальным промежуточным вариантом, предоставляющим широкие возможности для сотрудничества и выработки консенсусных цветовых решений. Забавно будет отметить, что на само́й странице ВП:5С для иконок использованы разные цвета.

Айдентика решает

В своей книге The Elements of User Experience дизайнер интерфейсов Джесси Джеймс Гарретт (англ.) пишет:

Цвет может быть одним из наиболее эффективных способов передать айдентику бренда. Некоторые бренды настолько тесно ассоциируются с их цветами, что сложно подумать о компании в отрыве от её цвета — вспомните Coca-Cola, UPS или Kodak.<…>

Цветовая палитра должна включать в себя цвета, применимые для многих случаев.<…>

Настолько, насколько контраст и единообразие важны для прочих областей визуального дизайна, такую же важную роль они играют в создании цветовых палитр. Например, будучи использованными в одинаковом контексте, очень близкие между собой цвета будут снижать эффективность вашей цветовой палитры.

Оригинальный текст (англ.)

Color can be one of the most effective ways to communicate a brand identity. Some brands are so closely associated with colors that it’s difficult to think of the company without the color automatically coming to mind — consider Coca-Cola, UPS, or Kodak.<…>

A color palette should incorporate colors that lend themselves to a wide range of uses.<…>

Just as contrast and uniformity are important to other areas of visual design, they play a vital role in the creation of color palettes as well. When used in the same context, colors that are very close to one another, but not quite the same, undermine the effectiveness of your color palette.

Гарретту вторит компьютерный специалист Морин Стоун (англ.), занимающаяся цветовыми моделями:

Различные цветовые схемы несут различные сообщения. Например, палитра красных и жёлтых тонов более насыщенная, нежели [палитра] из холодных синих цветов. Яркая, насыщенная цветовая схема предполагает юность; мягкая [цветовая схема] — умудрённость и зрелость.

Оригинальный текст (англ.)

Different color schemes convey different messages. For example, a palette of warm red and yellow tones is more vibrant than a cool blue one. A bright, saturated color scheme suggests youth; a subdued one sophistication and maturity.

Другими словами, цветовая гетерогенность важна для выделения тематической идентичности. Первым делом вам наверняка захочется возразить, мол, принципы корпоративного маркетинга неприменимы для оформления энциклопедии. Однако хотелось бы обратить внимание на примеры того, как тематический цвет был выработан именно в результате обсуждений:

• Обсуждение проекта:Канада/Архив/1#Шаблоны — в 2010 году пришли к единому цвету для канадской тематики:  #ffc6c6 .
• Обсуждение шаблона:Цвет/Архив/3#{{Цвет/США}} — в том же году пришли к единому цвету и для статей о США:  #cdd7c6 .

Конечно, оба указанных цвета не соответствуют нынешним требованиям о контрастности. Однако самое важное в обоих обсуждениях то, что в них была явно обозначена связь предложенных цветов с тематикой. Соответственно, из двух вышеуказанных обсуждений можно сделать следующие выводы:

1. Консенсус в выборе цветового решения для конкретной тематики возможен и достижим: выбранные цвета использовались в канадской и североамериканской тематиках на протяжении 9 лет и, в отличие от хоккейных/футбольных шаблонов, ни разу не вызвали явных возражений. С другой стороны, нельзя не упомянуть неоднократные высказывания недовольства по поводу бывшего цвета для России  #a3eea3 : 1, 2, 3, а также вышеуказанное обсуждение в Проекте: Музыка — но они только подтверждают необходимость выполнения шагов по разрешению цветового конфликта, о которых я скажу далее.
2. Для тематики может быть достаточно набора из одного цвета.

Лучше меньше, но лучше

Если первые два аргумента были направлены против насаждаемого цветового единообразия, то третий аргумент хотелось бы обратить против цветовой анархии. Дело в том, что та же Стоун совместно с ещё одним специалистом в области визуализации информации — Джеффри Хеером (англ.) — постулируют, что необходимо следовать принципу ограниченного набора цветов, более того — придерживаться именованных цветов:

Специалисты по цвету утверждают, что внимание к именам цветов важно в дизайне цветовой палитры, в частности для визуализации информации. <…> Для оптимизации [визуального] представления категоризированной информации нам следовало бы стремиться к минимизации пересечения имён цветов (для избежания двусмысленности) и максимизации различий (во избежание путаницы и для облегчения их запоминания).

Оригинальный текст (англ.)

Color design experts <…> argue that attention to color names is important in palette design, particularly for information visualization. <…> To optimize the presentation of categorical data, we might seek to minimize name overlap (to avoid ambiguity) and maximize salience (to avoid confusion and aid memory).

Хотя это прямым образом не указано в публикации, очевидным следствием рекомендации по использованию именованных цветов является собственно ограничение количества цветов в палитрах. В качестве бенчмарка — опорного набора цветов — можно выбрать любой список именованных цветов, например, Цвета HTML или даже внутрипроектный ВП:Таблица цветов. Различия в восприятии одного и того же именованного цвета человеческим глазом допускает необходимую гибкость в подходе к составлению цветовых палитр. Условно, у каждого человека спектр каждого цвета — свой; минутка юмора на тему.

Руководство к действию

Наконец, подводя итог этому длинному изложению, для полного исчерпания цветового конфликта предлагается выполнить следующие шаги:

0. Сменить дефолтный «небесный» цвет на любой другой, соответствующий руководству Фонда. Какой именно новый цвет следует выбрать — обсуждаемо. То, что текущий цвет нельзя оставлять в качестве дефолтного, было объяснено выше.

1. Организовать рабочую группу по вырабатыванию единой палитры, с цветами, однозначно соответствующими ВП:ЦВЕТ как в части цветов ссылок, так и в части фонов.

Напомню, что многие шаблоны до сих пор не соответствуют указанному руководству, яркий во всех смыслах пример: Шаблон: Бренды кока-колы (примечательно, что об этом же бренде упоминает и Гарретт в своей книге.)

Возможно, оптимальным способом взаимодействия будет организация в отдельный метапедический проект или форум. Для генерации палитр допустимо можно использовать предложенные в научной литературе цветовые модели, а также вышеуказанные наборы: Цвета HTML или ВП:Таблица цветов.

1.1. Опробовать палитру на ряде шаблонов, нарушающих ВП:ЦВЕТ в части контрастности и цветов ссылок, например: Категория:Шаблоны клубов НХЛ.

Суть перевода на цвета палитры будет сводиться к подбору цветов, максимально близких к текущим по цвету или смыслу, где это возможно, но соответствующих положениям ВП:ЦВЕТ, например:

• 
  As is (взято из ВП:О-ЦВЕТ)
• 
  To be

 — расцветка в «To be» (сделанная на коленке) приведена лишь для примера; выбранные цвета соответствуют руководству Фонда для использованных цветов ссылок как минимум на уровне AA (среди изменений: цвет шаблонов «НБА» заменён с тёмно-синего на жёлтый, также модифицирован «небесный» цвет).

Естественно, участники из рабочей группы не будут заниматься каждым первым вырвиглазным шаблоном: цветовая политика безусловно должна быть централизованной, см. следующий пункт.

2. В отдалённой перспективе — по мере выработки оптимальной цветовой палитры — внести изменения в коды/модули шаблонов таким образом, чтобы возможности их цветовой кастомизации сводились к минимуму. Вместо этого следует реализовать наследование цветов для шаблонов из MediaWiki:Common.css или из специализированного модуля или из Викиданных. То есть создать централизованную цветовую палитру. Этот момент дискуссионен с точки зрения технического подхода, и на начальном этапе, по-видимому, будет достаточно включения цветовой палитры в руководство о цвете.

3. По мере создания централизованной цветовой палитры — обеспечить возможность для структурированного создания и обработки запросов на её актуализацию по аналогии с нынешними многочисленными «запросными» форумами. Возможно, для этого потребуется введение нового флага: графист или дизайнер — но этот момент также является дискуссионным.