작은 화면에서 '이미 사용 중인 이메일' 알림을 더 눈에 띄게 만들기

오늘은 어느 평범한 Discourse 사이트에 이미 계정이 있는지 확신이 서지 않는 사용자와 함께 여행을 떠나볼게요.

우리의 여정은 기분 좋은 시작으로 막을 열어요.

모두 초록불이 켜져 있고 기분도 좋네요.

잠깐. 병원에서 의사 소견서가 돌아왔네요. 유감스러운 소식을 전해야 할 것 같습니다. 이렇게 큰 기대를 품게 해놓고 결국 실망을 드려 죄송합니다.

그렇다면 긍정적인 면을 생각해 보세요. 아직 계정은 있으니까요.

이 기능을 테스트해 보고 있는데, 이메일 주소를 입력하고 아래로 내려가서 사용자명을 입력하려고 하면 이메일 주소가 이미 사용 중이라는 피드백이 표시됩니다. 이 정보가 제공되는 첫 번째 기회인 것 같아서, 여기서 무엇을 개선하고 싶으신지 잘 모르겠습니다.

솔직히 말하지만, 시야에 빨간색이 조금이라도 보였으면 한 치도 더 진행하지 않았을 겁니다. 그래서 아마 문제는 다음과 같습니다.

  • 작은 뷰포트에서 이미 스크롤되어 사라진 영역에 빨간색이 표시되는 경우, 데스크톱에서도 마찬가지입니다.
  • 빨간색이 비동기적으로 표시되는데, 사용자가 작은 뷰포트에서 스크롤하여 지나치기 전에 볼 수 있을 만큼 충분히 빠르게 표시되지 않는 경우입니다.

또한 비동기 검사가 실패 결과를 반환하는 순간, 전체 양식이 잠기도록 하고 빨간색으로 변하게 해야 합니다. 이미 실패가 확정된 양식을 사용자가 계속 작성하는 것은 의미가 없으며, 양식 시스템은 이미 그 사실을 알고 있기 때문입니다.

아니면,

  • 사용자가 다음 질문으로 넘어갈 수 있도록 하기 전에 검사가 성공할 때까지 기다리는 방식도 있습니다. 양식과 데이터베이스 간의 연결 대역폭이 양식과 사용자 간의 대역폭보다 훨씬 높으므로, 사용자가 양식을 너무 빠르게 작성할 필요는 없습니다.

사용 중인 기기에 대한 추가 정보(화면 크기 포함)와 적용 중인 확대/텍스트 확대 설정이 있다면 알려 주실 수 있으신가요?

이것은 1920x1080 해상도의 깔끔한 스크린샷으로, Chromebook에서 CTRL+0 배율로 촬영했습니다.

P.S. https://community.opencellid.org/ 에서 'GitHub로 로그인’을 클릭하면 404 오류가 발생합니다. 또한 이상하게도, 옆에 있는 세 개의 버튼 중 하나는 '로그인’이고, 나머지 두 개는 'Sign in’입니다.