여러 알림이 강조 표시되어 있으면 훨씬 더 좋은 느낌을 줍니다.
네, 크리스의 아바타 균형 제안과 함께 이 방식이 마음에 듭니다.
수정: 일관성을 위해 사이드바에 사용 중인 간격을 그대로 사용했습니다.
스타일 측면: 개인적으로는 둥근 모서리 스타일보다 원래의 박스형 스타일을 선호합니다. 이는 주로 개인적 취향과 다른 UI 팝업 박스(예: 작성 화면)의 일관성 때문입니다. 다만, 이는 대부분 미적 취향에 따른 의견입니다.
기능적 측면: 그러나 더 중요한 점은 하이라이트가 없거나 모든 알림이 읽음 상태인 상황에서, 오른쪽 버튼 아이콘이 왼쪽 알림 열과 충분히 구별되지 않는다는 것입니다(개인적 의견). 특히 하이라이트된 알림이 없는 경우, 아이콘이 왼쪽의 정보와 너무 밀접하게 연결되어 보일 수 있어, 새로운 사용자에게 오른쪽 아이콘이 왼쪽 알림과 관련이 있는 것처럼 오해할 수 있습니다. 이는 세 가지 변경 사항이 모두 이러한 시각적 단서를 제거했기 때문입니다: 1) 버튼 아이콘의 크기가 같아졌고 같은 줄에 표시됩니다(최소 초기 수정본에서는 그랬고, 최근 스크린샷에서는 그렇지 않음), 2) 열의 배경색 차이가 사라졌습니다, 3) 두 열을 구분하는 세로선이 사라졌습니다. #1이 이미 해결되었다면 그것만으로 충분할 수도 있지만, 저는 조금 불확실합니다.
하지만 더 큰 문제는 계정 접근 및 계정 설정도 이 메뉴를 통해 이루어진다는 점을 사용자에게 알리는 것이 더 혼란스러울 것이라는 점입니다. 하단 계정 버튼의 동작이 나머지 알림 버튼들과 완전히 다른 것을 표시하기 때문입니다. (더 일반적으로 말하자면, 계정 접근과 알림을 동일한 헤더 드롭다운에 두는 것은 두 개의 별도 메뉴로 나누는 것보다 매우 이상합니다. 그러나 모바일 기기의 공간 절약/제한을 고려할 때 이는 타당한 타협일 수 있습니다.)
글 요약: 계정 아이콘에 어떤 특별한 차별화를 주어 사람들이 쉽게 찾을 수 있도록 권장합니다.
이것을 떠올리게 합니다. 아마도 이 실험의 범위를 벗어날 수 있지만, 알림을 별도의 메뉴로 분리하면(좋아요, 답글, 멘션, 배지 등 4개의 수평 탭/섹션을 가질 수 있는) Discourse의 UX가 개선될 것이라고 생각합니다.
이것은 꽤 일반적인 패턴이기도 합니다(예: YouTube, Reddit, Twitter/Bluesky 등, XenForo와 같은 다른 포럼 소프트웨어에서도).
전적으로 동의합니다. 말씀하신 대로, 이 변경 사항의 범위를 벗어납니다. 사용자 메뉴와 알림 메뉴를 분리하는 것은 우리가 살펴볼 만한 훌륭한 개선 사항이 될 것입니다.
네, 오늘 오후에 모바일에서 시도해 봤는데 탭 영역이 꽤 작게 느껴지더라고요. 특히 오른쪽 탭들이요.
페이스북이 하는 일이 바로 이겁니다…
제게는 이 문제가 다소 문제적인 여러 측면이 있습니다. (이전에 우리가 겪었던 문제들과 겹쳐 더 악화됩니다)
- 아바타가 너무 작습니다
- 읽지 않은 항목이 있으면 파란색이 가득한 화면이 되는데, 이는 이제 알림 사이를 구분하는 아주 작은 흰색 선이 너무 많은 주의를 끌기 때문에 더욱 심해졌습니다.
- 오른쪽에 있는 작은 하이라이트 영역은 클릭하기 어렵습니다
여기서 하나의 해결책은 파란색 하이라이트를 버리고 새 알림에 ‘파란 점’(사이드바에서 이미 사용 중인 것)을 사용하는 것일 수 있다고 생각합니다.
그렇게 하면 아바타를 조금 더 크게 만들고, 오른쪽 클릭 영역과 하이라이트를 복원할 수 있습니다.
여기서 페이스북처럼 거대한 아바타까지 가는 것은 아니지만, 중간 지점이 있을 수 있습니다. ‘파란색 바다’ 현상을 포기하는 것이 여기서는 잠재적으로 해결의 열쇠가 될 수 있다고 생각합니다.
개인적으로는 이 변경을 좋게 생각하지만, 글자 크기가 너무 작습니다. 알림 메뉴에서는 약 13px이고, 메인 토픽 본문 글자는 16px입니다. 여기에서 두 크기가 가까이 붙어 있는 것을 볼 수 있습니다:
시력이 이미 나쁜 저에게는 항목을 읽기가 훨씬 더 어렵습니다
글자 크기가 동일했으면 좋겠습니다.
오른쪽 아이콘 아래에 있는 큰 간격에 대해 어떤 생각을 해야 할지 잘 모르겠어요… 너무 크다고 생각합니다.
또한 글꼴 크기를 늘리자는 제안에 동의합니다. 모바일에서도 실제로 조금 작거든요.
저도 잠시 후 같은 느낌을 받았습니다. 이제 16px로 되돌렸습니다. 사이드바의 간격과 크기를 많이 모방해 보고 있습니다. 활성 및 호버 상태도 포함하여요.
이것들은 원래 크기로 되돌렸습니다.
전반적으로 좋은 아이디어라고 생각합니다. 이렇게 하면 사이드바 상태에 더 가까워질 것입니다. 이 부분을 수정해 볼 수 있습니다.
파란색 점으로 전환하는 것이 아바타를 더 크게 만드는 데 어떻게 도움이 되는지 좀 더 자세히 설명해 주실 수 있나요?
이 부분도 키웠습니다.
이후 디자인들이 멋지네요!
상단에 내비를 배치하는 방향으로 간다면, 코어 다른 곳에서 horizontal-overflow-nav로 사용하는 기존 디자인 스타일로 시도해 볼 수 있을까요?
이것은 지난 업데이트 이전의 메뉴와 매우 유사해 보입니다.
이것들은 모바일에서 사용자에게 혼란을 일으키지 않나요? (예를 들어, 사람들이 사용자 프로필에서 관리자 버튼을 찾지 못하는 경우). 만약 마지막 아이콘이 그렇게 숨겨진 상태라면, 예를 들어 로그아웃 버튼을 찾는 것이 매우 어려워질 것입니다.
아, 네, 맞아요. 넘침으로 인한 혼란을 피하기 위해 내비게이션을 오른쪽에 두는 것이 좋다고 생각해요.
사실 저는 디자인을 스타일적으로 모방하는 것만 말씀드린 거예요. 실제로 오른쪽에 두면서도 그걸 할 수 있다고 생각해요. 필터 영역과 알림 영역 사이에 더 명확한 구분을 둘 수 있도록 말이죠.
이런 식으로 생각했어요:
원형 버튼 위치
(개인적으로) 오른쪽에 알림 원형 버튼을 배치하는 것을 선호합니다. 먼저 왼쪽에 배치해 보고 사람들이 어떻게 느끼는지 살펴볼 가치가 있다고 생각합니다. 자연스럽게 느껴져서 모두가 좋아하게 될지도 모르니까요.
상단 내비게이션 vs 사이드 내비게이션
사이드 내비게이션을 훨씬 선호합니다. 사용과 클릭이 훨씬 용이하고, 더 큰 공간을 확보할 수 있기 때문입니다.
내비게이션 하이라이트
내비게이션의 경우, 현재처럼 축소하는 것보다는 "큰 파란색 하이라이트 박스"를 유지하는 것을 선호합니다. 작은 내비게이션 박스에 대해 제게는 묘한 심리적 작용이 일어나는 것 같습니다. 메커니즘이 변하지 않았음에도 불구하고 클릭하기가 정말 어렵게 느껴집니다.
제 뇌가 이상하게도, 내비게이션을 바꾸려면 그 작고 작은 박스를 정확히 눌러야 한다고 말하고 있습니다.
시각적으로 덜 복잡해지면, 더 큰 아바타를 배치할 공간이 조금 더 생긴다고 생각합니다. 다만, 현재 크기는 괜찮다고 생각합니다.
어쨌든, 이 피드백은 일단 무시해 주셔도 됩니다.
아직도 강조된 항목에 대해 엣지투엣지(edge-to-edge) 방식으로 처리하여 다른 메뉴와 일관성을 유지해야 한다고 생각합니다. 지금은 거의 모든 곳에서 그렇게 하고 있거든요… 유일한 큰 예외는 사이드바인 것 같습니다.
일관성이 중요하다는 데에는 동의하지만, 제가 발견한 문제는 읽지 않은 메시지가 많을 때… 파란색이 바다처럼 펼쳐져서 항목들 사이에 구분이 되지 않는다는 점입니다.
우리의 메뉴에서는 활성 하이라이트가 있는 항목을 여러 개 표시하지 않습니다. 보통… 하나이거나, 심지어 하나도 없는 경우가 많습니다.
불규칙한 모양의 파란색 점(ragged blue dots)으로 진행한다면, 이 문제는 더 이상 중요하지 않을 수도 있습니다.
Keegan, 여기서 제시한 아이디어가 마음에 들어요. 공유해 주셔서 감사합니다! 오늘 아침 다음 버전에 이 내용을 일부 반영해 보겠습니다.

















