간소화된 토픽 맵 실험에 대한 피드백

[awesomerobot (Kris)]

2024년 8월 기준, 이는 더 이상 실험 기능이 아니며 Discourse의 기본 기능으로 포함되어 있습니다!

이전에는 https://meta.discourse.org/t/request-for-feedback-how-do-you-use-the-topic-map/294587에서 토픽 맵에 대한 피드백을 요청한 바 있습니다.

오늘 Meta에서 실험性质的인 토픽 맵을 배포합니다. 이 새로운 토픽 맵은 레이아웃을 크게 단순화하면서도, 유용한 정보의 대부분을 클릭 한 번으로 접근할 수 있도록 유지합니다.

변경 전:

변경 후:

변경 사항:

• 생성일, 마지막 답변, 답변 수를 제거했습니다. 이 정보는 토픽 타임라인에서도 확인할 수 있습니다.
• 가장 자주 게시하는 사용자 5명을 표시하고, 나머지는 사용자 수를 클릭하여 확인할 수 있습니다.
• 인기 있는 링크는 총 링크 수를 클릭해야만 볼 수 있습니다.
• "요약"과 “상위 답변 보기” 버튼이 모두 존재하는 경우, 버튼 텍스트를 숨깁니다.
• 예상 읽기 시간을 단순화했습니다.
• 답변이 없어도 항상 표시됩니다.

새로운 기능:

• 좋아요 수를 클릭하면 해당 토픽에 대한 가장 인기 있는 답변이 표시됩니다.
• 게시물이 4개 이상인 토픽의 경우, 토픽 맵이 하단에도 표시됩니다.
• 일별 조회수 타임라인을 표시합니다.

변경되지 않은 사항:

• PM(개인 메시지)의 토픽 맵에는 사용자 추가/제거 기능이 포함되어 있어, 재설계가 더 복잡하고 이번 실험의 범위를 벗어납니다.

이것은 여전히 실험 단계이며 최종 구현 방식이 아닐 수 있습니다. 현재 우리는 피드백을 원합니다. 버그를 경험하시면 알려주세요. 좋아하시거나 싫어하시더라도 그 이유를 알려주세요!

[jordan.vidrine]

이건 정말 멋진데요, Kris! 기존 주제에서 테스트로만 확인해 봤는데, 주제 맵을 채울 데이터가 꽤 많았어요.

주제 맵을 채울 충분한 지표가 있을 때만 렌더링할 수 있을까요? 없으면 약간 텅 빈 느낌이에요.

[awesomerobot (Kris)]

기본 토픽 맵 동작 방식은 이러한 것입니다 — 답변이 없으면 표시되지 않습니다.

해당 동작 방식을 유지하는 데 반대하지는 않지만, 답변이 없는 경우에도 조회 수를 확인하고 싶다는 관리자 여러분의 피드백이 조금씩 들어와서, 시도해 볼 가치가 있다고 생각했습니다!

AI 요약이 비활성화된 경우에도 화면이 더 비어 보일 수 있으며, 이는 이를 숨기는 것을 추가로 뒷받침합니다:

[Firepup650 (Firepup Sixfifty)]

@awesomerobot

게시글 수가 4개를 초과하는 토픽의 경우, 토픽 맵이 하단에도 표시됩니다.

모든 토픽(최소 3개의 답변 포함)에서 하단에 표시되고 상단에서는 사라지는 것 같습니다.

[awesomerobot (Kris)]

오, 좋은 지적이에요. 이 부분은 언급을 깜빡했네요. 현재는 게시글이 4개 미만인 경우에만 하단에 한 번만 표시되도록 설정되어 있습니다.

일관성을 위해 항상 첫 번째 게시글 아래에 표시하고, 게시글이 적은 경우 하단에는 표시하지 않는 것이 더 나을 수도 있습니다. 하지만 짧은 주제에서는 하단에 표시하는 것이 더 유용하다고 느껴서 이렇게 시도해 보았습니다.

[sam (Sam Saffron)]

작은 하나

모바일(iOS)에서 dmenu에서 포럼으로 돌아올 때 추가 플래시가 발생합니다.

전반적으로 정말 마음에 듭니다

[Arkshine]

지금까지 정말 마음에 듭니다. 훌륭하게 잘 만들었네요
모바일에서도 잘 작동합니다.
주제 끝에 있는 주제 맵이 꽤 좋습니다.

매우 사소한 주관적인 UX 피드백:

일부 컨텍스트에서 주제 맵이 두 번째 게시글에 너무 가깝게 보입니다. 게시글과의 간격을 일관되게 유지하기 위해 패딩을 늘리는 것이 좋겠습니다. 제 생각에는 그렇게 하면 훨씬 자연스러워 보입니다.

[j.jaffeux (Joffrey Jaffeux)]

@sam

모바일(iOS)에서 dmenu에서 포럼으로 돌아올 때 추가적인 플래시가 발생합니다.

헤더가 깜빡이는 것을 말씀하시는 거라면, 맞습니다. 안타깝게도 현재 iOS에서 바디를 잠그기 위한 솔루션의 한계입니다. 개선 목록에 올려두었지만, 헤더가 구현된 방식 때문에 처리가 까다롭습니다.

[Moin]

긴 주제의 모바일 버전이 제게 이렇게 보입니다.

텍스트 줄바꿈을 방지하는 것은 아마도 불가능할 것 같습니다(특히 독일어인 경우 ^[1]). 하지만 텍스트 크기와 높이가 동일하게 유지되면 좋겠습니다.

---

1. 아이콘이 도움이 될 수 있겠죠 ↩︎

[schneeland]

좋은 작업입니다! 이전 디자인과 훨씬 더 깔끔해 보이며, Discourse 디자인의 주요 시각적 혼란 요소 중 하나를 제거했습니다.

작은 의견 하나: 사용자 이름, 텍스트, 링크와 시각적 축에 정렬하면 더 좋아 보일 것 같습니다. 현재는 약간 튀어 나와 있습니다.

[THEHACKER120 (The_Hacker)]

네, 정말 좋은 해결책입니다. 이제 훨씬 더 체계적으로 정리되었네요. 감사합니다.

[Heliosurge (Dan DeMontmorency)]

좋아 보입니다. 훨씬 깔끔해졌네요.

[Jagster (Jakke Flemming)]

@awesomerobot

인기 링크는 이제 총 링크 수를 클릭해야 볼 수 있습니다.

이것은 큰 물음표입니다. 링크 목록은 이제 이스터 에그로 숨겨졌고, 사용자는 어디로 가야 하는지 알아야 합니다.

[jordan-violet]

테마의 문제일 수도 있지만, 나머지 주제 내용과 너무 잘 어우러져서(솔직히 좋은 방향으로) 구분이 잘 안 됩니다. 어떤 게 내 게시글인지, 어떤 게 주제 맵인지, 어떤 게 다음 게시글인지 파악하는 데 몇 번을 쳐다봐야 했어요:

저희 사이트에서는 원본 게시글과 다음 게시글 사이에 주제 맵이 시각적으로 확실히 구분되는 걸 정말 좋아합니다:

다만 긴 주제에서는 주제 맵을 하단에도 배치하는 아이디어는 좋습니다!

[Qwerty8 (Qwerty Qwerty)]

@awesomerobot

• 가장 활발하게 게시글을 올린 사용자 5명을 표시하며, 나머지는 사용자 수를 클릭해야 확인됩니다.
• 인기 링크는 이제 총 링크 수를 클릭해야 확인됩니다.

@awesomerobot

좋아요 수를 클릭하면 이제 해당 토픽에서 가장 많이 좋아요를 받은 답변들이 표시됩니다.

호버 시 커서를 포인터로 만들어 주세요! 제 생각에 너무 단순한 것이라서 놓친 것 같습니다.

또한, 왜 이 요소들이 일관성이 없나요?

[piffy]

어느 쪽으로든 완전히 납득이 가지는 않지만, 마지막 게시물 아래에 있는 것을 보고 첫 번째로 든 생각은 더 아래로 내려가야 한다는 것이었습니다. 지금은 마지막 게시물 일부처럼 느껴지고, 전체 주제를 대표하는 것 같지 않거든요.

[darkpixlz (Pyx)]

지금까지 정말 마음에 들어요, 정말 멋져 보입니다! 수고 많으셨습니다

@awesomerobot

AI 요약이 비활성화되어 있을 때 더 비어 있는 것처럼 느껴질 수도 있는데, 이는 이를 숨기는 것이 더 좋다는 점을 추가로 뒷받침합니다:

제 생각에는 뷰(Views)가 UI에서 더 눈에 띄는 부분이 되어야 합니다. 현재는 최소한 하나의 답변이 있는 경우에만 표시되므로 여전히 숨겨져 있는 상태라고 생각합니다 (제 생각에는). 이런 식으로 하면 문제가 될까요?

v

[Jagster (Jakke Flemming)]

관리자를 제외하고, 조회수(views)에 관심 있는 사람은 누구인가요? 그것은 그저 다른 가짜 데이터의 일부일 뿐입니다.

즉, 조회수라는 숫자를 기준으로 읽거나, 답변하거나, 믿을지 여부를 결정하는 실제 사용자들이 정말로 존재한다는 말인가요?

[jordan-violet]

그 부분은 이해합니다. 다만 우리 경우에는 커뮤니티에서 앰배서더 프로그램을 운영하고 있는데, 이분들은 조회수(views)에 매우 관심이 많습니다.

또한 사용자가 플랫폼에서 구축한 솔루션을 공유할 수 있는 오픈소스 마켓플레이스도 운영하고 있어서, 이쪽에서도 조회수에 큰 관심을 보이고 있습니다.

제품 관리 팀(그리고 간접적으로 CSM들도)은 Discourse 플랫폼을 통해 공지사항을 배포하므로, 이분들도 조회수 관련 지표에 관심을 갖고 있습니다.

몇 가지 예시만 든 것입니다!

[sam (Sam Saffron)]

"모바일"이 가장 어려운 과제라는 데에는 동의하지만, 해결책을 서두르지는 않겠습니다. 제가 현재 파악한 도전 과제들은 다음과 같습니다:

• ‘요약’ 버튼은 그 아래에 있는 버튼(타임라인)보다 “작습니다.” 이로 인해 디자인에서 시각적인 문제가 발생합니다.

• 타임라인에 너무 가까워서 패널의 하단 라인이 “절반만 보이는” 것처럼 보입니다.

• ‘추적(Tracking)’ 아래 텍스트는 제 생각에 쓸모없이 매우 소중한 공간을 차지하고 있습니다.

• '토픽 컨트롤’은 도전적인 컴포넌트이며, 드롭다운 메뉴가 아니라 아쉽습니다. 또한 전체적으로 어색해 보입니다.

• 렌치 아이콘이 두 개 나란히 있는 것은 과한 것 같습니다. 둘 사이 간격이 몇 픽셀에 불과하기 때문입니다.

• 이제 모든 토픽 컨트롤을 일관된 디자인으로 표준화할까요, 아니면 부분적으로만 수정할까요?

• 모바일에서 요약 버튼을 타임라인에 고정할까요, 말까요?

---

이 모든 도전 과제에도 불구하고, 모바일에 대한 작은 반복 개선만으로도 가장 큰 문제들을 해결할 수 있고, 토픽 컨트롤을 완전히 재설계하기 전에 이 기능을 출시할 수 있다고 생각합니다.

전체적으로 이 기능은 정말 좋습니다. 모든 도전 과제에도 불구하고 모바일과 데스크톱 모두에서 좋아합니다.