사용자 추가에서 개인 메시지 선택이 초대 보내기 버튼을 가립니다

기존의 개인 메시지에 사용자를 추가하면, 다음 단계로 넘어가기 위해 대화상자 바깥을 클릭해야 하는 번거로운 UX 문제가 발생합니다.

먼저 Add or Remove... 뒤의 +를 클릭합니다(이제 와서 생각해보니 이 표현이 조금 중복되는 것 같습니다).
image

그다음 초대할 사용자를 선택합니다:

사용자가 선택되었지만, 상자 밖 어딘가를 클릭하지 않는 한 확인을 눌러 초대를 보낼 수 없습니다:

상자 밖을 클릭하면 ‘초대 보내기(Send Invite)’ 버튼이 비로소 나타납니다.

처음에는 이 부분이 꽤 혼란스러웠고, 이제 제 사용자들도 마찬가지로 혼란스러워하고 있습니다. 분명히 그룹 개인 메시지를 너무 자주 사용하는 것 같습니다!

선택된 사용자가 확인 버튼을 가리지 않도록 수정해 주실 수 있을까요?

3개의 좋아요

그렇게 해주시면 좋겠습니다. 이 문제는 select-kit(정말 select-kit인가요? 확실하지는 않아요)의 이 사례에만 국한되지 않는 것 같거든요. 예를 들어, 사용자에게 여러 그룹이나 태그를 선택할 때는 특히 주의해야 합니다. 모바일에서는 특히 그렇죠. :sweat_smile:

1개의 좋아요

네, select-kit이 맞습니다. 곧 확인해 보겠습니다. 알려주셔서 감사합니다 :slightly_smiling_face:

2개의 좋아요

우연히도 저도 이 문제에 대해 글을 쓰려던 참이었습니다. UI가 컨트롤의 일부를 가리는 방식 때문에 메시지를 보낼 사람을 추가하거나 그룹에 초대하는 데 어려움을 겪고 있기 때문입니다. 특히 그룹에 이메일 주소를 초대할 때 문제가 더욱 심각합니다. 검색 필드, 추가된 주소가 포함된 필드, 그리고 방금 입력한 주소를 목록에 추가하려면 클릭해야 하는 줄이 모두 동시에 보이기 때문입니다.

브라우저 자동 입력 기능이 활성화되어 있으면 상황이 더 나빠집니다. 브라우저가 이전 입력 내용을 기억하고 또 다른 선택지를 제시하기 때문입니다.

(예시 스크린샷을 업로드하고 싶지만, 여기에서 모든 이미지 업로드 시 "죄송합니다. 파일 업로드 중 오류가 발생했습니다. 다시 시도해 주세요."라는 오류 메시지가 표시됩니다.) macOS 11.6.1 Big Sur에서 최신 버전의 Brave 브라우저를 사용 중이며, 앱을 종료하고 다시 실행해도 같은 문제가 발생합니다.

2개의 좋아요

안녕하세요, 이 문제를 올려주셔서 감사합니다.

다음 주에 병합될 가능성이 높은 수정 사항을 준비했습니다:

단일 선택의 경우, 항목을 선택하면 컴포넌트가 자동으로 닫히도록 로직이 구성되어 있습니다. 반면, 여러 항목을 선택할 것으로 예상되는 다중 선택에는 이러한 로직이 없습니다. 그러나 최대 1개까지 선택할 수 있는 제한이 있는 다중 선택 컴포넌트를 몇몇 곳에서 사용하는데, 이 경우 선택을 하면 컴포넌트가 추가 선택을 기다리는 것처럼 보이기 때문에 다소 의외일 수 있습니다. :+1:

4개의 좋아요

그리고 병합되었습니다! 이 문제를 알려주신 @nathank님께 감사드립니다. 이제 이 이슈를 닫겠습니다. 추가 정보가 필요하시면 언제든지 이 주제를 다시 열어주세요.

2개의 좋아요