Новые темы и компоновка компонентов

Эм… вы уверены в этой раскладке?

Из-за неё действительно сложно найти нужный компонент. Да и выглядит всё… очень пёстро.

К тому же, кнопка «Установить» должна быть первым компонентом, а не последним. Её используют чаще, чем сами компоненты.

Где находятся отключённые элементы — те, к которым не привязано ни одной темы?

9 лайков

Изменения выглядят интересно!

Смотря на первоначальные PR, такие как:

(а также #29225, #29079)

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

Мое immediate concern — отсутствие поиска и фильтрации, но я уверен, что интерфейс будет доработан и улучшен позже. При большом количестве компонентов это обязательная функция.

Другие отзывы:

С нетерпением жду дальнейших улучшений!

5 лайков

И мне очень хотелось бы получить там поиск. Меня немного укачало при прокрутке вверх и вниз в поиске компонента Google Font…

4 лайка

Я полностью согласен, это непрактичный подход:

От этого у меня кружится голова.. Я добавил несколько стилей, чтобы снова можно было удобно перемещаться по странице компонентов :upside_down_face: :face_with_spiral_eyes:

11 лайков

Я тоже пытаюсь сделать то же самое. :smile:
Из любопытства я пытался создать список или сетку кнопок и сгруппировать их по статусу. Было бы здорово добавить несколько вариантов фильтрации вверху.

Однако для некоторых людей вид в виде сетки может быть интересным. По крайней мере, для тем это имеет смысл.

4 лайка

@osama, @ella и @hugh глубоко погружены в эту работу и обсуждают некоторые из этих же вопросов внутри команды.

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

9 лайков

В дополнение к тому, что я сказал выше:

  • Группировка по статусу
  • Поиск
  • Представление в виде сетки или списка

Вот грубая демонстрация (я не дизайнер, сделал просто для развлечения); я был бы очень рад чему-то подобному:

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

Изображение

(вдохновлено Find the Perfect Icon for Your Project | Font Awesome)

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

8 лайков

Не хочешь поделиться ими? :smirking_face:

(И да, я знаю, что это лишь временное решение, но всё же)

2 лайка

Вот вам :slight_smile:

Временные стили
.admin-config.customize.components {
  .admin-detail {
    padding: 0;
  }
  .themes-cards-container {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    gap: 0;
  }
  .admin-config-area-card__content {
    flex-grow: 0;
    margin: 0;
    padding: 0;
  }
  .theme-card {
    flex-direction: row;
    margin: 0;
    padding: 0.75rem;
    padding-right: 0;
    box-shadow: none;
    border: none;
    border-top: 1px solid var(--primary-low);
    &:first-child {
      border-top: none;
    }
    &__image-wrapper,
    &__content {
      display: none;
    }
    &__footer {
      gap: 1rem;
    }
  }
  .theme-install-card {
    margin-top: 1rem;
  }
}
8 лайков

Ты мой новый герой!

Итак, создание нового компонента не открывает настройки, но он должен найти их в списке и открыть.

3 лайка

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

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

9 лайков

На самом деле, я только что вспомнил. У меня возникает законный вопрос: есть ли причина, по которой это изменение не включено в Discourse Design team experimentation topic. Это было бы правильным местом среди остальных, design-experiment.

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

8 лайков

Существует несколько различных подходов к внедрению новых функций, в зависимости от нашей оценки рисков, связанных с конкретным изменением.

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

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

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

2 лайка

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

1 лайк

Администраторам нужно, чтобы вещи упрощали их жизнь. Эксперименты, возможно, понятны. Но дайте администраторам возможность отката или переключатель между классической и новой версией. Кстати, если не ошибаюсь, «Новая кола» не прижилась.

4 лайка

Я работал над темой для клиента, и после обновления на тестовом экземпляре столкнулся с новой раскладкой. Мне пришлось остановиться и добавить стили, которые я привёл выше, чтобы продолжить работу. Текущая раскладка не даёт общего обзора и не подсказывает, какие компоненты в настоящее время используются, какие отключены и т. д. По-моему, при разработке темы или новой настройки это полностью ломает рабочий процесс.

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

9 лайков

Спасибо за ваш рассказ.

Узнавать больше о проблемах, с которыми сталкиваются люди в различных сценариях, очень полезно.

Спасибо, что поделились этим.

5 лайков

Что ж, я бы сказал, что каждое уведомление в этой теме возникло из попытки выполнить какое-то действие, которое было частью рабочего процесса :man_shrugging:

2 лайка

Я только что заметил, что сейчас нет фильтрации даже по имени.

1 лайк

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

1 лайк