패널 아래에서 미리보기가 생성 중이라는 것을 사용자가 알 수 있도록 하세요

새 사용자들이 우리 디스코urses 사이트에서 온보딩 과정을 거치며 그들이 어떻게 상호작용하는지, 그리고 어디서 막히는지 관찰하고 있습니다.

새 사용자들이 겪는 큰 문제점 중 하나는, 교육용/노란색 패널이 완전히 가려버리기 때문에 작성 창 오른쪽에 게시글 미리보기가 생성되고 있다는 사실을 놓치기 쉽다는 것입니다.


[이미지 설명: 위에서 설명한 상황의 스크린샷.]

마크다운에 익숙하지 않은 사람들에게는 다음과 같은 코드가
![Google Chrome 스크린샷 (10-13-20, 오후 2:49:45)|690x197](upload://3OvVqVJ86INccIlpsOKv6ZbE98a.png)

또는

[우리가 어떻게 소통하는지 FAQ 작성하기](https://hub.youthpowercoalition.org/t/write-how-we-communicate-faq/451/2)

특히 다른 텍스트에서 복사해 붙여넣은 경우, 미리보기가 표시되지 않아 실제로 작동하는지 직관적으로 알 수 없고 매우 이상해 보입니다. 새로운 사용자는 무언가를 복사해 붙여넣은 후, *굵은 텍스트*의 *와 같은 기호들을 즉시 지우기 시작했습니다. 그녀는 esc 키를 눌러 도움말 텍스트를 닫고, 그 이상한 문자들이 실제로 그녀가 원하는 게시글을 생성한다는 사실을 발견하지 못했습니다.

따라서 UX 관점에서, 미리보기가 실제로 생성되고 있으며 도움말 텍스트를 닫을 수 있다는 것을 명확히 보여주는 요소가 있어야 한다고 생각합니다. 현재로서는 충분히 명확하지 않습니다.

12개의 좋아요

@tobiaseigen님을 태그합니다. 이 대화가 Meta 외부에서 시작되었기 때문입니다.

다음은 Tobias의 초기 응답입니다.

제가 즉시 X 버튼을 눌러 창을 닫기 때문에, 이 알림이 자동으로 사라지지 않는다는 사실을 몰랐습니다. 사람들이 이 창을 닫을 수 있다는 사실을 인지하지 못해 닫지 않는다면, 실제로 작성기(composer) 기능이 매우 혼란스럽고 사용하기 어려울 것입니다. How to disable the yellow panels for first two posts? 게시글에 이 피드백을 답글로 달아 주시면, 개선 작업을 진행할 수 있습니다. 팝업에 닫기 버튼을 추가하고, 선택할 때까지 입력을 허용하지 않는 방식이 어떨까 하는 생각이 듭니다. 아니면 잠시 후에 자동으로 닫히도록 하는 것도 방법일 것 같습니다.

여러분의 생각은 어떠신가요?

5개의 좋아요

미리보기 영역 위에 놓는 대신, 편집/미리보기 영역 위에 가로로 배치하는 것은 어떨까요?

5개의 좋아요

패널 배경에 약간의 투명도를 추가하면 어떨까요?
패널 왼쪽에도 (또 다른) Esc x 버튼을 배치하겠습니다. 오른쪽에 있는 버튼은 일반적인 위치이지만, 눈의 동작과는 정말 거리가 멀거든요 :grin:

1개의 좋아요

잠재적 해결책에 대한 훌륭한 글이 있습니다!

https://medium.com/tap-to-dismiss/tap-to-dismiss-fbc66bdf500a

대신 아래에서 올라오는 모달 형태인 것은 어떨까요?


[Image Description: 위에서 설명한 내용을 보여주는 기사의 스크린샷]

많은 사이트들이 x 버튼을 오른쪽 상단에 배치하고 있기 때문에 이점에 대해 궁금합니다. 제가 원하는 것은 x와 esc 단축키가 훨씬 더 어두운 색상이 되고, x가 제가 익숙해진 원 안에 있는 x 아이콘과 일치하는 것입니다. 위 기사를 참고하세요.

2개의 좋아요

아래에서 올라오는 그 아이디어가 마음에 들어요.

3개의 좋아요

이 문제가 얼마나 중요한지 확실하지 않습니다. 왜냐하면

  • UI 요소의 전통적인 오른쪽 위 영역에 아주 명확한 닫기 버튼과 “esc” 텍스트가 있으며

  • 어쨌든 이 요소는 첫 두 개의 게시글(주제를 생성하는 경우 첫 두 개의 주제)에만 표시되기 때문입니다.

글쎄요, 맞습니다. 객관적으로 큰 문제는 아니지만, 제가 증언할 수 있는 것은 일부 극히 드문 경우, 즉 사용자가 UI 자체에 익숙하지 않은 경우입니다. 이런 경우, 실제로 무언가를 작성하는 데까지의 모든 것이 산처럼 느껴질 수 있습니다. 우리 모두가 사랑하는 디스코스의 미묘한 뉘앙스는 공포스럽게 느껴질 수 있습니다. 제 경우는 변방에 속하지만, 저는 일부 사용자들이 '게임 보드’를 거치지 않고(즉, 중간 단계 없이) 펜과 종에서 바로 디스코스로 전환하도록 설득해야 했습니다. 그래서 네, 그 패널은 (작은) 마찰 요인이었습니다.
2부 구성 편집기(composer) 개념은 (물론 상대적으로) 파악하기가 충분히 어렵다고 생각하며, 패널은 첫인상을 약간 흐리게 만듭니다(오른쪽 부분만 짧은 시간 동안 숨기므로 동의합니다).

아, 그건 그렇습니다 :thinking: 저는 수백 개의 게시물과 주제를 작성한 관리자로서 여전히 이 패널을 보는 것이 이상하다고 항상 생각했지만, 그것이 나를 그렇게 많이 괴롭히지는 않았습니다…
하지만 방금 확인해 보니, 요약에 제가 -313개의 메시지를 생성했다고 나와 있습니다! :anguished: 음의 개수라니요?

새로운 사용자들이 이 요소를 놓치는 경우가 더 많았습니다.

새로운 사용자들은 가장 혼란스러워할 사람들입니다.

2개의 좋아요

또한 해당 사용자들이 2회 이상 게시물을 올리지 않을 것이라고 가정하고 있습니다. 커뮤니티에서 보통 그런가요?

현재 저희는 작은 팀이며 포럼을 재설계하고 있기 때문에 1:1 온보딩/사용자 테스트를 진행 중입니다. 따라서 현재 사용자들에 대해서는 걱정하지 않습니다.

다만, 신규 사용자에게 마찰(friction)이 얼마나 큰 문제인지를 과소평가하고 계신 것 같습니다. 특히 포럼을 통해서만 존재하는 커뮤니티의 경우 더욱 그렇습니다. 마크다운은 사람들에게 매우 intimidating(압도적으로 느껴지는) 것으로 보일 수 있습니다. 저는 기술에 매우 밝은 편이지만, 올바른 방향으로 가고 있는지 확인하기 위해 미리보기 창에 크게 의존합니다. 게시물을 올리는 것 자체를 두려워해서 아예 접근하지 않는 사람들은, 당연히 2회 이상 게시물을 올리는 사용자로 나타나지 않을 것입니다.

제 생각을 바꿨습니다. x와 esc를 왼쪽으로 옮기는 것이 사용자에게 어떤 변화를 가져오는지 시도해 보는 것이 확실히 가치가 있다고 생각합니다. 그리고 예상했던 것보다 훨씬 더 많은 웹사이트에서 왼쪽에 해당 버튼이 배치되어 있는 것을 나중에 알게 되었습니다.

3개의 좋아요

다른 방법으로 이 메시지를 완전히 비활성화할 수도 있습니다. 그러면 신규 사용자는 미리보기만 볼 수 있습니다. 이는 기존 Discourse 사이트 설정을 통해 현재도 가능한 것으로 알고 있습니다.

2개의 좋아요

한번 시도해보고 어떤 결과가 나오는지 확인해볼게요. 올바른 설정이 어디 있는지 알려주실 수 있을까요? 정확히 어디에 있는지 찾지 못했습니다.

1개의 좋아요

나는 그게 educate until posts라고 생각해

4개의 좋아요

감사합니다. 해당 설정을 0으로 변경해서 상황을 지켜보겠습니다.

3개의 좋아요

그렇게 하면 안 되는 경우 알려주세요. 가장 간단한 해결책이라고 생각하거든요.

1개의 좋아요

문제를 확실히 확인합니다. 답을 찾으려고 5분간 검색하다가 이 주제를 발견했습니다.

패널을 닫는 방법은 비교적 명확합니다. 하지만 문제는 사용자가 패널을 닫으려다 방법을 찾지 못하는 것이 아닙니다. 오히려 그 뒤에 흥미로운 기능이 숨겨져 있다는 것을 알지 못해 닫을 이유가 없다고 느끼는 것이죠. 그러다 보니 미리보기 없이 마크다운 문법을 편집해야 하는 상황에 압도당하게 됩니다.

마크다운 편집기에 익숙하지 않은 사용자들에게 이는 잠재적인 장벽이 될 수 있으며, 첫 몇 개의 게시물을 작성하는 시기는 사용자 인터페이스의 학습성이 가장 중요할 때입니다.

4개의 좋아요

사용자가 에디터를 처음 보는 시점에 “필요할 때(just in time)” 교육 패널을 표시하는 것도 가능합니다. 하지만 이 패널의 본질은 바로 그 점입니다. 사용자들이 첫 답변을 입력하기 시작하는 순간에 참여 시 민중을 갖추는 방법에 대해 이미 “필요할 때” 교육이 이루어지고 있기 때문입니다:

여기에 표시되는 내용은 다음과 같습니다:

{sitename}에 오신 것을 환영합니다 – 기여해 주셔서 감사합니다!

  • 여러분의 답변이 대화를 어떤 식으로든 개선합니까?
  • 같은 커뮤니티 구성원들에게 친절하게 대하세요.
  • 건설적인 비판은 환영하지만, 사람을 비판하는 것이 아니라 _아이디어_를 비판하세요.

더 자세한 내용은 커뮤니티 가이드라인을 참조하세요. 이 패널은 처음 2개의 게시물에만 표시됩니다.

이것은.. 매우, 매우 중요한 조언입니다. 우리가 제공하는 조언 중 가장 중요한 것들 중 일부입니다. 이제, 초기 온보딩 중에 "신규 사용자 관련 항목 건너뛰기"를 선택한 경우 이 조언 패널은 건너뛰어져야 합니다 – 이 설정은 2020년 말 Discourse 2.6에서 도입되었습니다:

이것은 사용자 설정에서도 사용할 수 있습니다.

그럼에도 불구하고, 제가 여기서 하고 있듯이 단순히 단어를 입력하는 것에는 많은(혹은 어떤?) 서식이 필요하지 않다고 느끼며, 30년 이상의 인터넷 역사 속에서 사람들은 이제 인터넷의 상자 안에 단어를 입력하는 것에 일반적으로 익숙합니다.

(사실 대부분의 게시물에서 주요한 "서식"은 이미지 추가인데, 이는 일반인들이 매일 스마트폰과 기기로 하는 일입니다. 툴바나 에디터의 “이미지 추가” 버튼을 눌러서 그렇게 한다는 것을 세계의 대다수가 이해한다고 가정합니다.)

2개의 좋아요

음, 저는 방금 두 개의 레거시 사이트를 대체하기 위해 새로 도입된 Discourse 사이트를 방문했습니다. 아직 조정 중인데, 제가 처음 마주친 문제 중 하나는 미리보기(Preview)를 찾지 못한 것이었습니다. 텍스트를 게시하는 합리적인 사이트라면 어떤 형태로든 미리보기 기능이 있어야 하는데, 저는 그 기능을 표시해 주는 버튼을 광범하게 찾아 헤맸습니다. 저는 베테랑 포럼 사용자라고 자부하지만, 노란색 패널과 그 다음 파란색(유사 주제) 패널을 닫아야 한다는 아이디어를 떠올리는 데 몇 분이나 걸렸습니다.

사용자들이 긴 코드 조각이나 형식이 잘못된 URL을 붙여넣는 경우가 많습니다. 미리보기 기능은 이미 필요하며, 특히 처음 사용하는 사용자에게 필수적입니다. 이 내용을 추상적인 아이디어가 아니라 사용자 피드백으로 받아들이 주시기 바랍니다.

(아마도) 쉬운 해결책은 환영 패널의 너비를 원래의 2/3으로 줄여 그 아래에 있는 미리보기 영역을 보이게 하는 것입니다. 그러면 패널을 닫으면 실제로 무언가를 얻을 수 있다는 것이 명확해집니다.

5개의 좋아요