원하는 기능: 이 게시글로 배지를 받은 사용자를 표시하는 시각적 힌트

기여 기능
1

우리는 사용자들이 서로를 돕도록 장려하고 있습니다. 이에 따라, 첫 번째로 응답하고 그 응답이 도움을 주려는 시도였다고 판단되는 사용자에게 맞춤형 ‘사용자 간 도움’ 배지(u-h-u)를 수여하기로 결정했습니다.

이러한 행동을 많이 장려하고 싶어 하므로, 이 배지는 여러 번 받을 수 있도록 했습니다.

현재 사용자의 응답이 도움이 되려는 시도였는지, 아니면 단순히 "나도 그래"라는 식의 반응이었는지를 평가하는 데에는 인간의 지능이 필요합니다(현재로서는). 따라서 이 배지는 수동으로 수여됩니다.

인간의 개입은 필연적으로 오류의 가능성을 도입하며, 같은 사용자에게 같은 게시물을 대상으로 u-h-u 배지를 반복적으로 수여하는 것이 매우 쉬울 수 있음을 깨달았습니다. 이를 막을 수 있는 장치는 없습니다. 한 번만 수여할 수 있는 배지의 경우, 배지 수여 드롭다운 메뉴에서 사라지지만, 이 배지는 그렇지 않습니다.

따라서 여러 가지 이유(다른 사용자에게도 강화 학습 효과를 주기 위함 포함)로 인해, 다음과 같은 기능이 있으면 좋겠다고 생각합니다:

Selection_1386
Selection_1386826×338 37.6 KB

어떤 배지인지가 표시되면 더 좋았을 텐데, 이미지가 업로드된 후에야 그걸 떠올랐습니다 :face_with_hand_over_mouth:

13개의 좋아요
Display granted badge underneath post
Show badges on post?
Badges in posts look misaligned on mobile
Reward sign on avatar (or similar)
Show badges on topics that earn them
2

이것은 반복적으로 제기되는 요청이며, AI 관련 주제 기능이 다음 링크에서 이를 표시합니다:

11개의 좋아요
3

처음에 검색은 해봤어요. :flushed:

7개의 좋아요
4

아니요, 제가 답글을 쓴 건 먼저 검색을 해야 했다는 의미가 아니라, 그 기능 요청에 대한 지지를 표명하기 위해서였어요. 이전에도 여러 번 같은 질문을 받았던 걸 기억하고 있어서요.

그리고 새로운 관련 주제(Related Topics)가 내 주제에 적용되는 방식은 단순한 검색보다 훨씬 낫고, 검색으로는 찾을 수 없던 주제까지 찾아낼 수 있어요 :smile:

10개의 좋아요
5

그러면 플러그인이 토픽에 대한 배지를 검색해서 직렬화기에 추가할 수 있겠죠? 하지만 쿼리가 어떻게 될지는 아직 확인해 보지 않아서, 잠재적으로 비용이 많이 들 수 있을 것 같습니다.

4개의 좋아요
6

user_badge 테이블에 post_ids가 포함되어 있으므로, 이 테이블과 조인 한 번이면 충분할 것 같습니다. 비용이 많이 들지는 않을 거예요.

3개의 좋아요
7

그렇다면, 시리얼라이저에 해당 데이터를 추가하는 플러그인을 만들고, 프론트엔드에서 이를 표시하는 것 정도면 꽤 간단한 작업입니다.

2개의 좋아요
14

이 게시물을 우선시하여 나머지 두 건은 닫았고, 해당 게시물로 연결을 설정했습니다.

Sam은 다른 주제에서 수동 배지를 획득한 게시물에 스태프 공지사항을 추가하여 이를 강조하고 이미 배지를 획득했음을 표시하는 방법을 제안했습니다:

4개의 좋아요
15

잠깐! 하나 더 있는 것 같습니다. 분명 2016년에 제가 원했던 것이었네요. 제가 먼저였을 수도 있겠네요! :rofl:

8개의 좋아요
16

제 사용 사례는 “북클럽” 토픽을 생성하고, 해당 책을 읽은 후 토론에 참여하는 모든 사용자에게 “북클럽” 배지를 부여하는 것입니다. 매달 다른 책을 다룹니다. 따라서 배지는 여러 번 부여될 수 있습니다.

API를 통해 자동화하거나 일괄 부여하기는 어렵습니다. "이 책은 읽고 싶지 않다"고 게시하는 사용자는 기술적으로 토픽의 일부이긴 하지만, 이들에게는 배지를 부여하고 싶지 않기 때문입니다.

지금까지 제가 해온 방식은 스레드를 읽다가 누군가가 완독했다고 말하고 서평을 작성하면 수동으로 배지를 부여하는 것입니다. 다소 시간이 걸리지만 괜찮은 우회 방법입니다.

문제는 한 달이 지나면 누가 배지를 받았고 누구는 받지 못했는지 잊어버려서, 부여 여부를 확인하기 위해 프로필을 계속 클릭해야 한다는 점입니다. 사용자가 여러 번 배지를 받을 수 있으므로 상황이 복잡해집니다.

장황한 설명을 줄이자면, 게시글에 대해 배지가 부여되었을 때 해당 배지를 해당 게시글 옆에 표시할 수 있을까요? 이를 위한 모든 데이터는 이미 존재하므로 구현이 그렇게 어렵지 않을 것 같은데, 이렇게 하면 기록 관리에 정말 도움이 될 것입니다!

P.S. 관련해서, "사유(Reason)"가 실제로 설정되지 않는 버그가 있는 것 같습니다. 저는 분명히 해당 게시글에서 직접 배지를 부여했는데, 사유가 표시되지 않습니다:

book-club
book-club2088×206 18.6 KB

1개의 좋아요
17

@Shauny, 기존 Contribute > Feature 요청에 게시글을 옮겼습니다. 관련 요청들이 함께 묶여 있도록 하기 위해서예요. :slight_smile:

그 문제는 무시되지 않도록 별도의 주제를 여는 것이 좋을 것 같습니다. :+1:

3개의 좋아요
18

여기서 이 기능을 추가하고 있습니다. 테스트를 도와줄 사람이 있다면 환영합니다! :slightly_smiling_face:

7개의 좋아요
20

게시물과 관련하여 수여되는 모든 배지가 표시됩니까?
특히 첫 번째 게시물에서는 여러 배지가 쉽게 트리거됩니다. 예를 들어, 다른 주제를 별도의 줄에 링크하는 것만으로도 첫 번째 링크, 첫 번째 인용, 첫 번째 원박스 배지가 트리거됩니다. 따라서 이러한 배지를 제외할 수 있으면 유용할 것 같습니다. 실제로, 대부분의 배지를 제외하고 싶기 때문에 옵트인(opt-in) 방식이 더 좋을 것 같습니다.

379124238-8b3edfe7-316f-44a5-8541-f0df0012e7c8
379124238-8b3edfe7-316f-44a5-8541-f0df0012e7c8912×148 39 KB

시스템은 어떻게 자신의 게시물을 좋아하게 되었습니까? 다른 사람들이 게시물을 대상으로 행동을 취했을 때(예: 리액션을 추가했을 때) 획득한 배지는 게시물의 작성자 이름 옆에 표시됩니까? 여러 사용자가 동일한 게시물에 대해 '첫 번째 좋아요’를 획득하면 어떻게 됩니까?

5개의 좋아요
A single line of text allows newly registered users to get three 3 Badges!
21

와! 정말 좋은 지적이네요. 배지 설정으로 만들어야 할 것 같아요.

2개의 좋아요
22

조기 피드백을 주셔서 감사합니다!

아이디어는 게시물과 관련된 모든 배지가 표시된다는 것입니다. 맞습니다. 단일 게시물에 여러 배지를 추가해 보았지만, 특히 부담스럽지는 않다고 생각합니다.

이러한 상황은 실제로 사용자가 처음 가입할 때, 즉 여러 배지를 연속으로 받을 가능성이 높을 때만 발생할 수 있다는 점을 고려할 가치가 있습니다.

오, 잘 지적해 주셨네요! 저는 해당 게시물로 인해 획득된 모든 배지를 가져오고 있었는데, 실제로는 해당 게시물의 작성자가 그 게시물로 인해 획득한 배지만 가져와야 했습니다.

5개의 좋아요
23

오늘 하루 종일 다듬고 있었는데, 최근 변경 사항 중 몇 가지에 대해 모두의 피드백을 듣고 싶습니다.

첫째로, 배지에 배지 유형별 색상을 추가했는데, 토픽을 스크롤할 때 시각적으로 너무 산만하게 느껴질까 봐 걱정됩니다:

screenshot
screenshot1626×228 30.2 KB

여러분은 어떻게 생각하시나요? 괜찮아 보일까요, 아니면 과할까요?

또한 개별 배지를 제외하는 방법에 대해서도 더 생각해 보았습니다. 새로운 옵션이 별도로 필요하다고 생각하지 않아, 대신 배지 슬러그를 기반으로 각 배지에 CSS 클래스를 추가했습니다. 이렇게 하면 테마 CSS를 통해 배지를 개별적으로 숨길 수 있습니다. 예를 들어:

.topic-meta-data .user-badge-button-first-onebox {
  display: none;
}

이렇게 하면 원하시는 분들에게 세밀한 수준의 커스터마이징이 가능합니다. 단순히 켜거나 끌 수만 있는 것이 아니라, 일부 배지에만 주목을 끌도록 설정할 수도 있습니다! :grinning_face_with_smiling_eyes:

.topic-meta-data .user-badge-button-first-onebox {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
4개의 좋아요
24

프로그래밍을 모르는 관리자들에 대해서는 어떻게 생각하시나요? 'CSS로 숨길 수 있다’는 논거는 많은 Discourse 기능에 적용되지만, 그럼에도 불구하고 설정 항목이 추가되는 경우가 여전히 많습니다. CSS를 사용하지 않고도 비활성화할 수 있는 옵션이 있어야 한다고 생각합니다. 또한 특정 배지를 강조하는 아이디어는 좋아서 여전히 옵트인(opt-in) 방식이 더 낫다고 생각하지만, 모든 Discourse 커뮤니티에서 모든 “첫 번째 xxx” 배지가 여기저기 보이는 것은 좋아하지 않을 것입니다. 그리고 CSS 지식이 있어야만 비활성화할 수 있다면 많은 관리자들이 귀찮아서 비활성화하지 않을 것이라고 우려합니다.

이것이 또 다른 배지처럼 보이게 됨으로써 модератор(모더레이터) 방패의 중요성을 약화시킨다고 생각합니다.

색상은 좋아합니다. 그렇지 않으면 좋은 토픽과 훌륭한 토픽 사이에 차이가 없기 때문입니다. 업로드된 사용자 정의 다색 이미지의 경우에도 색상이 도움이 될 수 있습니다. 하지만 시각적 노이즈에 대한 우려는 이해합니다. 리액션 플러그인에는 다음 설정이 있습니다.

discourse reactions desaturated reaction panel

호버 시까지 반응이 탈색(desaturated) 상태로 표시되어 반응의 시각적 노이즈를 줄입니다

이러한 설정 중 많은 것이 여기에도 적용될 수 있을 것입니다. 하지만 이것도 CSS로 할 수 있겠죠 :slight_smile:

5개의 좋아요
25

색상이 마음에 들어요.

CSS 관련해서 말하자면, 일부 옵션을 끄는 선택지가 있다는 것만으로도 정말 기쁩니다.
CSS를 사용하지 않는 옵트인(opt-in) 설정 방식이 더 나을까요? 당연히 그렇죠!

하지만 여기서 저는 그냥 감사할 뿐입니다. :sweat_smile:

3개의 좋아요
26

주제 CSS를 수정하기 위해 관리자가 프로그래머일 필요는 없다고 생각합니다(예: 예전 MySpace 테마의 방대한 생태계). 오히려 관리자가 사이트를 자신만의 독특한 공간으로 만들 수 있도록 실험할 수 있게 권한을 부여하는 것이 목표가 되어야 한다고 생각합니다.

각 배드를 개별적으로 옵트인하는 것은 완전히 가능합니다:

// 기본적으로 모든 배드를 숨깁니다.
.user-badge-buttons > span {
    display: none;
}

// 첫 인용(First Quote) 배드를 표시합니다.
.user-badge-buttons > .user-badge-button-first-quote {
    display: revert;
}

전적으로 동의합니다, 지적해 주셔서 감사합니다! 방패와 배드 사이에 패딩을 조금 추가하여 시각적으로 분리되도록 했습니다.

좋아요, 그러면 그대로 두겠습니다! :slightly_smiling_face:

2개의 좋아요
27

특정 기술 지식이 없어도 사이트에 사용자 지정 CSS를 추가하는 것이 비교적 쉽다는 점도 언급할 가치가 있습니다: Making custom CSS changes on your site. 이 배지 표시 기능에 대한 문서에 사용할 CSS 예제가 포함된다면, 어떤 사이트 관리자든 필요한 내용을 복사/붙여넣기하고 필요 시 수정하는 것은 매우 간단할 것입니다.

2개의 좋아요