The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]




Версия для распечатки Пред. тема | След. тема
Новые ответы [ Отслеживать ]
Обновление дизайна сайта, !*! we4r4tge4wtgwe4tge4, 18-Авг-23, 16:45  [смотреть все]
Не планируете обновить дизайн сайта? Самый крупный новостной сайт по Linux, но дизайн очень сильно устарел. Готово помочь с этим, чтобы сайт выглядел более современно.
  • Обновление дизайна сайта, !*! Maxim Chirkov, 21:23 , 19-Авг-23 (1) +1
    Предлагайте конкретные идеи о том, что и как можно улучшить на ваш взгляд.

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

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

    • Обновление дизайна сайта, !*! we4r4tge4wtgwe4tge4, 04:42 , 21-Авг-23 (2)
      >[оверквотинг удален]
      > Современно - не всегда значит лучше, за время существовования текущего внешнего вида,
      > когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже
      > успели устареть :-)
      > Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации,
      > находящийся вне времени и не ломающий мозг (как примеры бед современного
      > дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде
      > сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К
      > тоому же нелзя всё просто взять и кардинально переделать - необходимо
      > сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по
      > улучшению сводятся к чему-то похожему на типовые темы WordPress).

      Хотя частичное обновление имеет мало смысла, оно лучше чем нечего.

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

      • Обновление дизайна сайта, !*! Maxim Chirkov, 10:08 , 24-Авг-23 (3)
        > - Обновление страницы результатов поиска, так-как сейчас там каша из результатов, при
        > этом результаты кроме как заголовком и небольщим margin не как не
        > разделены и сливаются. Как и информация каждой единицы поиска не структурирована.

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

        > (Тоже самое относится и ко всем спискам на сайте)

        Например? И как по вашему мнению можно улучшить?

        > - Обновление неудобных и непродуманных комментариев где не только можно свернуть только
        > первый в ветке но и постоянно висят кнопки управления (ответить, к
        > модератору и тд), плюс каждый отдельный комментарий не выделен (в сумме,
        > а не только "панель комментария"). В итоге если сложить выше сказанное,
        > комментарии сейчас это плохо понятное месиво из кнопок и мини панелей

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

        > - Часто не семитричные отступы с двух сторон как у кнопок так
        > и у целых блоков, это касается также целых страниц

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

        > - Высота сайта не адаптируется под большие экраны.

        Высота?? Не ширина? Не понял, как высота должна адаптироваться.

        • Обновление дизайна сайта, !*! we4r4tge4wtgwe4tge4, 06:21 , 27-Авг-23 (5)
          >[оверквотинг удален]
          > и я себе слабо представляют как от него можно избавиться, сохранив
          > наглядно разделённое дерево комментариев. По поводу постоянно висящих кнопок - убрать
          > их в динамически появляющийся блок не получится, во-первых такие блоки сильно
          > раздражают некоторых, а во-вторых они не будут работать при отключении 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% высоты экрана, чтобы футер всегда был в низу страницы.

          Сначала давай-те это.

          • Обновление дизайна сайта, !*! Maxim Chirkov, 08:53 , 27-Авг-23 (6)
            > Вот 3 примера хорошей организации и удобной системы комментариев по моему мнению.

            На тех форумах есть существенное отличие - использовние аватара, как визуального якоря. На opennet аватары не обязательны, поэтому для разделения используется заголовок. Кнопки ("ответить" и т.п.) вынесены в заголвок чтобы не тратить вертикальное экранное пространство. Кнопку "к модератору" прятать смысла нет, её, если она не бросается в глаза, тогда перестанут замечать и  использовать.

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


            > Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда
            > был в низу страницы.

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


            • Обновление дизайна сайта, !*! we4r4tge4wtgwe4tge4, 15:45 , 27-Авг-23 (7)
              >[оверквотинг удален]
              > ответа слева, как сделало для сообщений первого уровня, раньше так и
              > было, но потом я убрал, так как показалось излишним.
              > Предлагайте свои варинты.
              >> Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда
              >> был в низу страницы.
              > Убрал пустые строки внизу за футером. Над адаптивным сдвигом, чтобы футер всегда
              > был только внизу, подумаю как можно сделать - на сайте большой
              > разнобой в верстке, боюсь можно что-то сильно поломать и не заметить.
              > Поэтому наверно стоит отдельно прижать футер только на каких-то выборочных коротких
              > страницах, типа написания комментария и авторизации.

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

            • Обновление дизайна сайта, !*! we4r4tge4wtgwe4tge4, 15:51 , 27-Авг-23 (8)
              >[оверквотинг удален]
              > ответа слева, как сделало для сообщений первого уровня, раньше так и
              > было, но потом я убрал, так как показалось излишним.
              > Предлагайте свои варинты.
              >> Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда
              >> был в низу страницы.
              > Убрал пустые строки внизу за футером. Над адаптивным сдвигом, чтобы футер всегда
              > был только внизу, подумаю как можно сделать - на сайте большой
              > разнобой в верстке, боюсь можно что-то сильно поломать и не заметить.
              > Поэтому наверно стоит отдельно прижать футер только на каких-то выборочных коротких
              > страницах, типа написания комментария и авторизации.

              Ещё как вариант можно как в тг писать инициалы на фоне.

              • Обновление дизайна сайта, !*! Maxim Chirkov, 20:49 , 27-Авг-23 (9)
                > Ещё как вариант можно как в тг писать инициалы на фоне.

                В комментариях на opennet половина ответов от анонимов, которые разделяются только в пределах одного обсуждения (из соображений приватности), соответственно в разных ветках автопривязанные аватары будут меняться и кроме неразберихи это ни к чему хорошему не приведёт. Из неанонимов аватар выставлен лишь у единиц. Автогенереация здесь не поможет. В reddit хорошо придумали с выбором аватара из готовой коллекции, но для подготовки такой коллекции нужны соответствующие ресурсы. В gravatar деалали геометрические узоры, но это лишь запутывает.

                Посмотрите макет https://www.opennet.me/soft/forum1.png - уменьшил контраст заголвока до цвета #E3E4D0 и убрал синий цвет со ссылок. Так лучше?

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

                  Да, вот так лучше

          • Обновление дизайна сайта, !*! Аноньимъ, 17:23 , 06-Окт-23 (21)
            > Вот 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

            А по моему они просто ужасны.
            Первая вообще не читаемая, всё сливается в одну кашу.

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

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

    • Обновление дизайна сайта, !*! we4r4tge4wtgwe4tge4, 12:56 , 04-Сен-23 (17)
      >[оверквотинг удален]
      > Современно - не всегда значит лучше, за время существовования текущего внешнего вида,
      > когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже
      > успели устареть :-)
      > Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации,
      > находящийся вне времени и не ломающий мозг (как примеры бед современного
      > дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде
      > сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К
      > тоому же нелзя всё просто взять и кардинально переделать - необходимо
      > сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по
      > улучшению сводятся к чему-то похожему на типовые темы WordPress).

      Точно не планируете обновить дизайн на более современный? Скруглённые края, цвета более приятные глазу? Хоть под reddit мб сделать?

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

        Просто, зайдёт человек условно 20-ти лет на сайт, и не поймёт старый ламповый стиль. А молодежь тоже нужно привлекать к опенсорсу и linux. Мб сделать условную кнопку "Новый дизайн/Тестовый дизайн" и придумать/сделать что-то новое там?

      • Обновление дизайна сайта, !*! Maxim Chirkov, 14:08 , 04-Сен-23 (19)
        Я готов модернизировать дизайн плавно, шаг за шагом, на уровне переработки оформления отдельных компонентов и разделов, сохраняя общую концепцию и привычность подачи информации.

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


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

        • Обновление дизайна сайта, !*! we4r4tge4wtgwe4tge4, 11:00 , 07-Сен-23 (20) –1
          > Я готов модернизировать дизайн плавно, шаг за шагом, на уровне переработки оформления
          > отдельных компонентов и разделов, сохраняя общую концепцию и привычность подачи информации.
          > В идеале с предложением рабочих прототипов, показывающих, что CSS и HTML нужно
          > поменять так-то и так-то.
          > Кстати, насчёт Reddit, я себе в настройках старый дизайн вернул после того
          > как там выкатили новый, на мой вкус он гораздо удобнее, нагляднее
          > и функциональнее.  Особенно бесят закреплённые блоки, которые при скроллинге остаются
          > на месте, и частичное раскрытие комменатриев, хотя оформление комментариев там стало
          > определённо лучше.

          В том то и суть что reddit не просто так ввёл новый дизайн, а чтобы новое поколение пользовались им тоже.

        • Обновление дизайна сайта, !*! Werenter, 08:11 , 03-Мрт-24 (24)
          Реддит ужасен. А вот с ЛОРа можно много что позаимствовать.
  • Обновление дизайна сайта, !*! Аноним, 23:37 , 12-Фев-24 (22)
    Лучше не надо ничего менять. Сейчас всё идеально. Один из немногих сайтов на который приятно заходить. Быстро грузится, нет лишних свистелок, удобно читать со смартфона, в том числе на плохой связи.
    • Обновление дизайна сайта, !*! Werenter, 08:10 , 03-Мрт-24 (23)
      > удобно читать со смартфона

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




Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру