답글 입력창: 답글 옵션을 더 눈에 띄게 만들어 주세요

기여 UX
1

답글 입력창에는 "연결된 주제로 답글"이라는 중요한 기능이 있습니다. 이 기능을 사용하면 사용자는 오프톱픽 답글을 새 주제로 게시하여 토론을 깔끔하게 정리할 수 있습니다.

현재 이 옵션은 알아보기 어려운 버튼 뒤에 숨겨져 있어, 이 기능을 모르는 사용자는 절대 사용하지 않을 것입니다.

디자인 A:

grafik
grafik920×375 24.8 KB

디자인 B:

grafik
grafik920×375 29.3 KB

한눈에 봤을 때 이 중 어떤 것이 더 자연스러워 보입니까?

  • 디자인 A
  • 디자인 B
0 voters
2

첫 번째는 해당 옵션이 거의 사용되지도 않고 필요하지도 않기 때문입니다. 두 번째는 매일 거의 사용할 수 있는 것이 있다면 가장 좋았을 것입니다.

1개의 좋아요
3

며칠 전, 'Toggle Unlisted’를 여기에 포함해야 할지 고민하다가 이런 생각을 했습니다. 이 메뉴는 사람들이 가장 나중에 발견하는 메뉴 중 하나인 것 같습니다.

여기에 있는 다른 항목들:

  • Toggle Whisper (그룹 활성화됨)
  • Toggle Bump Date (TL4+)
  • Toggle Post Voting (Post Voting 플러그인)

이 모든 항목은 다른 위치에 있는 버튼에도 여전히 의미가 있을 것 같습니다. :+1:

1개의 좋아요
4

이제 현재 UI에서 저를 불편하게 하는 부분이 무엇인지 깨달았습니다.

"버튼"이 입력 필드처럼 스타일링되어 있습니다:
grafik
반면에
grafik

디자인 A:

grafik
grafik920×375 24.8 KB

디자인 C: 선택 상자(select box)

grafik
grafik920×375 24.3 KB

디자인 D: 선택 옵션이 있는 버튼

grafik
grafik920×375 24.2 KB

이 디자인 중 하나가 더 나을 수 있습니다 – 여러분은 어떤 것을 선호하시나요:

  • 디자인 A
  • 디자인 C
  • 디자인 D
0 voters

디자인 D: CSS

"디자인 D"의 영향을 확인하려면 테마에 이 간단하고 즉흥적인 CSS 코드를 추가하세요:

/* reply box: make reply-mode-selector more visible */
.select-kit.dropdown-select-box.composer-actions .select-kit-header {
    background: var(--primary-low);
    color: var(--primary);
    border: none;
}
.select-kit.dropdown-select-box.composer-actions .select-kit-header .d-icon {
    padding: .5em .65em;
}
#reply-control .reply-to .composer-action-title .select-kit-header-wrapper:after {
    /* add symbol caret-down */
    display: block;
    content: "";
    width: 0;
    height: 0;
    margin-top: 2px;
    margin-right: .65em;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--primary);
}
1개의 좋아요
5

C는 너무 넓으므로, 선택할 수 있는 것이 있다는 것을 나타내므로 D여야 합니다.

1개의 좋아요
6

이 토론은 해당 기능이 처음 추가되었을 때의 토론과 매우 유사합니다: With the new right gutter, where should "Reply as Linked Topic" go?

이 문제에 대해 조금 더 이야기해 볼 수 있을까요? 버튼의 가시성을 높이면 기존 주제에 답글을 남기는 대신 새 주제를 시작하기로 결정하는 사용자가 늘어날 것이라는 가정이 있지만, 그것이 사실인지 확신하지 못하겠습니다. 대부분의 사용자가 아예 링크된 주제(linked topic)가 무엇인지 이해하고 있을까요?

링크된 주제의 이점을 더 잘 설명할 수 있는 방법이 있을까요? 특정 활동량 임계값이 넘으면 링크된 주제를 권장하고 그 이유를 간략히 설명하는 것이 타당할까요? 버튼의 눈에 띄는 정도를 높이는 것보다 교육이 더 큰 영향을 미칠 수 있다고 생각합니다. 토글(toggle)을 더 명확하게 만드는 것도 좋은 아이디어일 수 있지만, 사람들이 왜 이를 사용해야 하는지를 자신 있게 설명할 수 없다면 큰 변화는 없을 것이라고 생각합니다.

7

UX에 대한 제 의견:
같은 요소 클래스에 속하는 모든 객체는 동일한 작동 원리를 따르고 외관이 동일해야 하며, 사용자가 그 기능을 쉽게 인식할 수 있도록 해야 합니다.

그런데 여기의 "답글 모드 선택기(Reply-mode-selector)"는 실제로는 select 버튼인데, 입력 필드처럼 보이며 UI의 다른 곳에 있는 select 버튼들과는 외관이 다릅니다. 예를 들어 다음과 같습니다:

  • grafik
  • grafik

이러한 점들은 이미 언급되었으나, 구현 과정이 길어지는 동안 사라져 버렸습니다. 이전 토론으로 안내해 주셔서 감사합니다.

“링크된 주제로 답글(Reply as Linked Topic)” 기능에 대한 일반적 논의:

“링크된 주제로 답글(Reply as Linked Topic)” 사용 사례

실제로는 건강한 토론이 2~3명의 사용자가 그 안에서 주제에서 벗어난 대화를 시작함으로써 중단되는 것을 방지하는 것이 핵심입니다.

주제 내 이전 게시물의 여러 인용을 선택하는 사용자:
특정하게 선택된 진술에 대해 주장을 하려다 보니 토론이 주제에서 벗어날 수 있습니다.

오래된 답글이 없는 오래된 주제에 대한 새 답글:
이 경우 주제에서 약간 벗어난 내용이 생성되는 경우가 많으며, 이는 새 주제에 배치하는 것이 더 적절합니다.

8

아니요. 하지만 그런 옵션의 잔재가 남아있다면 교육이 약간 더 쉬울 수 있습니다.

어쨌든, 연결된 주제는 어디든 매우 드물게 사용됩니다. 관리자가 주제를 분할하여 새로운 대화를 시작하는 경우가 훨씬 흔합니다.

하지만:

1개의 좋아요
9

"Reply as linked topic"를 다음과 같이 이름 변경하는 것은 어떨까요:

새 주제에서 답변
이 주제와 연결된 새 주제를 만듭니다.