forum.opennet.ru - "Обновление дизайна сайта" (23)

"Обновление дизайна сайта"

Форум Диалог с администрацией проекта
Вариант для распечатки		Пред. тема \| След. тема
Изначальное сообщение		[ Отслеживать ]

"Обновление дизайна сайта"	+/–
Сообщение от we4r4tge4wtgwe4tge4 (?), 18-Авг-23, 16:45
Не планируете обновить дизайн сайта? Самый крупный новостной сайт по Linux, но дизайн очень сильно устарел. Готово помочь с этим, чтобы сайт выглядел более современно.
Ответить \| Правка \| Cообщить модератору

Оглавление

Предлагайте конкретные идеи о том, что и как можно улучшить на ваш взгляд Соврем, Maxim Chirkov (ok), 21:23 , 19-Авг-23, (1) +1

gt оверквотинг удален Хотя частичное обновление имеет мало смысла, оно лучше ч, we4r4tge4wtgwe4tge4 (?), 04:42 , 21-Авг-23, (2)

Изменил шрифт примечания и увеличил отступы между записями версию CSS не увелич, Maxim Chirkov (ok), 10:08 , 24-Авг-23, (3)

gt оверквотинг удален Вот 3 примера хорошей организации и удобной системы комм, we4r4tge4wtgwe4tge4 (?), 06:21 , 27-Авг-23, (5)

На тех форумах есть существенное отличие - использовние аватара, как визуального, Maxim Chirkov (ok), 08:53 , 27-Авг-23, (6)

gt оверквотинг удален Если аватара нет, то можно использовать по умолчанию ава, we4r4tge4wtgwe4tge4 (?), 15:45 , 27-Авг-23, (7)
gt оверквотинг удален Ещё как вариант можно как в тг писать инициалы на фоне , we4r4tge4wtgwe4tge4 (?), 15:51 , 27-Авг-23, (8)

В комментариях на opennet половина ответов от анонимов, которые разделяются толь, Maxim Chirkov (ok), 20:49 , 27-Авг-23, (9)

Да, вот так лучше, we4r4tge4wtgwe4tge4 (?), 07:09 , 28-Авг-23, (10) –1

Ok, поменял , Maxim Chirkov (ok), 07:49 , 29-Авг-23, (11)

Максим, стало хуже Раньше комменты можно было визуально отделить друг от друга,, Аноним (12), 13:51 , 29-Авг-23, (12) +1

Сделал показ ника жирным шрифтом для более заметного разделения ответов , Maxim Chirkov (ok), 19:22 , 29-Авг-23, (13)

Может лучше semibold , we4r4tge4wtgwe4tge4 (?), 07:49 , 30-Авг-23, (14)
Ok, поставил font-weight 600, но отличий от bold у себя я не заметил , Maxim Chirkov (ok), 12:13 , 30-Авг-23, (15)
Это потому что для semibold нет шрифта и используется bold, we4r4tge4wtgwe4tge4 (?), 14:15 , 30-Авг-23, (16)

А по моему они просто ужасны Первая вообще не читаемая, всё сливается в одну каш, Аноньимъ (ok), 17:23 , 06-Окт-23, (21)

gt оверквотинг удален Точно не планируете обновить дизайн на более современный, we4r4tge4wtgwe4tge4 (?), 12:56 , 04-Сен-23, (17)

gt оверквотинг удален Просто, зайдёт человек условно 20-ти лет на сайт, и не п, we4r4tge4wtgwe4tge4 (?), 13:03 , 04-Сен-23, (18)
Я готов модернизировать дизайн плавно, шаг за шагом, на уровне переработки оформ, Maxim Chirkov (ok), 14:08 , 04-Сен-23, (19)

В том то и суть что reddit не просто так ввёл новый дизайн, а чтобы новое поколе, we4r4tge4wtgwe4tge4 (?), 11:00 , 07-Сен-23, (20) –1
Реддит ужасен А вот с ЛОРа можно много что позаимствовать , Werenter (ok), 08:11 , 03-Мрт-24, (24)

Лучше не надо ничего менять Сейчас всё идеально Один из немногих сайтов на кот, Аноним (22), 23:37 , 12-Фев-24, (22)

Всё строго наоборот Это ЛОР удобно читать со смартфона, но не опеннет Кстати, , Werenter (ok), 08:10 , 03-Мрт-24, (23)

Сообщения [Сортировка по ответам | RSS]

1. Сообщение от Maxim Chirkov (ok), 19-Авг-23, 21:23 +1 +/–

Предлагайте конкретные идеи о том, что и как можно улучшить на ваш взгляд.
Современно - не всегда значит лучше, за время существовования текущего внешнего вида, когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже успели устареть :-)
Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации, находящийся вне времени и не ломающий мозг (как примеры бед современного дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К тоому же нелзя всё просто взять и кардинально переделать - необходимо сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по улучшению сводятся к чему-то похожему на типовые темы WordPress).

Ответить | Правка | Наверх | Cообщить модератору
Ответы: #2, #17

2. Сообщение от we4r4tge4wtgwe4tge4 (?), 21-Авг-23, 04:42 +/–

>[оверквотинг удален]
> Современно - не всегда значит лучше, за время существовования текущего внешнего вида,
> когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже
> успели устареть :-)
> Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации,
> находящийся вне времени и не ломающий мозг (как примеры бед современного
> дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде
> сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К
> тоому же нелзя всё просто взять и кардинально переделать - необходимо
> сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по
> улучшению сводятся к чему-то похожему на типовые темы WordPress).
Хотя частичное обновление имеет мало смысла, оно лучше чем нечего.
Как примеры:
- Обновление страницы результатов поиска, так-как сейчас там каша из результатов, при этом результаты кроме как заголовком и небольщим margin не как не разделены и сливаются. Как и информация каждой единицы поиска не структурирована. (Тоже самое относится и ко всем спискам на сайте)
- Обновление неудобных и непродуманных комментариев где не только можно свернуть только первый в ветке но и постоянно висят кнопки управления (ответить, к модератору и тд), плюс каждый отдельный комментарий не выделен (в сумме, а не только "панель комментария"). В итоге если сложить выше сказанное, комментарии сейчас это плохо понятное месиво из кнопок и мини панелей (Которые кстати на телефонах выглядят не очень).
- Часто не семитричные отступы с двух сторон как у кнопок так и у целых блоков, это касается также целых страниц
- Высота сайта не адаптируется под большие экраны.
- И такой список можно составить к каждому компонента сайта.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #1 Ответы: #3

3. Сообщение от Maxim Chirkov (ok), 24-Авг-23, 10:08 +/–

> - Обновление страницы результатов поиска, так-как сейчас там каша из результатов, при
> этом результаты кроме как заголовком и небольщим margin не как не
> разделены и сливаются. Как и информация каждой единицы поиска не структурирована.
Изменил шрифт примечания и увеличил отступы между записями (версию CSS не увеличил, чтобы подействовало нужно жестко перегрузить страницу).
> (Тоже самое относится и ко всем спискам на сайте)
Например? И как по вашему мнению можно улучшить?
> - Обновление неудобных и непродуманных комментариев где не только можно свернуть только
> первый в ветке но и постоянно висят кнопки управления (ответить, к
> модератору и тд), плюс каждый отдельный комментарий не выделен (в сумме,
> а не только "панель комментария"). В итоге если сложить выше сказанное,
> комментарии сейчас это плохо понятное месиво из кнопок и мини панелей
Хотелсь бы увидеть макет того как должны выглять комментарии с вашей точки зрения. Сейчас выделенный заголовок  с кнопками используется как визуальный разделитель и я себе слабо представляют как от него можно избавиться, сохранив наглядно разделённое дерево комментариев. По поводу постоянно висящих кнопок - убрать их в динамически появляющийся блок не получится, во-первых такие блоки сильно раздражают некоторых, а во-вторых они не будут работать при отключении JavaScript.
> - Часто не семитричные отступы с двух сторон как у кнопок так
> и у целых блоков, это касается также целых страниц
Есть такое, у меня глаз замылен на такие вещи, поэтому лучше сразу писать где именно что-то нужно поправить.
> - Высота сайта не адаптируется под большие экраны.
Высота?? Не ширина? Не понял, как высота должна адаптироваться.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #2 Ответы: #5

5. Сообщение от we4r4tge4wtgwe4tge4 (?), 27-Авг-23, 06:21 +/–

>[оверквотинг удален]
> и я себе слабо представляют как от него можно избавиться, сохранив
> наглядно разделённое дерево комментариев. По поводу постоянно висящих кнопок - убрать
> их в динамически появляющийся блок не получится, во-первых такие блоки сильно
> раздражают некоторых, а во-вторых они не будут работать при отключении 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% высоты экрана, чтобы футер всегда был в низу страницы.
Сначала давай-те это.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #3 Ответы: #6, #21

6. Сообщение от Maxim Chirkov (ok), 27-Авг-23, 08:53 +/–

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

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

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #5 Ответы: #7, #8

7. Сообщение от we4r4tge4wtgwe4tge4 (?), 27-Авг-23, 15:45 +/–

>[оверквотинг удален]
> ответа слева, как сделало для сообщений первого уровня, раньше так и
> было, но потом я убрал, так как показалось излишним.
> Предлагайте свои варинты.
>> Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда
>> был в низу страницы.
> Убрал пустые строки внизу за футером. Над адаптивным сдвигом, чтобы футер всегда
> был только внизу, подумаю как можно сделать - на сайте большой
> разнобой в верстке, боюсь можно что-то сильно поломать и не заметить.
> Поэтому наверно стоит отдельно прижать футер только на каких-то выборочных коротких
> страницах, типа написания комментария и авторизации.
Если аватара нет, то можно использовать по умолчанию аватар (как в примерах выше, там не обязателен аватар как и на opennet.ru) или просто случайный цвет как фон аватара. Тогда можно будет уже на ваш вкус реализовать что-то похожее на примеры выше и не использовать заголовок для этих целей.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #6

8. Сообщение от we4r4tge4wtgwe4tge4 (?), 27-Авг-23, 15:51 +/–

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

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #6 Ответы: #9

9. Сообщение от Maxim Chirkov (ok), 27-Авг-23, 20:49 +/–

> Ещё как вариант можно как в тг писать инициалы на фоне.
В комментариях на opennet половина ответов от анонимов, которые разделяются только в пределах одного обсуждения (из соображений приватности), соответственно в разных ветках автопривязанные аватары будут меняться и кроме неразберихи это ни к чему хорошему не приведёт. Из неанонимов аватар выставлен лишь у единиц. Автогенереация здесь не поможет. В reddit хорошо придумали с выбором аватара из готовой коллекции, но для подготовки такой коллекции нужны соответствующие ресурсы. В gravatar деалали геометрические узоры, но это лишь запутывает.
Посмотрите макет https://www.opennet.me/soft/forum1.png - уменьшил контраст заголвока до цвета #E3E4D0 и убрал синий цвет со ссылок. Так лучше?

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #8 Ответы: #10

10. Сообщение от we4r4tge4wtgwe4tge4 (?), 28-Авг-23, 07:09 –1 +/–

>> Ещё как вариант можно как в тг писать инициалы на фоне.
> В комментариях на opennet половина ответов от анонимов, которые разделяются только в
> пределах одного обсуждения (из соображений приватности), соответственно в разных ветках
> автопривязанные аватары будут меняться и кроме неразберихи это ни к чему
> хорошему не приведёт. Из неанонимов аватар выставлен лишь у единиц. Автогенереация
> здесь не поможет. В reddit хорошо придумали с выбором аватара из
> готовой коллекции, но для подготовки такой коллекции нужны соответствующие ресурсы. В
> gravatar деалали геометрические узоры, но это лишь запутывает.
> Посмотрите макет https://www.opennet.me/soft/forum1.png - уменьшил контраст заголвока
> до цвета #E3E4D0 и убрал синий цвет со ссылок. Так лучше?
Да, вот так лучше

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #9 Ответы: #11

11. Сообщение от Maxim Chirkov (ok), 29-Авг-23, 07:49 +/–

Ok, поменял.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #10 Ответы: #12

12. Сообщение от Аноним (12), 29-Авг-23, 13:51 +1 +/–

> Ok, поменял.
Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга, а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное решение.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #11 Ответы: #13

13. Сообщение от Maxim Chirkov (ok), 29-Авг-23, 19:22 +/–

> Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга,
> а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или
> другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное
> решение.
Сделал показ ника жирным шрифтом для более заметного разделения ответов.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #12 Ответы: #14

14. Сообщение от we4r4tge4wtgwe4tge4 (?), 30-Авг-23, 07:49 +/–

>> Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга,
>> а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или
>> другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное
>> решение.
> Сделал показ ника жирным шрифтом для более заметного разделения ответов.
Может лучше semibold?

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #13 Ответы: #15

15. Сообщение от Maxim Chirkov (ok), 30-Авг-23, 12:13 +/–

> Может лучше semibold?
Ok, поставил font-weight: 600, но отличий от bold у себя я не заметил.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #14 Ответы: #16

16. Сообщение от we4r4tge4wtgwe4tge4 (?), 30-Авг-23, 14:15 +/–

>> Может лучше semibold?
> Ok, поставил font-weight: 600, но отличий от bold у себя я не
> заметил.
Это потому что для semibold нет шрифта и используется bold

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #15

17. Сообщение от we4r4tge4wtgwe4tge4 (?), 04-Сен-23, 12:56 +/–

>[оверквотинг удален]
> Современно - не всегда значит лучше, за время существовования текущего внешнего вида,
> когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже
> успели устареть :-)
> Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации,
> находящийся вне времени и не ломающий мозг (как примеры бед современного
> дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде
> сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К
> тоому же нелзя всё просто взять и кардинально переделать - необходимо
> сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по
> улучшению сводятся к чему-то похожему на типовые темы WordPress).
Точно не планируете обновить дизайн на более современный? Скруглённые края, цвета более приятные глазу? Хоть под reddit мб сделать?

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #1 Ответы: #18, #19

18. Сообщение от we4r4tge4wtgwe4tge4 (?), 04-Сен-23, 13:03 +/–

>[оверквотинг удален]
>> успели устареть :-)
>> Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации,
>> находящийся вне времени и не ломающий мозг (как примеры бед современного
>> дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде
>> сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К
>> тоому же нелзя всё просто взять и кардинально переделать - необходимо
>> сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по
>> улучшению сводятся к чему-то похожему на типовые темы WordPress).
> Точно не планируете обновить дизайн на более современный? Скруглённые края, цвета более
> приятные глазу? Хоть под reddit мб сделать?
Просто, зайдёт человек условно 20-ти лет на сайт, и не поймёт старый ламповый стиль. А молодежь тоже нужно привлекать к опенсорсу и linux. Мб сделать условную кнопку "Новый дизайн/Тестовый дизайн" и придумать/сделать что-то новое там?

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #17

19. Сообщение от Maxim Chirkov (ok), 04-Сен-23, 14:08 +/–

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

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

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #17 Ответы: #20, #24

20. Сообщение от we4r4tge4wtgwe4tge4 (?), 07-Сен-23, 11:00 –1 +/–

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

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #19

21. Сообщение от Аноньимъ (ok), 06-Окт-23, 17:23 +/–

> Вот 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
А по моему они просто ужасны.
Первая вообще не читаемая, всё сливается в одну кашу.
Второе, реддит, бывает часто очень не просто читатать и следить за большими ветками, только автоскрытие как-то это дело спасает.
В реддите комментарии фактически вторичны реакции. То есть это система реакций с возможностью описать подробно чего вам нравится или нет.
Про хабр мне сложно что-то сказать, но я всегда путался в их комментариях, там что-то очень особое происходит.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #5

22. Сообщение от Аноним (22), 12-Фев-24, 23:37 +/–

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

Ответить | Правка | Наверх | Cообщить модератору
Ответы: #23

23. Сообщение от Werenter (ok), 03-Мрт-24, 08:10 +/–

> удобно читать со смартфона
Всё строго наоборот. Это ЛОР удобно читать со смартфона, но не опеннет. Кстати, в плане улучшения вёрстки имеет смысл что-то позаимствовать оттуда - вёрстка на той же Tango очень удобна и красива.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #22

24. Сообщение от Werenter (ok), 03-Мрт-24, 08:11 +/–

Реддит ужасен. А вот с ЛОРа можно много что позаимствовать.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #19

Архив | Удалить

Рекомендовать для помещения в FAQ | Индекс форумов | Темы | Пред. тема | След. тема

Партнёры:

Хостинг:

Закладки на сайте
Проследить за страницей

Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру

1. Сообщение от Maxim Chirkov (ok), 19-Авг-23, 21:23	+1 +/–
Предлагайте конкретные идеи о том, что и как можно улучшить на ваш взгляд. Современно - не всегда значит лучше, за время существовования текущего внешнего вида, когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже успели устареть :-) Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации, находящийся вне времени и не ломающий мозг (как примеры бед современного дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К тоому же нелзя всё просто взять и кардинально переделать - необходимо сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по улучшению сводятся к чему-то похожему на типовые темы WordPress).
Ответить \| Правка \| Наверх \| Cообщить модератору
Ответы: #2, #17

2. Сообщение от we4r4tge4wtgwe4tge4 (?), 21-Авг-23, 04:42	+/–
>[оверквотинг удален] > Современно - не всегда значит лучше, за время существовования текущего внешнего вида, > когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже > успели устареть :-) > Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации, > находящийся вне времени и не ломающий мозг (как примеры бед современного > дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде > сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К > тоому же нелзя всё просто взять и кардинально переделать - необходимо > сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по > улучшению сводятся к чему-то похожему на типовые темы WordPress). Хотя частичное обновление имеет мало смысла, оно лучше чем нечего. Как примеры: - Обновление страницы результатов поиска, так-как сейчас там каша из результатов, при этом результаты кроме как заголовком и небольщим margin не как не разделены и сливаются. Как и информация каждой единицы поиска не структурирована. (Тоже самое относится и ко всем спискам на сайте) - Обновление неудобных и непродуманных комментариев где не только можно свернуть только первый в ветке но и постоянно висят кнопки управления (ответить, к модератору и тд), плюс каждый отдельный комментарий не выделен (в сумме, а не только "панель комментария"). В итоге если сложить выше сказанное, комментарии сейчас это плохо понятное месиво из кнопок и мини панелей (Которые кстати на телефонах выглядят не очень). - Часто не семитричные отступы с двух сторон как у кнопок так и у целых блоков, это касается также целых страниц - Высота сайта не адаптируется под большие экраны. - И такой список можно составить к каждому компонента сайта.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #1 Ответы: #3

3. Сообщение от Maxim Chirkov (ok), 24-Авг-23, 10:08	+/–
> - Обновление страницы результатов поиска, так-как сейчас там каша из результатов, при > этом результаты кроме как заголовком и небольщим margin не как не > разделены и сливаются. Как и информация каждой единицы поиска не структурирована. Изменил шрифт примечания и увеличил отступы между записями (версию CSS не увеличил, чтобы подействовало нужно жестко перегрузить страницу). > (Тоже самое относится и ко всем спискам на сайте) Например? И как по вашему мнению можно улучшить? > - Обновление неудобных и непродуманных комментариев где не только можно свернуть только > первый в ветке но и постоянно висят кнопки управления (ответить, к > модератору и тд), плюс каждый отдельный комментарий не выделен (в сумме, > а не только "панель комментария"). В итоге если сложить выше сказанное, > комментарии сейчас это плохо понятное месиво из кнопок и мини панелей Хотелсь бы увидеть макет того как должны выглять комментарии с вашей точки зрения. Сейчас выделенный заголовок с кнопками используется как визуальный разделитель и я себе слабо представляют как от него можно избавиться, сохранив наглядно разделённое дерево комментариев. По поводу постоянно висящих кнопок - убрать их в динамически появляющийся блок не получится, во-первых такие блоки сильно раздражают некоторых, а во-вторых они не будут работать при отключении JavaScript. > - Часто не семитричные отступы с двух сторон как у кнопок так > и у целых блоков, это касается также целых страниц Есть такое, у меня глаз замылен на такие вещи, поэтому лучше сразу писать где именно что-то нужно поправить. > - Высота сайта не адаптируется под большие экраны. Высота?? Не ширина? Не понял, как высота должна адаптироваться.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #2 Ответы: #5

5. Сообщение от we4r4tge4wtgwe4tge4 (?), 27-Авг-23, 06:21	+/–
>[оверквотинг удален] > и я себе слабо представляют как от него можно избавиться, сохранив > наглядно разделённое дерево комментариев. По поводу постоянно висящих кнопок - убрать > их в динамически появляющийся блок не получится, во-первых такие блоки сильно > раздражают некоторых, а во-вторых они не будут работать при отключении 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% высоты экрана, чтобы футер всегда был в низу страницы. Сначала давай-те это.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #3 Ответы: #6, #21

6. Сообщение от Maxim Chirkov (ok), 27-Авг-23, 08:53	+/–
> Вот 3 примера хорошей организации и удобной системы комментариев по моему мнению. На тех форумах есть существенное отличие - использовние аватара, как визуального якоря. На opennet аватары не обязательны, поэтому для разделения используется заголовок. Кнопки ("ответить" и т.п.) вынесены в заголвок чтобы не тратить вертикальное экранное пространство. Кнопку "к модератору" прятать смысла нет, её, если она не бросается в глаза, тогда перестанут замечать и использовать. Из того как без радикальной переработки можно улучшить оформление комментариев под новостями сейчас приходит в голову только уменьшение интенсивности ссылок, чтобы они не отсвечивали так синим цветом. Ещё можно еле заметной полоской выделить текст ответа слева, как сделало для сообщений первого уровня, раньше так и было, но потом я убрал, так как показалось излишним. Предлагайте свои варинты. > Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда > был в низу страницы. Убрал пустые строки внизу за футером. Над адаптивным сдвигом, чтобы футер всегда был только внизу, подумаю как можно сделать - на сайте большой разнобой в верстке, боюсь можно что-то сильно поломать и не заметить. Поэтому наверно стоит отдельно прижать футер только на каких-то выборочных коротких страницах, типа написания комментария и авторизации.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #5 Ответы: #7, #8

7. Сообщение от we4r4tge4wtgwe4tge4 (?), 27-Авг-23, 15:45	+/–
>[оверквотинг удален] > ответа слева, как сделало для сообщений первого уровня, раньше так и > было, но потом я убрал, так как показалось излишним. > Предлагайте свои варинты. >> Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда >> был в низу страницы. > Убрал пустые строки внизу за футером. Над адаптивным сдвигом, чтобы футер всегда > был только внизу, подумаю как можно сделать - на сайте большой > разнобой в верстке, боюсь можно что-то сильно поломать и не заметить. > Поэтому наверно стоит отдельно прижать футер только на каких-то выборочных коротких > страницах, типа написания комментария и авторизации. Если аватара нет, то можно использовать по умолчанию аватар (как в примерах выше, там не обязателен аватар как и на opennet.ru) или просто случайный цвет как фон аватара. Тогда можно будет уже на ваш вкус реализовать что-то похожее на примеры выше и не использовать заголовок для этих целей.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #6

8. Сообщение от we4r4tge4wtgwe4tge4 (?), 27-Авг-23, 15:51	+/–
>[оверквотинг удален] > ответа слева, как сделало для сообщений первого уровня, раньше так и > было, но потом я убрал, так как показалось излишним. > Предлагайте свои варинты. >> Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда >> был в низу страницы. > Убрал пустые строки внизу за футером. Над адаптивным сдвигом, чтобы футер всегда > был только внизу, подумаю как можно сделать - на сайте большой > разнобой в верстке, боюсь можно что-то сильно поломать и не заметить. > Поэтому наверно стоит отдельно прижать футер только на каких-то выборочных коротких > страницах, типа написания комментария и авторизации. Ещё как вариант можно как в тг писать инициалы на фоне.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #6 Ответы: #9

9. Сообщение от Maxim Chirkov (ok), 27-Авг-23, 20:49	+/–
> Ещё как вариант можно как в тг писать инициалы на фоне. В комментариях на opennet половина ответов от анонимов, которые разделяются только в пределах одного обсуждения (из соображений приватности), соответственно в разных ветках автопривязанные аватары будут меняться и кроме неразберихи это ни к чему хорошему не приведёт. Из неанонимов аватар выставлен лишь у единиц. Автогенереация здесь не поможет. В reddit хорошо придумали с выбором аватара из готовой коллекции, но для подготовки такой коллекции нужны соответствующие ресурсы. В gravatar деалали геометрические узоры, но это лишь запутывает. Посмотрите макет https://www.opennet.me/soft/forum1.png - уменьшил контраст заголвока до цвета #E3E4D0 и убрал синий цвет со ссылок. Так лучше?
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #8 Ответы: #10

10. Сообщение от we4r4tge4wtgwe4tge4 (?), 28-Авг-23, 07:09	–1 +/–
>> Ещё как вариант можно как в тг писать инициалы на фоне. > В комментариях на opennet половина ответов от анонимов, которые разделяются только в > пределах одного обсуждения (из соображений приватности), соответственно в разных ветках > автопривязанные аватары будут меняться и кроме неразберихи это ни к чему > хорошему не приведёт. Из неанонимов аватар выставлен лишь у единиц. Автогенереация > здесь не поможет. В reddit хорошо придумали с выбором аватара из > готовой коллекции, но для подготовки такой коллекции нужны соответствующие ресурсы. В > gravatar деалали геометрические узоры, но это лишь запутывает. > Посмотрите макет https://www.opennet.me/soft/forum1.png - уменьшил контраст заголвока > до цвета #E3E4D0 и убрал синий цвет со ссылок. Так лучше? Да, вот так лучше
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #9 Ответы: #11

11. Сообщение от Maxim Chirkov (ok), 29-Авг-23, 07:49	+/–
Ok, поменял.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #10 Ответы: #12

12. Сообщение от Аноним (12), 29-Авг-23, 13:51	+1 +/–
> Ok, поменял. Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга, а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное решение.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #11 Ответы: #13

13. Сообщение от Maxim Chirkov (ok), 29-Авг-23, 19:22	+/–
> Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга, > а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или > другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное > решение. Сделал показ ника жирным шрифтом для более заметного разделения ответов.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #12 Ответы: #14

14. Сообщение от we4r4tge4wtgwe4tge4 (?), 30-Авг-23, 07:49	+/–
>> Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга, >> а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или >> другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное >> решение. > Сделал показ ника жирным шрифтом для более заметного разделения ответов. Может лучше semibold?
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #13 Ответы: #15

15. Сообщение от Maxim Chirkov (ok), 30-Авг-23, 12:13	+/–
> Может лучше semibold? Ok, поставил font-weight: 600, но отличий от bold у себя я не заметил.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #14 Ответы: #16

16. Сообщение от we4r4tge4wtgwe4tge4 (?), 30-Авг-23, 14:15	+/–
>> Может лучше semibold? > Ok, поставил font-weight: 600, но отличий от bold у себя я не > заметил. Это потому что для semibold нет шрифта и используется bold
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #15

17. Сообщение от we4r4tge4wtgwe4tge4 (?), 04-Сен-23, 12:56	+/–
>[оверквотинг удален] > Современно - не всегда значит лучше, за время существовования текущего внешнего вида, > когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже > успели устареть :-) > Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации, > находящийся вне времени и не ломающий мозг (как примеры бед современного > дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде > сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К > тоому же нелзя всё просто взять и кардинально переделать - необходимо > сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по > улучшению сводятся к чему-то похожему на типовые темы WordPress). Точно не планируете обновить дизайн на более современный? Скруглённые края, цвета более приятные глазу? Хоть под reddit мб сделать?
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #1 Ответы: #18, #19

18. Сообщение от we4r4tge4wtgwe4tge4 (?), 04-Сен-23, 13:03	+/–
>[оверквотинг удален] >> успели устареть :-) >> Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации, >> находящийся вне времени и не ломающий мозг (как примеры бед современного >> дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде >> сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К >> тоому же нелзя всё просто взять и кардинально переделать - необходимо >> сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по >> улучшению сводятся к чему-то похожему на типовые темы WordPress). > Точно не планируете обновить дизайн на более современный? Скруглённые края, цвета более > приятные глазу? Хоть под reddit мб сделать? Просто, зайдёт человек условно 20-ти лет на сайт, и не поймёт старый ламповый стиль. А молодежь тоже нужно привлекать к опенсорсу и linux. Мб сделать условную кнопку "Новый дизайн/Тестовый дизайн" и придумать/сделать что-то новое там?
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #17

19. Сообщение от Maxim Chirkov (ok), 04-Сен-23, 14:08	+/–
Я готов модернизировать дизайн плавно, шаг за шагом, на уровне переработки оформления отдельных компонентов и разделов, сохраняя общую концепцию и привычность подачи информации. В идеале с предложением рабочих прототипов, показывающих, что CSS и HTML нужно поменять так-то и так-то. Кстати, насчёт Reddit, я себе в настройках старый дизайн вернул после того как там выкатили новый, на мой вкус он гораздо удобнее, нагляднее и функциональнее. Особенно бесят закреплённые блоки, которые при скроллинге остаются на месте, и частичное раскрытие комменатриев, хотя оформление комментариев там стало определённо лучше.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #17 Ответы: #20, #24

20. Сообщение от we4r4tge4wtgwe4tge4 (?), 07-Сен-23, 11:00	–1 +/–
> Я готов модернизировать дизайн плавно, шаг за шагом, на уровне переработки оформления > отдельных компонентов и разделов, сохраняя общую концепцию и привычность подачи информации. > В идеале с предложением рабочих прототипов, показывающих, что CSS и HTML нужно > поменять так-то и так-то. > Кстати, насчёт Reddit, я себе в настройках старый дизайн вернул после того > как там выкатили новый, на мой вкус он гораздо удобнее, нагляднее > и функциональнее. Особенно бесят закреплённые блоки, которые при скроллинге остаются > на месте, и частичное раскрытие комменатриев, хотя оформление комментариев там стало > определённо лучше. В том то и суть что reddit не просто так ввёл новый дизайн, а чтобы новое поколение пользовались им тоже.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #19

21. Сообщение от Аноньимъ (ok), 06-Окт-23, 17:23	+/–
> Вот 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 А по моему они просто ужасны. Первая вообще не читаемая, всё сливается в одну кашу. Второе, реддит, бывает часто очень не просто читатать и следить за большими ветками, только автоскрытие как-то это дело спасает. В реддите комментарии фактически вторичны реакции. То есть это система реакций с возможностью описать подробно чего вам нравится или нет. Про хабр мне сложно что-то сказать, но я всегда путался в их комментариях, там что-то очень особое происходит.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #5

22. Сообщение от Аноним (22), 12-Фев-24, 23:37	+/–
Лучше не надо ничего менять. Сейчас всё идеально. Один из немногих сайтов на который приятно заходить. Быстро грузится, нет лишних свистелок, удобно читать со смартфона, в том числе на плохой связи.
Ответить \| Правка \| Наверх \| Cообщить модератору
Ответы: #23

23. Сообщение от Werenter (ok), 03-Мрт-24, 08:10	+/–
> удобно читать со смартфона Всё строго наоборот. Это ЛОР удобно читать со смартфона, но не опеннет. Кстати, в плане улучшения вёрстки имеет смысл что-то позаимствовать оттуда - вёрстка на той же Tango очень удобна и красива.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #22

24. Сообщение от Werenter (ok), 03-Мрт-24, 08:11	+/–
Реддит ужасен. А вот с ЛОРа можно много что позаимствовать.
Ответить \| Правка \| Наверх \| Cообщить модератору
Родитель: #19