레거시 햄버거 내비게이션 메뉴 옵션 제거

작년, 우리는 새로운 사이드바 내비게이션 메뉴를 발표했으며, 이는 이후 새 사이트의 기본 내비게이션 메뉴가 되었으며 기존 사이트 중에서도 많은 곳이 이를 채택했습니다. 동시에, navigation_menu 사이트 설정에서 기존 햄버거 드롭다운 메뉴를 legacy(레거시)로 표시했습니다.

legacy 내비게이션 메뉴의 대체재로, 우리는 header dropdown(헤더 드롭다운) 내비게이션 메뉴 옵션을 도입했습니다. 이 옵션은 sidebar(사이드바) 내비게이션 메뉴를 사용하길 원하지 않지만, 사이드바가 제공하는 사용자 정의 옵션은 유지하기를 원하는 사이트를 위해 설계되었습니다.

다가오는 Discourse 릴리스에서 모든 사이트를 자동으로 새로운 header dropdown 내비게이션으로 마이그레이션하여, legacy 내비게이션 메뉴에 대한 지원을 사실상 종료할 예정입니다. 그 다음 릴리스에서는 legacy 내비게이션 메뉴 옵션을 완전히 제거할 것입니다. 우리 관리형 호스팅에서는 여전히 legacy 내비게이션 메뉴를 사용하는 사이트를 점차적으로 header dropdown 내비게이션 메뉴로 전환할 것입니다.

기본 카테고리나 태그를 설정하지 않으면, 아래처럼 표시됩니다.

Configure Defaults(기본값 구성)를 통해 기본 카테고리나 태그를 추가할 수 있으며, 이는 아래 설정으로 이동합니다.

Screen Shot 2023-06-01 at 12.45.00

Screen Shot 2023-06-01 at 12.46.16

팝업 메뉴를 통해 이러한 변경 사항을 기존 사용자 설정에 적용할 수 있습니다.

모든 기본값을 설정하면, All Categories(모든 카테고리) 및 All Tags(모든 태그) 링크도 볼 수 있습니다.

Categories

Tags

사용자의 사이드바 기본 경험은 사용자가 자신의 사이드바를 개인화하기 전에 사이트에서 처음 보는 내용에서 차이가 납니다.

Normal User view

Header dropdown

Sidebar

Admin User view

Header dropdown

Sidebar

Anonymous User view

Header dropdown

Sidebar

공식 플러그인 API에 의존하여 legacy 햄버거 메뉴를 사용자 정의하는 테마나 플러그인은 계속 작동합니다. 그러나 공식 플러그인 API를 사용하지 않는 사용자 정의가 있는 경우, header dropdown 내비게이션 메뉴에 맞게 수정해야 할 수 있습니다.

header dropdown 내비게이션 메뉴로 전환하는 동안 문제가 발생하면 여기에 피드백을 남겨 주십시오. 기꺼이 도움을 드리겠습니다.

30개의 좋아요

이것은 너무 성급해 보입니다. 사용자가 커스터마이징할 수 있는 섹션은 여전히 프로토타입 수준처럼 느껴집니다. 사이트 레벨 커스터마이징은 그보다도 덜 완성된 것 같습니다. 이것이 공개되기 전에 중첩된 카테고리(nested categories) 처리가 더 좋아질 예정인가요? 태그 그룹(Tag groups)은요?

이 기능이 카테고리와 최신 주제(Categories and Latest Topics) 프론트 페이지 스타일과 어떻게 함께 작동할지에 대한 디자인 고려가 있었나요? 제가 놓친 것일 수도 있지만, 두 기능은 어색하게 충돌하는 것 같고 어떻게 해야 할지 전혀 모르겠습니다.

그리고, "커뮤니티(community)"라는 이름은 여전히 그대로인가요? 정말요?

7개의 좋아요

이것은 해당 릴리스로 업데이트할 때 legacy로 설정된 인스턴스에 대해서도 자동으로 적용되는 것인가요, 아니면 릴리스가 앞으로 legacy를 선택할 수 있는 기능만 제거하는 것인가요?

여기서 진행 중인 변경 사항은 ‘레거시’(햄버거) 메뉴를 사용하는 사이트를 새로운 ‘헤더 드롭다운’(햄버거) 메뉴로 전환하는 것입니다.

모든 사용자가 사이드바를 사용하도록 강제하지 않으며, 헤더 드롭다운은 카테고리 + 최신 게시물 홈 페이지 옵션과 함께 정상적으로 작동해야 합니다.

언급하신 사용자 및 사이트 전체의 사용자 지정 가능 섹션은 확실히 아직 발전 중인 단계이지만, 이는 새로운 기능에 해당합니다.

더 광범위하게 배포를 시작함에 따라, 사이트들은 여전히 옵트아웃을 선택하여 일정 기간 동안 햄버거 메뉴를 계속 사용할 수 있습니다. 최종 제거 전에 추가로 필요한 변경 사항이 있는지 파악하는 데 이 피드백(그리고 여기의 피드백)을 활용할 예정입니다.

3.1 버전, 즉 7월/8월쯤에나 이를 수행할 계획입니다.

그 부분은 잘못 말씀드렸습니다. 진행 과정에서 더 많은 시간이 필요한 다른 문제가 발견되지 않는 한, 이를 더 빨리 수행할 가능성이 높습니다.

6개의 좋아요

개인 의견: 저는 생애 동안 꽤 많은 사용자 문서를 작성해 왔으며, 용어 선택과 사용자 이해도 향상에 매우 민감합니다. 따라서 이제 이를 내비게이터(또는 내비게이션) 메뉴라고 부르고 있습니다. 실제로 그것이 내비게이션이므로 그렇습니다. 햄버거 아이콘은 대부분의 사람들이 여전히 그렇게 부르는 이름이며, 다른 앱들에서도 해당 아이콘에 대해 통용되는 이름입니다. 기존(레거시) 내비게이터 메뉴에도 햄버거 아이콘이 있었습니다. 새로운 내비게이터 메뉴는 드롭다운 또는 사이드바 형태로 설정할 수 있습니다(하지만 드롭다운 모드일 때 왜 여전히 사이드바라고 불리는지 이해가 되지 않네요). 기존 메뉴를 사용하던 시절에는 이를 햄버거 메뉴라고 불렀지만, 전환할 때 제 사용자들을 위해 용어를 변경하기로 결정하여 지금은 내비게이터 메뉴(또는 사이드바)라고 부르고, 아이콘은 햄버거 아이콘이라고 부릅니다. (예: 내비게이터 메뉴를 보려면 햄버거 아이콘을 클릭하세요.)

어쨌든, 지난 주말에 기존 메뉴에서 새로운 내비게이터 메뉴로 이동을 완료했습니다. 사용자들의 적응을 쉽게 하기 위해 기존 메뉴와 최대한 유사하도록 드롭다운 모드를 사용했습니다(저의 사용자층은 주로 40~80세의 고연령대입니다). 롤아웃은 예상보다 훨씬 잘 진행되었고, 사용자들은 사용자 지정 기능에 대해 꽤 만족해하고 있습니다. 원래 메뉴를 드롭다운 모드로 유지할 계획이었지만, 며칠 지나니 데스크톱 환경에서 왼쪽 슬라이드아웃 모드가 훨씬 낫다는 것을 깨달았습니다. 모바일 뷰와 더 유사하다는 점도 마음에 듭니다. 그래서 지난밤 사이 왼쪽 슬라이드아웃 모드로 전환했고, 그 결과에 매우 만족하고 있습니다. 사후적으로 보면, 이러한 우발적인 단계적 이주는 좋은 일이었다고 생각합니다.

몇 가지 피드백:

  • 가장 큰 불만은 상단 섹션의 사용자 지정에 대한 더 많은 제어가 필요하다는 것입니다. (텍스트 치환 콘솔에서 "Community"를 포럼 제목으로 쉽게 변경했습니다.) 해당 부분의 몇 가지 요소를 변경하기 위해 CSS를 사용했지만, 그 요소들에 접근하는 것이 다소 까다롭습니다.
  • 왜 Latest가 Everything으로 표시되나요? 이것도 변경했습니다
  • My Posts는 Staff를 위한 Admin 및 Review 옵션 위에 있어서는 안 됩니다. 현재는 Review가 …More 섹션으로 밀려 내려갑니다. Staff 컨트롤이 우선되어야 합니다.

지금까지 메뉴를 매우 마음에 들어 합니다. Discourse 팀, 훌륭한 작업입니다 :clap: :slight_smile:


수정: 이 글을 올린 직후, Everything이 동적으로 최신(Latest)에서 새 글(New)로 변경된다는 것을 알게 되었습니다. 파워 유저 옵션을 켠 후에야 누군가 지적해 주었기 때문에(아차) 그때까지 알아채지 못했습니다. 이 기능이 좋습니다. 더 적절한 이름(Recent / Unread)을 찾아야 했습니다. 멋진 기능입니다. 또한 플래그가 대기 중일 때 Review가 위로 올라오는 것도 나중에 알게 되어, 그 부분도 문제가 되지 않음을 확인했습니다.

10개의 좋아요

어디선가 이 문제를 보고한 적이 있었던 것 같은데… 여전히 [아마도] 사용자 정의 카테고리 컴포넌트와 어떤 식의 상호작용이 일어나고 있는 것 같습니다…

추가 업데이트: 제가 아주 오래전에 이 문제를 보고했던 곳입니다…

3개의 좋아요

죄송합니다. 스크린샷에서 하이라이트한 공간에 어떤 것을 기대하고 계신지 설명해 주실 수 있을까요? 이건 카테고리 아이콘에 관한 건가요?

3개의 좋아요

카테고리 옆에 아이콘이 표시되길 기대하고 있습니다. 네. “레거시” 모드에서는 이렇게 보입니다…

7개의 좋아요

우리 사이트에도 이는 퇴보가 될 것입니다.

3개의 좋아요

네, 이전 주제를 찾았습니다. 다른 사용자 지정 메뉴 섹션에 이미 포함되어 있고 레거시 메뉴에서 사용 가능했으므로, 카테고리에도 아이콘이 사용 가능해야 합니다.

3개의 좋아요

네, 알겠습니다. 기존 메뉴를 제거하기 전에 카테고리 아이콘을 어떻게 처리할지 목록에 올려두겠습니다.

9개의 좋아요

음, 제 모더레이터와 제가 방금 스태프 뷰에서 대기 중인 플래그가 있으면 검토 옵션이 관리자 옵션 위로 올라간다는 걸 알아차렸어요. 이거 진짜 좋아요! 위에서 말씀드린 문제(대부분)를 해결해 주네요. :slight_smile:

요즘 유저들은 비교적 잘 지킵니다 ㅋㅋ

7개의 좋아요

리뷰할 항목이 없을 때 “리뷰” 링크를 “더 보기” 드롭다운으로 이동시키는 것은 의도적인 디자인 결정입니다. 리뷰 대기열에 항목이 있을 경우, 해당 링크는 자동으로 “더 보기” 드롭다운에서 꺼내집니다.

5개의 좋아요

legacy에서 sidebar로 전환하는 과정에서, default sidebar categories와 default sidebar tags가 적절히 설정되어 있음에도 불구하고 카테고리와 태그가 비어 있는 것을 확인했습니다. 아마도 이 설정들이 사용자 환경 설정으로 전환되기 전에 설정했거나, 기존 사용자에게 적용할지 묻는 질문에 '아니오’라고 답한 것 같습니다. 다만 후자의 경우 제가 그렇게 했을 가능성은 낮다고 생각합니다.

해결을 위해 해당 기본 설정을 비어 있는 상태로 초기화하고, 과거 설정에 적용할지 묻는 질문에 '예’라고 답한 후, 다시 적절히 설정하고 '예’라고 답해야 했습니다. 비어 있는 상태에서 '예’라고 답하는 과정이 중요했는데, 그렇지 않으면 사용자 환경 설정에 변경 사항이 적용되지 않았습니다.


또한, 이 설정들이 사이드바와 헤더 드롭다운 모두에 적용됨에도 불구하고 sidebar로 명명된 것이 다소 이상합니다. 다만 관리자 설정 이름과 사용자 환경 설정에서 설정 이름이 숨겨져 있는 점을 고려하면 큰 문제는 아닙니다.

그러나 사용자 환경 설정 UI에서는, 실제로 헤더 드롭다운의 설정을 변경하고 싶은데도 “사이드바” 섹션으로 가서 “사이드바의 카테고리 섹션” 등의 설정을 변경해야 하는 상황이 꽤 어색하게 느껴집니다.

5개의 좋아요

phpBB에는 '활성 주제(Active Topics)'라는 것이 있는데, 이 용어가 여기에는 잘 맞을 것 같습니다.

1개의 좋아요

새로운 메뉴는 정말 혼란스럽습니다. 사람들이 가장 많이 찾는 ‘최신’ 항목 같은 것이 빠져 있고, 내비게이션에 여러 번의 클릭이 필요합니다. 사용자들로부터 불만이 들어오고 있어요. 어떻게 다시 되돌릴 수 있을까요? 이건 Atlassian을 떠올리게 합니다.

툴팁에는 그냥 '메뉴’라고만 나와서, 그렇게 부르고 있습니다.

image

1개의 좋아요

Latest(최신)은 Everything(모두)의 일부이며, Latest와 Unread(읽지 않음) 사이에서 동적으로 변경됩니다. 사이드바의 알림 설정은 사용자 설정의 사이드바 섹션에서 변경할 수 있습니다.

원하시면 사용자 정의 링크 섹션에 /Latest 및 /Unread 필터 링크를 추가하여 모든 사용자에게 표시할 수 있습니다.

또한 js.sidebar.show_sidebar 및 js.sidebar.hide_sidebar의 텍스트 치환을 통해 햄버거 아이콘의 툴팁을 원하는 내용으로 변경할 수 있습니다.

텍스트 치환을 사용하여 "Everything"의 이름도 변경할 수 있습니다.

2개의 좋아요

사이트를 커스터마이징해서 UX를 개선할 수 있다는 건 괜찮지만, 애초에 좋은 UX를 제공하면 안 될까요?

"Everything"은 제가 본 메뉴 항목 중 가장 이상한 것 같습니다. 실제로 최신(Latest)인지 읽지 않은(Unread)인지를 어떻게 판단하나요?

이 주제의 제목에 개발자 용어(“hamburger”)를 사용한 것도 좋지 않습니다.

6개의 좋아요

내가 기억하는 한, 햄버거 아이콘은 해당 아이콘의 통용되는 이름이었습니다. 많은 앱에서 사용되고 있으며, 저는 앱 관리와 지원을 해온 기간 동안 이 용어를 아이콘/메뉴를 설명하는 데 사용해 왔습니다. 제 사용자들(연령대가 높고 기술에 익숙하지 않은 계층)은 이 용어에 대해 문제를 제기한 적이 없었으며, 오히려 햄버거 메뉴에 음식 항목이 가득 차 있지 않다고 농담을 하곤 했습니다. :wink:

2개의 좋아요

읽지 않은 항목이 없다면 '최신’이 표시됩니다.

3개의 좋아요