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

Аватар пользователя atorn

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

  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 выбранных варианта. Выбранный по умолчанию "контраст узкий", например, был принят после месяца рабочего тестирования.

Авторство: 
Авторская работа / переводика
Комментарий редакции раздела Технические и организационные вопросы

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

Комментарии

Аватар пользователя Evg_Ban
Evg_Ban(11 лет 7 месяцев)

Можно вопрос?

Спасибо.

Можно ли выделить комментарии  светло-серым фоном через один?

 

Аватар пользователя atorn
atorn(6 лет 1 месяц)

В списке "Мои комментарии" я так сделал, но в древовидных списках и даже в ЛС - думаю, не стоит. Расцветка будет не соответствовать ни дереву, ни участникам. Если ваш вопрос - для отличения одного комментария от другого, то есть другие способы (можно пробовать сделать настройки, если будет интересно): выделять подзаголовок серым, как в ЛС сейчас; ввести пустоты по вертикали.

Аватар пользователя Evg_Ban
Evg_Ban(11 лет 7 месяцев)

Нет, за серый шрифт(вы же про это говорите?) нужно расстреливать.

А если про выделение заголовка комментария серым фоном, попробуйте.

Аватар пользователя atorn
atorn(6 лет 1 месяц)

>> Можно ли выделить комментарии  светло-серым фоном через один?

Я про это.

> про выделение заголовка комментария серым фоном, попробуйте.

Пробовали.

Аватар пользователя Tartarin
Tartarin(8 лет 9 месяцев)

все варианты плохо. глаза растекаются

Аватар пользователя atorn
atorn(6 лет 1 месяц)

Хороших вариантов при данных входных условиях я тоже не вижу. Пропорции отступов очень несоразмерные по вертикали и горизонтали. Тут - попытки сделать несколько лучше.

Аватар пользователя Polaris
Polaris(8 лет 3 месяца)

А если смежные линии сделать предельно контрастирующими по цвету (задача раскраски карт), а при выделении  в комменте выделять также его восходящую и нисходящую линии каким-нибудь альтернативным способом  (мерцание, толщина)?

Аватар пользователя 2А70
2А70(7 лет 6 месяцев)

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

Аватар пользователя Леонид Мешалкин

Да.

Не улучшайте больше ничего, пожалуйста.

Аватар пользователя gruzzy
gruzzy(9 лет 9 месяцев)

И еще один вопрос или пожелание.

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

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

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

Аватар пользователя Морозко
Морозко(3 года 10 месяцев)

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

Комментарий администрации:  
*** отключен (Уличен в жалких манипуляциях) ***
Аватар пользователя gruzzy
gruzzy(9 лет 9 месяцев)

Опять мой кривой текст...

Вот есть длинное и толстое обсуждение. Зарубаются два-три участника. Читатели могут и жальше смотреть статью и комменты.

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

Аватар пользователя VDF
VDF(7 лет 7 месяцев)

Оставьте, как было ,что у вас руки чешутся???

Комментарий администрации:  
*** Уличен в систематической дезинформации, пример - https://aftershock.news/?q=node/843533 ***
Аватар пользователя alexsword
alexsword(12 лет 5 месяцев)

Там есть и такой вариант, оставить по прежнему, можно просто взять и проголосовать.

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

Аватар пользователя VDF
VDF(7 лет 7 месяцев)

Не вижу, где голосовать.

Комментарий администрации:  
*** Уличен в систематической дезинформации, пример - https://aftershock.news/?q=node/843533 ***
Аватар пользователя Ярик FantomI
Ярик FantomI(8 лет 7 месяцев)

Было хреново, не разглядеть ту узкую полоску. Мне подходит узкий контраст по умолчанию, для слабых глазами есть настройка на расширение. Ваще молодцы, что решают вопрос читаемости. Настройте под себя, что мешает?smile44.gif

Аватар пользователя VDF
VDF(7 лет 7 месяцев)

Мешает необходимость настроек :)))

Вам же авто в процессе эксплуатации никто не переделывает...

Комментарий администрации:  
*** Уличен в систематической дезинформации, пример - https://aftershock.news/?q=node/843533 ***
Аватар пользователя VDF
VDF(7 лет 7 месяцев)

Сколько уже наступали на грабли с изменением дизайна за последние годы.

Здесь

https://aftershock.news/?q=node/917482

только результаты.

 

 

Комментарий администрации:  
*** Уличен в систематической дезинформации, пример - https://aftershock.news/?q=node/843533 ***
Аватар пользователя ПРОЛ
ПРОЛ(8 лет 8 месяцев)

Это просто такая хитрая реклама Хуршудова и Mike1975.

Аватар пользователя VDF
VDF(7 лет 7 месяцев)

К интерфейсу винды тоже они руку приложили?

Комментарий администрации:  
*** Уличен в систематической дезинформации, пример - https://aftershock.news/?q=node/843533 ***
Аватар пользователя ExMuser
ExMuser(10 лет 10 месяцев)

Я тебе больше скажу: они запустили рептилойдов вна планету Земля.

Аватар пользователя ПРОЛ
ПРОЛ(8 лет 8 месяцев)

Ну, если в скриншотах новой винды будут посты от Хуршудова и Mike1975, то да :) 

Аватар пользователя Intel4004
Intel4004(11 лет 7 месяцев)

Промежуток между отступами надо оставить. Хотя-бы один пиксел, но оставить. Иначе все в кашу сливается.

Аватар пользователя atorn
atorn(6 лет 1 месяц)

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

Аватар пользователя Ярик FantomI
Ярик FantomI(8 лет 7 месяцев)

Один пиксель не на промежуток, а на ширину. Можно добавить контрастности. Хотя у людей глаза разные и художники видят больше оттенков, а некоторые ваще не видят, потому следует оставить варианты индивидуальной регулировки.))

Аватар пользователя Морозко
Морозко(3 года 10 месяцев)

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

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

Комментарий администрации:  
*** отключен (Уличен в жалких манипуляциях) ***
Аватар пользователя alexsword
alexsword(12 лет 5 месяцев)

Вы сами можете это сделать, там же написано как.

Скрытый комментарий Морозко (c обсуждением)
Аватар пользователя Морозко
Морозко(3 года 10 месяцев)

Я не нашёл - как на старые тонкие линии перейти. Я бы лучше вообще убрал эти линии, эта настройка была бы лучше всего - возможность их убрать. 

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

Комментарий администрации:  
*** отключен (Уличен в жалких манипуляциях) ***
Аватар пользователя ExMuser
ExMuser(10 лет 10 месяцев)

Поддержу. Когда читаешь тред с Ораклем, эти полоски и так занимают пол-экрана, а с толстыми ещё печальнее будет. ))


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

Аватар пользователя Леонид Мешалкин

Толстое - убрать.

Аватар пользователя ExMuser
ExMuser(10 лет 10 месяцев)

Однозначно. Причину изложил выше. Грешным делом подумал, что уже галики от усталости начались. :) А оно вон оно чё, Михалыч. 

Аватар пользователя сибиряк алтайский

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

Аватар пользователя ExMuser
ExMuser(10 лет 10 месяцев)

Да это-то понятно, вот только привязка к чему, к какой дате? К дате появления ресурса в инете? И Алекс молчит как рыба об лёд.  У меня вон ободок на 21:50, и что он значит? А хер его знает. Поэтому вернул настройки на старые тёплые ламповые языческие. ))

Аватар пользователя atorn
atorn(6 лет 1 месяц)

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

Аватар пользователя ExMuser
ExMuser(10 лет 10 месяцев)

Уважаемый Атом, Вы сейчас говорили со стеной непонимания (и я один из её кирпичиков). Для 99,9% населения АШ эти ваши логарифмы ничего не значат. Я далеко не лирик, скорее физик, но наглядность представления ну просто удручает, камрад. Просто поймите, что не все - такие как Вы или уважаемый мной Владислав Лебедев. С популяризацией науки у нас серьёзные геморрои.

Аватар пользователя Морозко
Морозко(3 года 10 месяцев)

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

Комментарий администрации:  
*** отключен (Уличен в жалких манипуляциях) ***
Аватар пользователя ExMuser
ExMuser(10 лет 10 месяцев)

Ээмм... Друже, я вот только что ощутил себя лохом печальным по части хамства на ресурсе. Пожалуйста, не уподобляйся мне, тому, тогда молодому ещё и горячему. Прекрасно вижу, что свой товарищ.

Аватар пользователя Морозко
Морозко(3 года 10 месяцев)

Я извиняюсь перед atom, если это было по-хамски. Но иногда открытым текстом понятнее. 

Комментарий администрации:  
*** отключен (Уличен в жалких манипуляциях) ***
Аватар пользователя ExMuser
ExMuser(10 лет 10 месяцев)

Друже, вы оба двое - ценный ресурс ресурса, уж прости за масло масляное. Ценю обоих.

Без побъёТБМок, от души. Просто вижу вас как... эммм... даже не знаю что сказать.  И не чувствую вины за это за собой. "Так случилось". Спасибо "короне" заламандшской.

 

Аватар пользователя Ярик FantomI
Ярик FantomI(8 лет 7 месяцев)

Дуги, это ерунда. А отступы Вы нормально сделали.smile13.gif

Аватар пользователя alexsword
alexsword(12 лет 5 месяцев)

Мне тоже понравилось, но, увы, коллектив не одобрил.

Может надо было гаммой поиграть, может еще что-то, но факт налицо - почти половина запросила возврат старого режима.

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

Аватар пользователя ExMuser
ExMuser(10 лет 10 месяцев)

"Не одобрил" - не то слово. Коллектив дружно сказал: "НаТБМ с пляжа". :)

Аватар пользователя alexsword
alexsword(12 лет 5 месяцев)

Не сочиняй.   Если посмотреть ВСЕ новые варианты вместе, они собрали больше голосов чем старый.   

Если бы доработали немного, уверен, новый вариант порвал бы старый как грелку, но пока увы, проще откатить.

Аватар пользователя ExMuser
ExMuser(10 лет 10 месяцев)

Да, я заметил.

Лёш, не слушай этих канадских дезигнеров, убери эту долбаную лишнюю "А" в логотипе ресурса. У меня реально глаза говноточат от этого безобразия.

Аватар пользователя ExMuser
ExMuser(10 лет 10 месяцев)

Уважаемый Атом, это и в твой огород камень, и прости за коррекцию твоей инициативы. Она весьма таки.

Аватар пользователя Ярик FantomI
Ярик FantomI(8 лет 7 месяцев)

Поставил контраст на экране 720*1280, любо-дорого, полоски вполне различимы, компактны и глаз не режет.smile41.gifsmile7.gif

Аватар пользователя ExMuser
ExMuser(10 лет 10 месяцев)

Это кому как, друже. Может я замшелый конформист, и для меня и старые добрые тёплые ламповые тонкие (их можно вернуть, кстати) полоски были как серпом по молоту, но таки привык. Сейчас вот воюю с Алексом за логотип. Ну корёжит меня это двоебуквие!

Аватар пользователя alexsword
alexsword(12 лет 5 месяцев)

> Я не нашёл - как на старые тонкие линии перейти.

Прочтите запись, там написано.  

Аватар пользователя Морозко
Морозко(3 года 10 месяцев)

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

Комментарий администрации:  
*** отключен (Уличен в жалких манипуляциях) ***
Аватар пользователя Ярик FantomI
Ярик FantomI(8 лет 7 месяцев)

Спс, что адаптировали под Оперу мини.

Страницы