디자인에 대한 몇 가지 소소한 의견

다른 포럼에서 채팅 기능을 테스트하고 있습니다.

  1. 액션 바가 조금 너무 intrusive(간섭적)인 것 같습니다. 가장 많이 사용되는 이모지 반응 3개 중 2개는 제거해도 되지 않을까요… :thinking::

    창이 매우 작아서 글을 읽을 때 마우스가 메시지에 올라가 있는 경우가 많습니다. 메시지와 겹치지 않는다면 개선될 수 있을 것 같다는 생각이 듭니다.

  2. 답글을 보낸 메시지의 발췌 부분이 가려집니다:

    저는 Discord에 익숙한데, 거기서는 인용된 메시지 전체를 클릭하면 해당 메시지로 이동할 수 있습니다:

    여기 Discourse 채팅에서는 작은 화살표 부분만 클릭할 수 있는데, 이는 직관적이지 않다고 생각합니다(다만, 저는 Discord에 익숙해서…):

  3. 이미지를 업로드하고 채팅을 전체 화면으로 전환하면 섬네일이 여전히 작게 보입니다. 전체 화면 모드에서는 섬네일이 더 크게 표시되면 좋겠습니다.
    작은 채팅 창:


    전체 화면 채팅 창:

2개의 좋아요

작은 이미지를 붙여넣으면 업스케일링되어 흐릿해집니다. 제 생각에는 작은 이미지는 업스케일링하지 않아야 합니다:

2개의 좋아요

또 다른 점: 메시지가 다른 메시지에 대한 답장이 아닌 경우, 전체 메시지에 마우스를 올렸을 때 메시지 텍스트 상단 일부가 가려집니다:

그리고 어떤 이유인지 모르겠지만, 느린 연결 환경에서(제 추측입니다: 요즘 제 인터넷 연결이 매우 느립니다) 반응 바가 표시되기까지 지연이 발생합니다. 서버 측 쿼리가 없는 것 같아서 왜 그런지 모르겠습니다. CSS에서도 지연을 찾지 못했습니다. 약간 둔하게 느껴집니다:

1개의 좋아요

지연은 의도적인 것입니다. 화면에서 요소들이 너무 많이 움직이는 것을 방지하기 위한 조치이며, 인터넷 속도와는 무관합니다.

그렇다면 어디에 배치하시겠습니까?

2개의 좋아요

잘 모르겠습니다.

설명하자면, 저는 인터넷에서 글을 읽을 때 커서를 읽고 있는 문단에 올려두는 편입니다(책을 읽을 때 손가락으로 텍스트를 짚어두는 사람들처럼요). 그래서 텍스트가 일부 가려지는 것이 조금 신경 쓰입니다. 물론 읽을 수 없는 정도는 전혀 아니지만, 머릿속을 간질이는 아주 사소한 문제입니다.

반응 바가 제게는 너무 길어 보이므로 크기를 조금 줄이는 것도 방법일 것 같습니다.
기본값(스케일 1)일 때의 모습입니다:

스케일 0.85일 때의 모습입니다:

스케일 0.9도 괜찮을 것 같습니다… 그리고 가장 많이 사용되는 이모지 반응은 이미 이모지 메뉴에서 사용할 수 있으므로, 빠른 반응을 제거했을 때의 모습도 첨부합니다:

기본 이모지 반응 메뉴:


반응을 '더 보기' 메뉴로 이동하는 것도 방법이지만(개인적으로는 선호하지 않습니다)

Discord에서 메시지를 우클릭할 때처럼 다른 동작들과 함께 상단에 배치하는 것은 어떨까요? 하지만 빠른 반응을 제거한다면 특히 편리하지는 않을 것 같습니다.

하지만 모바일 인터랙션도 고려해야 하므로… :person_shrugging:

2개의 좋아요

네, 최근 반응들을 제거하는 것을 고려해볼 수도 있겠네요. 적어도 드로어 모드에서는요. @mcwumbly

2개의 좋아요

크기와 위치를 조금만 조정하면 훨씬 나아질 것 같습니다.

조금 더 작게 만들고 위쪽으로 살짝 이동시켜 메시지의 텍스트가 가려지지 않도록 하고, 요소 사이에 약간의 여백을 확보할 수 있습니다.

1개의 좋아요

아니요, 같은 사용자의 여러 줄짜리 한 줄 메시지 사례가 있기 때문이에요.

또한, 'recent’를 제거하는 것보다 크기를 줄이는 것이 더 나은 아이디어인가요?

2개의 좋아요

드로어 모드에서 '최근 사용’을 제거하는 아이디어를 좋아합니다. 아주 간단한 점진적 개선이니까요.

“drawer mode”(ドロワーモード)とは具体的に何ですか?

페이지 전체 채팅이 아닌, 페이지 오른쪽 하단에 있는 플로팅 채팅 컨테이너입니다.

2개의 좋아요

msg actions에 여러 가지 변경 사항을 push했습니다. 어떻게 되는지 알려주세요 :raised_hands:

2개의 좋아요

저에게는 정말 완벽합니다. :clap:

1개의 좋아요