관리자 사이드바 내비게이션 소개

:mega: 업데이트: 기존 관리자 상단 내비게이션은 3.4 릴리스에서 공식적으로 비추천(deprecated) 처리되고 제거되었습니다. 최근 사이드바 내비게이션이 크게 개선되었으며, 앞으로는 Discourse 관리자를 탐색하는 유일한 방법이 됩니다.


Discourse 관리자 영역의 내비게이션 구조가 어떻게 작동할지에 대한 몇 가지 변경 사항에 대해 내부적으로 작업해 왔습니다. 이 작업의 첫 번째 단계는 관리자 사이드바를 도입하는 것입니다. 아래와 같은 모습입니다:

이 사이드바는 채팅 사이드바와 유사하게 작동합니다. 이는 컨텍스트에 기반하며, 관리자가 사이트의 관리자 영역의 어느 부분이든 진입할 때만 표시되고, 관리자 영역을 벗어나면 적절한 컨텍스트 사이드바로 대체됩니다.

이 첫 번째 버전에서는 내비게이션 링크가 기존 페이지 상단 내비게이션 링크의 단순한 1:1 복사본입니다. 향후 여기에서 추가적인 구조 조정을 계획하고 있지만, 당장은 이 초기 형태를 먼저 공개하여 사람들의 의견을 듣고 싶었습니다.

곧 해결하기를 희망하는 몇 가지 주의 사항이 있습니다:

  • 기존 내비게이션 바의 admin-menu 아웃렛에 대한 대체 기능이 현재는 없습니다.
  • 상단 바가 제거되면서 UI의 외관에 일관성 없는 부분이 몇 가지 있습니다.
  • 관리자 사이드바에서 사용자 정의 사이드바 섹션과 링크를 지원하지 않습니다.
  • 자체 사용자 정의 테마 기반 사이드바를 가진 Discourse 사이트를 어떻게 지원할지에 대해 고려 중입니다.

현재로서는 실험적인 admin_sidebar_enabled_groups 사이트 설정 뒤에 숨겨져 있습니다. 피드백을 위한 토론을 시작합니다. :rocket:

63개의 좋아요

아직 대충만 살펴봤지만 괜찮아 보입니다.

오류 로그에 대한 메뉴 항목은 없지만, 로그 섹션에는 오류 로그로 연결되는 링크가 포함된 수평 메뉴가 여전히 있습니다.

8개의 좋아요

네, 이 항목을 사이드바에 추가하는 것에 대해 확신이 서지 않았습니다. 완전히 다른 페이지(Logster)로 이동하기 때문이죠… 새 탭에서 열린다면 괜찮을 것 같습니다. 한번 생각해 볼게요 :slight_smile:

7개의 좋아요

안녕하세요 Martin :wave: 멋진 업데이트 감사합니다 :tada:

admin/upgrade 페이지가 사이드바에서 누락되어 있고, 모바일에서는 사이드바 내용을 대체하지 않고 기본 사이드바 내용 아래에 표시되는 것을 확인했습니다.

13개의 좋아요

네, 제 목록에 업그레이드 버튼이 있습니다 :+1: 모바일에서 말씀하시는 부분이 무엇인지 스크린샷을 공유해 주실 수 있을까요?

10개의 좋아요

고맙습니다. 네, 제 말은 모바일 사이드바에서 아래로 스크롤해야 관리자 섹션을 볼 수 있다는 뜻입니다. 그래서 지금은 데스크톱과 정확히 같은 방식으로 작동하지 않아요. 데스크톱에서는 /admin에 있을 때만 관리자 섹션이 표시되는데, 모바일에서는 기본 사이드바 메뉴 아래에 관리자 섹션이 표시됩니다. 이 문제에 대해 스크린샷이나 영상을 찍어서 이 게시글을 업데이트하겠습니다. :slightly_smiling_face:

7개의 좋아요

이 방향 정말 좋아요 :dizzy:

제가 가장 좋아하는 관리자 사이드바 중 하나는 Ghost 백엔드에 있는 거예요. 사이드바 바로 옆에 있는 필터가 사용하기에 정말 편하거든요. 이 패턴을 피드백으로 공유하고 싶어요:

14개의 좋아요

새로운 관리자 사이드바: 포럼으로 돌아오면 사이드바의 채팅 버튼이 사라집니다. 바로 이 버튼입니다:

chat separate sidebar mode가 전체 화면 모드입니다. 이게 관련이 있는지 모르겠네요. 다른 건… 버전은 3.2.0.beta4-dev (20f950a116)이고, 이 버전으로 업데이트한 이후에 이 문제가 시작되었다는 것은 확신합니다. 그리고 safe-mode로 해결되지 않았습니다.

큰 문제는 아닙니다. 그리고 그렇게 귀찮지도 않고요.

6개의 좋아요

@sam 님도 며칠 전 통화 중에 이 부분을 언급하셔서, 이렇게 생각하시는 분은 저뿐만이 아니시군요 :slight_smile: 다음 버전에서 이 부분을 검토해 볼 예정입니다.

버그를 보고해 주셔서 감사합니다. 이 부분을 다른 버그들과 함께 확인해 보겠습니다. :+1:

이것은 좀 이상하네요. 모바일과 데스크톱에서 동일한 방식으로 동작할 것이라고 예상했습니다. 이 부분도 확인해 보겠습니다.

10개의 좋아요

Martin, 감사합니다. 채팅 사이드바도 확인해 봤는데 모바일에서도 동일한 현상이 발생했습니다.

3개의 좋아요

멋진 디자인!!! 이 새로운 디자인을 정말 좋아해요

2개의 좋아요

모바일에서 이렇게 탐색하는 것은 매우 번거롭다고 생각합니다.

사이드바를 확인해야 한다는 사실을 이미 알고 있지 않다면, 사이드바에 컨텍스트에 맞는 옵션이 가득 차 있다는 것을 알 수 있는 명확한 방법이 없습니다.

페이지 간을 이동하려면 화면의 상단 모서리까지 손을 뻗어 사이드바의 맨 아래까지 스크롤한 뒤, 원하는 하위 메뉴를 정확하게 터치해야 합니다. 시각적으로도 관리자 메뉴는 사이드바의 나머지 부분과 구별되지 않습니다.

반면, 기존 방식에서는 상단 레벨 섹션이 바로 표시되어 0~1번의 스와이프만으로 접근할 수 있으며, 사전에 사용자가 알아야 할 필요 없이 원하는 관리자 하위 섹션까지 드릴다운하여 찾을 수 있습니다.

전체적으로 아이디어 자체는 마음에 들지만, 모바일 UX를 더 좋게 만드는 것이 아니라 오히려 나쁘게 만든다고 생각합니다. 일반적으로 모바일에서는 사이드바를 거의 사용하지 않습니다. 사이드바를 여는 것이 너무 번거롭고, 옵션이 너무 세분화되어 있거나 작기 때문이라고 생각합니다.

다른 앱들과 비교해 보니, 사이드바에 접근하는 방법이 일반적으로 매우 단순한 제스처라는 점을 알게 되었습니다. Discord와 Twitter는 간단한 가로 스와이프만으로 사이드바를 열 수 있습니다. eBay 앱에는 하단 메뉴에 버튼이 있고, 제 은행 앱은 뒤로 버튼을 누르면 사이드바가 열립니다. 공통점은 이러한 모든 제스처가 평소에는 의식하지 않고 자연스럽게 수행하는 동작이라는 것입니다. 하지만 모바일에서 Discourse 사이드바를 여는 것은 매우 의도적인 동작처럼 느껴집니다.

이 실험적 사이드바가 제게 효과적으로 작동하려면, 모바일 메뉴에 더 쉽게 접근할 수 있어야 하고, 관리자 전용이 아닌 설정들은 모두 숨겨져야 합니다. “포럼으로 돌아가기” 버튼은 실제로 좋은 디테일입니다. 관리자 섹션을 탐색할 때 완전히 다른 컨텍스트에 있는 것처럼 느껴지게 해주기 때문입니다.

하지만 제게 있어 Discourse에 대한 전반적인 조언은, 사이드바가 모바일에서 필수적인 탐색 기능이 된다면, 여닫는 방법을 훨씬 더 쉽게 개선해야 한다는 것입니다. 제 폰이 대형 모델이고 화면 상단이 현재 터치 입력이 되지 않는 데드 존(dead zone) 상태인 사실이, 제가 사이드바에 접근하기 얼마나 어려운지를 특히 부각시켰습니다.

11개의 좋아요

모바일에서 분명 이상한 일이 일어나고 있습니다. Martin이 다음에 이 문제를 살펴볼 때 수정할 것입니다. 아마도 휴가 기간 이후가 될 것 같습니다!

우리는 채팅과 포럼에 사용되는 사이드바와 동일한 기본 기능을 사용하고 있습니다. 따라서 열기/닫는 방식과 섹션 및 링크의 작동 방식은 거의 동일할 것입니다.

그러나 개인적으로는 관리자 섹션을 포럼이나 채팅과 시각적으로 구분하고, 사이트가 백엔드의 외관을 커스터마이징할 수 없도록 하는 편을 선호했습니다. 이렇게 하면 포럼으로 다시 돌아가기 위해 종료해야 하는 “백엔드” 관리자 섹션에 있다는 것을 알 수 있습니다.

@awesomerobot 이 문제에 대해, 특히 사이드바와 알림 메뉴에 대해 어떻게 생각하시나요? 왼쪽으로 스와이프(사이드바)하고 오른쪽으로 스와이프(알림 메뉴)하면 닫을 수 있도록 허용하고 있다는 것은 알고 있습니다. 하지만 오른쪽과 왼쪽으로 스와이프하여 이러한 메뉴를 더 직관적으로 열 수 있도록 할 수 있을까요?

6개의 좋아요

그렇다면 뒤로가기 기능이 깨지지는 않을까요?

4개의 좋아요

이것은 네이티브 앱보다 우리에게 좀 더 까다로운 문제입니다. 우리는 웹 기반이니까요. iOS의 Safari는 뒤로/앞으로 이동 내비게이션을 위해 스와이프 제스처를 예약해 두며, 제가 아는 한 이를 우회하는 좋은 방법은 없습니다… 하지만 상황이 바뀌었을 수도 있겠죠? :thinking: Blocking Navigation Gestures On iOS Safari - Pqina

6개의 좋아요

허브에서는 어떤 경우에도 완전한 유연성을 갖추고 있다는 점도 주목할 가치가 있습니다.

5개의 좋아요

스위치 인을 켜니, 첫 반응은 이랬습니다: 모든 것이 깔끔하게 정리되고 파싱하기가 훨씬 쉬워지네요. 잘했어요! :smiley:

5개의 좋아요

또 다른 의견인데, 저는 옛날 스타일로 되돌렸습니다.

상단으로 가는 경로가 더 짧고, 좌우로 이동한 뒤 스크롤할 필요 없이 옵션에 더 쉽게 접근할 수 있습니다.

게다가 작은 화면에서 작업해야 할 때, 즉 어떤 표준 크기의 iPad도 작은 화면에 해당하지만, 사이드바를 사용하기가 너무 어렵습니다.

기대하기로는 옛날 스타일이 옵션으로 유지되길 바랍니다.

4개의 좋아요

장기적으로 그럴 가능성은 매우 낮습니다. 이 기능을 계속 개선해 나갈 예정이니, 몇 주 뒤에 더 많은 반복 개발이 이루어진 후 다시 한번 시도해 보세요.

5개의 좋아요

이 실험적인 사이드바에 대한 UX 제안을 드리고 싶습니다.

제안 내용:

관리자 메뉴에 탭을 추가하여 상단에서 포럼 메뉴와 관리자 사이드바 메뉴를 전환할 수 있도록 하면, 포럼 메뉴에 접근하기 위해 관리자 메뉴를 나설 필요가 없고, 관리자 메뉴로 스크롤을 내리는 것보다 클릭 한 번을 줄일 수 있습니다.

또한 스크롤 대신 버튼을 탭하면 해당 위치로 이동할 수 있으므로 모바일에서의 문제도 개선할 수 있습니다.

제가 생각한 이 제안의 형태를 스케치로 그려 보았습니다:

4개의 좋아요