Техническое. Отступы комментариев. Голосование

Сделан еще ряд улучшений в основном дизайне АфтерШок:

1. Отступы в комментариях
2. Вид ЛС (личных сообщений), похожий на комментарии
3. Доступные в мобильниках кнопки подписок на каналы АШ в соцсетях
4. Показ метрик не только диаграммами, но и текстом в "досье" пользователя
5. Уплотнение заголовков в мобильных
6. "Борьба за строчки" в тулбаре редактирования
7. Печать страниц сайта и перевод в PDF-формат (по клавишам Ctrl-P)

И в части отступов — понадобилась "помощь зала". Основной вопрос, где требуется Ваше мнение — какой режим отступа комментариев наиболее Вам удобен (какой вариант поставить по умолчанию). Более месяца этот режим существует в Настройках ("Короткие отступы") и отлаживается. Сейчас временно один из вариантов режима ("Контрастный узкий") мы решили установить по умолчанию, вместо старых тонких линий, но так как изменение существенное, необходимо узнать мнение пользователей, насколько этот вариант оптимален.

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

Чтобы поэкспериментировать с этими режимами вживую, выберите любой из режимов по кнопке "Настройки" здесь:

а) кнопка "Настройки" - режим "Расширенные" - пункт "Короткие отступы":

UPD 27.01.2021: список вариантов укорочен и им даны другие названия, и в процессе обсуждений с Олежа добавлена гамма "Закат" с цветами "аква-жёлтый-оранжевый-фиолетовый". "Тени" - бледный вариант "Ступеней" (контраста-узкого). А названное по умолчанию "Забор" - это старый полосчатый вариант:

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

Мобильные экраны

Ранее основным (и единственным) стилем отступов были тонкие однопиксельные вертикальные линии 3 цветов, разделённые 3 пикселями пустоты. Наличие пустот не очень помогало отслеживать тонкие цветные линии, а в мобильных устройствах пустоты занимали ценное место по горизонтали.

Сформировалась идея:
1) сократить ширину отступов в мобильных до 1 пикселя;
2) убрать пустоты;
3) ввести не 3, а 4 цвета отступов;
4) цвета отступов для мобильных сделать яркими и различающимися.

Одновременно, улучшено расположение пустот вокруг сворачиваемых групп комментариев.

Этот формат с 1-пиксельными отступами хорошо смотрится на мобильных экранах шириной до 480 пикселей, потому что отступы проходят с краю окна. Речь — о виртуальных "страничных" пикселях, которые мобильный браузер выставляет по ширине — 360, независимо от числа реальных аппаратных пикселей. Или в горизонтальном положении устройства — 640.

(Чтобы пронаблюдать мобильный режим в обычном браузере на десктопе/ноутбуке, вызовите окно Developer Tools нажатием F12 или Ctrl-Shift-I или Cmd-Shift-I и нажмите значок "мобильника" вверху слева, или для Firefox — справа.)

Цвета наборов отступов

Для всех светлых тем оформления страниц выбрана палитра цветов с максимальной различаемостью: "зелёный - синий - аква - жёлтый" с различной ахроматической яркостью. Это создаёт равномерные "переливы" цветов и яркости при циклическом чередовании отступов, что помогает отслеживать вертикальные линии. Другое важное требование к набору — различаемость "ступенек" при чтении ответного комментария в ряду ответов.

Для тёмной темы оформления цвета подобраны другие: "зелёный - синий - хаки - аква".

Если для мобильников доведённая до разумного предела "различность" цветов помогает различать однопиксельные линии, то для широких экранов при попытке расширения отступов контрасты начинают диссонировать с дизайном страницы и попросту отвлекать внимание от текстов. Поэтому там, ни ширинах более 480 пикселей, выбирается более бледная палитра.

Широкие страницы

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

Так, созданы 3 варианта: контрастный, менее контрастный и бледный с шириной каждого отступа в 3-4 пикселя.

Как вариант, по умолчанию выбран контрастный набор цветов с шириной каждого отступа в 2-3 пикселя (на рисунке - под названием "узкий").

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

По результатам голосования будем выбирать тему по умолчанию.

Рекомендуем голосовать не "по картинкам", а, проверив на практике 2-3 выбранных варианта. Выбранный по умолчанию "контраст узкий", например, был принят после месяца рабочего тестирования.