Не планируете обновить дизайн сайта? Самый крупный новостной сайт по Linux, но дизайн очень сильно устарел. Готово помочь с этим, чтобы сайт выглядел более современно.
Предлагайте конкретные идеи о том, что и как можно улучшить на ваш взгляд.Современно - не всегда значит лучше, за время существовования текущего внешнего вида, когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже успели устареть :-)
Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации, находящийся вне времени и не ломающий мозг (как примеры бед современного дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К тоому же нелзя всё просто взять и кардинально переделать - необходимо сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по улучшению сводятся к чему-то похожему на типовые темы WordPress).
>[оверквотинг удален]
> Современно - не всегда значит лучше, за время существовования текущего внешнего вида,
> когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже
> успели устареть :-)
> Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации,
> находящийся вне времени и не ломающий мозг (как примеры бед современного
> дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде
> сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К
> тоому же нелзя всё просто взять и кардинально переделать - необходимо
> сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по
> улучшению сводятся к чему-то похожему на типовые темы WordPress).Хотя частичное обновление имеет мало смысла, оно лучше чем нечего.
Как примеры:
- Обновление страницы результатов поиска, так-как сейчас там каша из результатов, при этом результаты кроме как заголовком и небольщим margin не как не разделены и сливаются. Как и информация каждой единицы поиска не структурирована. (Тоже самое относится и ко всем спискам на сайте)
- Обновление неудобных и непродуманных комментариев где не только можно свернуть только первый в ветке но и постоянно висят кнопки управления (ответить, к модератору и тд), плюс каждый отдельный комментарий не выделен (в сумме, а не только "панель комментария"). В итоге если сложить выше сказанное, комментарии сейчас это плохо понятное месиво из кнопок и мини панелей (Которые кстати на телефонах выглядят не очень).
- Часто не семитричные отступы с двух сторон как у кнопок так и у целых блоков, это касается также целых страниц
- Высота сайта не адаптируется под большие экраны.
- И такой список можно составить к каждому компонента сайта.
> - Обновление страницы результатов поиска, так-как сейчас там каша из результатов, при
> этом результаты кроме как заголовком и небольщим margin не как не
> разделены и сливаются. Как и информация каждой единицы поиска не структурирована.Изменил шрифт примечания и увеличил отступы между записями (версию CSS не увеличил, чтобы подействовало нужно жестко перегрузить страницу).
> (Тоже самое относится и ко всем спискам на сайте)
Например? И как по вашему мнению можно улучшить?
> - Обновление неудобных и непродуманных комментариев где не только можно свернуть только
> первый в ветке но и постоянно висят кнопки управления (ответить, к
> модератору и тд), плюс каждый отдельный комментарий не выделен (в сумме,
> а не только "панель комментария"). В итоге если сложить выше сказанное,
> комментарии сейчас это плохо понятное месиво из кнопок и мини панелейХотелсь бы увидеть макет того как должны выглять комментарии с вашей точки зрения. Сейчас выделенный заголовок с кнопками используется как визуальный разделитель и я себе слабо представляют как от него можно избавиться, сохранив наглядно разделённое дерево комментариев. По поводу постоянно висящих кнопок - убрать их в динамически появляющийся блок не получится, во-первых такие блоки сильно раздражают некоторых, а во-вторых они не будут работать при отключении JavaScript.
> - Часто не семитричные отступы с двух сторон как у кнопок так
> и у целых блоков, это касается также целых страницЕсть такое, у меня глаз замылен на такие вещи, поэтому лучше сразу писать где именно что-то нужно поправить.
> - Высота сайта не адаптируется под большие экраны.
Высота?? Не ширина? Не понял, как высота должна адаптироваться.
>[оверквотинг удален]
> и я себе слабо представляют как от него можно избавиться, сохранив
> наглядно разделённое дерево комментариев. По поводу постоянно висящих кнопок - убрать
> их в динамически появляющийся блок не получится, во-первых такие блоки сильно
> раздражают некоторых, а во-вторых они не будут работать при отключении JavaScript.
>> - Часто не семитричные отступы с двух сторон как у кнопок так
>> и у целых блоков, это касается также целых страниц
> Есть такое, у меня глаз замылен на такие вещи, поэтому лучше сразу
> писать где именно что-то нужно поправить.
>> - Высота сайта не адаптируется под большие экраны.
> Высота?? Не ширина? Не понял, как высота должна адаптироваться.Вот 3 примера хорошей организации и удобной системы комментариев по моему мнению.
https://imageup.ru/img293/4496418/2023-08-25_09-43.jpg
https://imageup.ru/img270/4496420/2023-08-25_09-40.jpg
https://imageup.ru/img84/4496421/2023-08-25_09-46.pngДа, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда был в низу страницы.
Сначала давай-те это.
> Вот 3 примера хорошей организации и удобной системы комментариев по моему мнению.На тех форумах есть существенное отличие - использовние аватара, как визуального якоря. На opennet аватары не обязательны, поэтому для разделения используется заголовок. Кнопки ("ответить" и т.п.) вынесены в заголвок чтобы не тратить вертикальное экранное пространство. Кнопку "к модератору" прятать смысла нет, её, если она не бросается в глаза, тогда перестанут замечать и использовать.
Из того как без радикальной переработки можно улучшить оформление комментариев под новостями сейчас приходит в голову только уменьшение интенсивности ссылок, чтобы они не отсвечивали так синим цветом. Ещё можно еле заметной полоской выделить текст ответа слева, как сделало для сообщений первого уровня, раньше так и было, но потом я убрал, так как показалось излишним.
Предлагайте свои варинты.
> Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда
> был в низу страницы.Убрал пустые строки внизу за футером. Над адаптивным сдвигом, чтобы футер всегда был только внизу, подумаю как можно сделать - на сайте большой разнобой в верстке, боюсь можно что-то сильно поломать и не заметить. Поэтому наверно стоит отдельно прижать футер только на каких-то выборочных коротких страницах, типа написания комментария и авторизации.
>[оверквотинг удален]
> ответа слева, как сделало для сообщений первого уровня, раньше так и
> было, но потом я убрал, так как показалось излишним.
> Предлагайте свои варинты.
>> Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда
>> был в низу страницы.
> Убрал пустые строки внизу за футером. Над адаптивным сдвигом, чтобы футер всегда
> был только внизу, подумаю как можно сделать - на сайте большой
> разнобой в верстке, боюсь можно что-то сильно поломать и не заметить.
> Поэтому наверно стоит отдельно прижать футер только на каких-то выборочных коротких
> страницах, типа написания комментария и авторизации.Если аватара нет, то можно использовать по умолчанию аватар (как в примерах выше, там не обязателен аватар как и на opennet.ru) или просто случайный цвет как фон аватара. Тогда можно будет уже на ваш вкус реализовать что-то похожее на примеры выше и не использовать заголовок для этих целей.
>[оверквотинг удален]
> ответа слева, как сделало для сообщений первого уровня, раньше так и
> было, но потом я убрал, так как показалось излишним.
> Предлагайте свои варинты.
>> Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда
>> был в низу страницы.
> Убрал пустые строки внизу за футером. Над адаптивным сдвигом, чтобы футер всегда
> был только внизу, подумаю как можно сделать - на сайте большой
> разнобой в верстке, боюсь можно что-то сильно поломать и не заметить.
> Поэтому наверно стоит отдельно прижать футер только на каких-то выборочных коротких
> страницах, типа написания комментария и авторизации.Ещё как вариант можно как в тг писать инициалы на фоне.
> Ещё как вариант можно как в тг писать инициалы на фоне.В комментариях на opennet половина ответов от анонимов, которые разделяются только в пределах одного обсуждения (из соображений приватности), соответственно в разных ветках автопривязанные аватары будут меняться и кроме неразберихи это ни к чему хорошему не приведёт. Из неанонимов аватар выставлен лишь у единиц. Автогенереация здесь не поможет. В reddit хорошо придумали с выбором аватара из готовой коллекции, но для подготовки такой коллекции нужны соответствующие ресурсы. В gravatar деалали геометрические узоры, но это лишь запутывает.
Посмотрите макет https://www.opennet.ru/soft/forum1.png - уменьшил контраст заголвока до цвета #E3E4D0 и убрал синий цвет со ссылок. Так лучше?
>> Ещё как вариант можно как в тг писать инициалы на фоне.
> В комментариях на opennet половина ответов от анонимов, которые разделяются только в
> пределах одного обсуждения (из соображений приватности), соответственно в разных ветках
> автопривязанные аватары будут меняться и кроме неразберихи это ни к чему
> хорошему не приведёт. Из неанонимов аватар выставлен лишь у единиц. Автогенереация
> здесь не поможет. В reddit хорошо придумали с выбором аватара из
> готовой коллекции, но для подготовки такой коллекции нужны соответствующие ресурсы. В
> gravatar деалали геометрические узоры, но это лишь запутывает.
> Посмотрите макет https://www.opennet.ru/soft/forum1.png - уменьшил контраст заголвока
> до цвета #E3E4D0 и убрал синий цвет со ссылок. Так лучше?Да, вот так лучше
Ok, поменял.
> Ok, поменял.Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга, а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное решение.
> Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга,
> а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или
> другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное
> решение.Сделал показ ника жирным шрифтом для более заметного разделения ответов.
>> Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга,
>> а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или
>> другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное
>> решение.
> Сделал показ ника жирным шрифтом для более заметного разделения ответов.Может лучше semibold?
> Может лучше semibold?Ok, поставил font-weight: 600, но отличий от bold у себя я не заметил.
>> Может лучше semibold?
> Ok, поставил font-weight: 600, но отличий от bold у себя я не
> заметил.Это потому что для semibold нет шрифта и используется bold
> Вот 3 примера хорошей организации и удобной системы комментариев по моему мнению.
> https://imageup.ru/img293/4496418/2023-08-25_09-43.jpg
> https://imageup.ru/img270/4496420/2023-08-25_09-40.jpg
> https://imageup.ru/img84/4496421/2023-08-25_09-46.pngА по моему они просто ужасны.
Первая вообще не читаемая, всё сливается в одну кашу.Второе, реддит, бывает часто очень не просто читатать и следить за большими ветками, только автоскрытие как-то это дело спасает.
В реддите комментарии фактически вторичны реакции. То есть это система реакций с возможностью описать подробно чего вам нравится или нет.Про хабр мне сложно что-то сказать, но я всегда путался в их комментариях, там что-то очень особое происходит.
>[оверквотинг удален]
> Современно - не всегда значит лучше, за время существовования текущего внешнего вида,
> когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже
> успели устареть :-)
> Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации,
> находящийся вне времени и не ломающий мозг (как примеры бед современного
> дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде
> сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К
> тоому же нелзя всё просто взять и кардинально переделать - необходимо
> сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по
> улучшению сводятся к чему-то похожему на типовые темы WordPress).Точно не планируете обновить дизайн на более современный? Скруглённые края, цвета более приятные глазу? Хоть под reddit мб сделать?
>[оверквотинг удален]
>> успели устареть :-)
>> Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации,
>> находящийся вне времени и не ломающий мозг (как примеры бед современного
>> дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде
>> сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К
>> тоому же нелзя всё просто взять и кардинально переделать - необходимо
>> сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по
>> улучшению сводятся к чему-то похожему на типовые темы WordPress).
> Точно не планируете обновить дизайн на более современный? Скруглённые края, цвета более
> приятные глазу? Хоть под reddit мб сделать?Просто, зайдёт человек условно 20-ти лет на сайт, и не поймёт старый ламповый стиль. А молодежь тоже нужно привлекать к опенсорсу и linux. Мб сделать условную кнопку "Новый дизайн/Тестовый дизайн" и придумать/сделать что-то новое там?
Я готов модернизировать дизайн плавно, шаг за шагом, на уровне переработки оформления отдельных компонентов и разделов, сохраняя общую концепцию и привычность подачи информации.В идеале с предложением рабочих прототипов, показывающих, что CSS и HTML нужно поменять так-то и так-то.
Кстати, насчёт Reddit, я себе в настройках старый дизайн вернул после того как там выкатили новый, на мой вкус он гораздо удобнее, нагляднее и функциональнее. Особенно бесят закреплённые блоки, которые при скроллинге остаются на месте, и частичное раскрытие комменатриев, хотя оформление комментариев там стало определённо лучше.
> Я готов модернизировать дизайн плавно, шаг за шагом, на уровне переработки оформления
> отдельных компонентов и разделов, сохраняя общую концепцию и привычность подачи информации.
> В идеале с предложением рабочих прототипов, показывающих, что CSS и HTML нужно
> поменять так-то и так-то.
> Кстати, насчёт Reddit, я себе в настройках старый дизайн вернул после того
> как там выкатили новый, на мой вкус он гораздо удобнее, нагляднее
> и функциональнее. Особенно бесят закреплённые блоки, которые при скроллинге остаются
> на месте, и частичное раскрытие комменатриев, хотя оформление комментариев там стало
> определённо лучше.В том то и суть что reddit не просто так ввёл новый дизайн, а чтобы новое поколение пользовались им тоже.
Реддит ужасен. А вот с ЛОРа можно много что позаимствовать.
Лучше не надо ничего менять. Сейчас всё идеально. Один из немногих сайтов на который приятно заходить. Быстро грузится, нет лишних свистелок, удобно читать со смартфона, в том числе на плохой связи.
> удобно читать со смартфонаВсё строго наоборот. Это ЛОР удобно читать со смартфона, но не опеннет. Кстати, в плане улучшения вёрстки имеет смысл что-то позаимствовать оттуда - вёрстка на той же Tango очень удобна и красива.
