새로운 테마 및 컴포넌트 레이아웃

음… 이 레이아웃에 대해 확신이 있나요?

이렇게 하면 원하는 컴포넌트를 찾는 것이 정말 어렵습니다. 그리고 모습이… 정말 어지럽네요.

그리고 설치 버튼은 마지막이 아니라 첫 번째 컴포넌트에 위치해야 한다고 생각합니다. 컴포넌트보다 더 자주 사용되니까요.

테마가 연결되어 있지 않은 비활성화된 것들은 어디에 있나요?

9개의 좋아요

이 변경 사항은 흥미롭네요!

다음과 같은 초기 PR들을 살펴보면:

(그리고 #29225, #29079도 포함)

더 단순하고 사용자 친화적인 인터페이스를 만들려는 의도는 높이 평가합니다.
적절한 스크린샷과 설명이 함께 제공된다면 꽤 잘 보일 것 같습니다!
테마와 컴포넌트를 통합하는 것은 합리적인 선택입니다.
여러 개의 사이드바를 피하는 것도 좋은 아이디어라고 생각합니다.

가장 즉각적인 우려 사항은 검색 및 필터링 기능이 없다는 점입니다. 하지만 향후 개선 사항으로 UI가 다듬어질 것이라고 확신합니다. 컴포넌트가 많을 경우 필수적인 기능이죠.

다른 피드백들:

향후 개선 사항을 기대하고 있습니다!

5개의 좋아요

거기서 검색 기능이 정말 있으면 좋겠습니다. 구글 폰트 컴포넌트를 찾으면서 위아래로 스크롤할 때 좀 멀미가 날 정도였거든요…

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개의 좋아요

안정판(stable)에 머무르는 것이 최선의 선택이라는 확신이 점점 더 커지고 있습니다. 지난 달 사이트 설정 관련 사태에 이어, 이번 역시 제대로 작동하던 것이 기능 플래그 설정 없이 완성되지도, 제대로 테스트되지도 않은 채 변경되어 프로덕션 환경에 배포된 또 다른 사례입니다.

(특정 기능에 대한 좀 더 건설적인 피드백을 덧붙이자면, 미사용 및 비활성화된 컴포넌트가 개요 화면에서 식별될 수 있다면 매우 유용할 것입니다).

9개의 좋아요

실제로 방금 기억이 났습니다. 이 변경 사항이 Discourse Design team experimentation topic 의 일부가 아닌 데에 합리적인 이유가 있는지에 대해 진지하게 궁금합니다. design-experiment 태그를 가진 다른 항목들과 함께 올바른 장소는 그곳이 되어야 합니다.

급하게 진행되었다는 데 동의합니다. 사전 정보나 기능 플래그 설정 없이 배포된 경우, 관리자분들에게 최상의 경험을 제공하지 못할 수 있다는 점을 이해합니다.

8개의 좋아요

해당 변경 사항의 위험도에 따라 기능 출시 방식은 여러 가지가 있습니다.

저의 의견으로는 이번 경우 위험도가 꽤 낮은 편입니다. 사용자의 워크플로가 깨지지 않으며, 변경 사항도 커뮤니티의 모든 구성원이 아니라 관리자만 대상으로 합니다.

테마와 컴포넌트를 다룰 때 많은 시간을 보내는 사용자들에게는 일부 불편함이 있을 수 있다는 점을 이해합니다. 특정 사용자의 워크플로가 어떻게 방해받았는지에 대한 더 많은 사례를 환영합니다. 이는 해당 애플리케이션 부분의 설계에 대한 우리의 의사결정에 도움이 될 것이기 때문입니다.

다만, 이 경우 디자인 실험이나 기능 플래그를 도입할 상황은 아니라고 생각합니다.

2개의 좋아요

편리하게 만들기 위해 추가된 테마로 컴포넌트를 필터링할 수도 있어야 한다고 생각합니다.

1개의 좋아요

관리자는 자신의 업무를 더 쉽게 수행할 수 있도록 해야 합니다. 실험은 이해할 수 있을지 모르지만, 관리자에게 클래식 버전과 새 버전 사이를 전환할 수 있는 폴백이나 토글을 제공해야 합니다. 참고로 제 기억이 맞다면, 뉴코카콜라는 시장에서 성공하지 못했습니다.

4개의 좋아요

클라이언트 테마 작업을 하던 중 스테이징 인스턴스를 업데이트한 후 새로운 레이아웃에 직면하게 되었습니다. 작업을 계속하기 위해 위에서 공유한 스타일을 추가해야 했습니다. 현재 레이아웃은 전체적인 개요를 파악하거나, 현재 사용 중인 컴포넌트와 비활성화된 컴포넌트를 구별하는 단서를 제공하지 않습니다. 테마 개발이나 새로운 설정을 구성할 때 워크플로가 완전히 깨진다고 말할 수 있습니다.

이전 목록은 실제로 매우 좋았습니다. 기억이 정확하다면 얼마 전에도 개선된 적이 있었습니다. 유일한 결함은 현재 테마에서 사용 중인 컴포넌트로 필터링할 수 없었던 점이었습니다(“사용 중” 필터는 설치된 모든 테마에서 사용 중인 모든 컴포넌트를 표시했기 때문입니다). 하지만 그 외에는 경험이 많은 관리자나 개발자에게는 많은 개선이 필요하지 않았던 인터페이스였습니다.

9개의 좋아요

이 이야기를 공유해 주셔서 감사합니다.

다양한 시나리오에서 사람들이 겪는 문제 유형에 대해 더 많이 듣는 것은 도움이 됩니다.

이 부분도 공유해 주셔서 감사합니다.

5개의 좋아요

음, 제 생각엔 이 주제에서 올라온 모든 알림은 워크플로우의 일부인 무언가를 하려고 시도하면서 생긴 것 같아 :man_shrugging:

2개의 좋아요

방금 이름으로조차 현재 필터링이 없다는 걸 알게 됐어요.

1개의 좋아요

팀이 실제 시나리오에서 이 기능을 실제로 사용해 보시길 권해 드립니다… 부족한 기능이 너무 많아서 사라진 기능이 정말 많습니다.

1개의 좋아요