회원가입 양식의 최근 변경 사항

최근 가입 양식에 몇 가지 변경 사항이 있었던 것 같습니다..?

이 주제와 관련: Required fields not shown as required🞲 during sign up

필수 항목으로 표시된 필드가 없습니다.

해당 주제에서 벗어난 내용:

필드 설명(예전에는 정적으로 표시되던 것으로 기억합니다)이 이제 필드에 포커스가 있을 때만 표시됩니다. 이는 괜찮지만, 설명이 이메일 필드에만 표시됩니다:
image

다른 필드들의 설명 텍스트는 전혀 표시되지 않습니다:

또한, 탭 순서가… 어긋나 있습니다.

이것들은 사소한 수정 사항으로 보입니다. 이 “첫인상” 공간을 다듬을 수 있기를 바랍니다!

4개의 좋아요

맞습니다. 우리는 이제 선택 사항인 필드만 해당 표시를 하도록 방향을 전환했으며, 나머지 모든 필드는 기본적으로 필수 항목으로 간주됩니다. 그 이유는 대부분의 필드가 필수적이므로 불필요한 시각적 노이즈를 줄일 수 있기 때문입니다.

디자이너 커뮤니티에서는 장단점에 대해 끝없는 논의가 이루어지고 있지만, 우리는 이 접근 방식을 채택했습니다.

다른 설명 텍스트들은 유용하지 않아 제거하기로 결정했습니다.

사용자 이름 설명은 이전에는 다음과 같았습니다:
CleanShot 2024-11-14 at 15.29.09@2x

지금쯤이면 사용자 이름은 공백이 없는 고유 식별자라는 사실을 모두 알고 계실 것입니다.

더 심각한 문제입니다. 방금 테스트해 봤는데, 예상대로 작동하는 것 같습니다. 문제를 확인하려면 녹화 영상이 도움이 될 것입니다.

2개의 좋아요

표시와 지침에 대해 설명해 주셔서 감사합니다. 저는 사용자 정의 필드 지침 편집: 필드별 사용자 지정 지침이 조금 그리우긴 하지만, 그럭저럭 버텨볼 수 있을 것 같습니다.

탭 순서 문제에 대해 말씀드리자면, 제 문제의 원인이 필드의 순서가 어긋나 있는 것일 수 있습니다. Meta의 가입 양식은 제가 자주 방문하는 다른 포럼들과 유사한데, 제 사이트에서는 이름(Name)이 비밀번호(Password)보다 앞에 나옵니다. 그래서 탭 키를 누르면 사용자 이름(Username)에서 비밀번호(Password)로 건너뛰고, 다시 이름(Name)으로 돌아가는 식입니다.

제가 뭘 잘못해서 이런 상태가 되었는지, 아니면 어떻게 되돌릴 수 있는지 도저히 모르겠네요… :thinking:

Meta:

제 사이트:

사용자 정의 필드 설명은 이메일과 동일한 방식으로 작동해야 하는데, 더 이상 표시되지 않나요?

즉각적으로 떠오르는 것은 flexbox의 order 속성을 사용하여 순서를 변경하는 것입니다.

1개의 좋아요

아니요 – 안내 텍스트는 이메일에만 표시되며, 이를 사용자 정의하든 기본값을 유지하든 상관없이 항상 표시됩니다. 다른 필드에 대한 안내는 어떻게 해도 표시되지 않습니다.

이것도 아닙니다 – 그런 작업은 전혀 하지 않았습니다.

24시간 전 기준으로 tests-passed 3.4.0.beta3-dev (20effebd51) 버전을 사용하고 있습니다. 항상 그렇듯 가져올 새로운 커밋들이 더 있긴 하지만, 가입 양식 관련 수정 사항처럼 보이는 것은 없습니다…

1개의 좋아요

정리하자면, 우리는 같은 내용을 이해하고 있습니다:

사용자 정의 필드에 다음과 같은 필드 설명이 있는 경우:

포커스가 되었을 때 설명이 표시되지 않습니다:

순서 문제에 관해서는… 좀 이상하네요. 실제 페이지를 확인해 보기 전까지는 더 이상 알 수 없습니다. 혹시 사이트를 공유해 주실 수 있을까요?

1개의 좋아요

프로필에 링크된 그거인 것 같아요. https://forum.tasat.org/

2개의 좋아요

완벽해요, 감사합니다. 확인해 볼게요

2개의 좋아요

네, 이 코드가 우리 쪽 코드인 것 같습니다. 다만, 이는 전체 페이지 로그인 폼에는 적용되지 않기 때문에, 여러분의 사이트(전체 페이지가 아님)와 메타(전체 페이지) 사이에 차이가 생기는 것입니다.

해당 변경 사항이 왜 있는지 확실하지 않아서, 내부적으로 확인한 후 다시 알려드리겠습니다.

1개의 좋아요

@ToddZ 님의 포럼에서 full name required(이름 필수) 사이트 설정이 활성화되어 있나요? 이렇게 하면 이름 입력 필드가 비밀번호 입력 필드 위로 이동한다고 생각합니다.

2개의 좋아요

@chapoi - "커스텀 필드 설명"이라고 말하면서 혼란을 드렸네요. 제 의도는 기본 필드 설명을 사용자 정의했다는 것이었습니다. '사용자 정의 필드’는 없습니다.

@moin - 이름 필수가 활성화되어 있었습니다. 이 설정을 비활성화하면 필드 순서가 탭 순서와 다시 일치합니다. 이름을 필수로 할지에 대해서는 중립적인 입장입니다. 하지만 어쨌든 필드 순서와 탭 순서는 일치해야 합니다.

그리고 전체 페이지 로그인 화면 발표를 놓치고 있었습니다. 해당 화면으로 전환해 보니 순서 문제가 동일하다는 것을 확인했습니다.

(큰 문제는 아니지만, 이 주제에 관심을 가져 주셔서 감사합니다!)

4개의 좋아요

안녕하세요, @ToddZ! 말씀해 주신 문제 중 일부를 수정하기 위해 초기 커밋을 만들었습니다: FIX: Signup fields tab order and descriptions (#29772) · discourse/discourse@876591f · GitHub

이제 full name required 사이트 설정이 활성화되어 있든 아니든 상관없이 탭 순서가 올바르게 동작해야 합니다. 또한 필드 설명이 입력란에 포커스가 있을 때뿐만이 아니라 항상 표시되도록 하였습니다.

최근 변경 사항의 목표는 로그인 경험을 단순화하는 것이었습니다. 가치가 크지 않다고 판단한 필드 설명을 제거했지만, 고객이 이를 커스터마이즈하고 싶어 할 수도 있다는 점도 이해하고 있습니다. 사이트 소유자가 원할 경우 사용자 정의 설명을 포함할 수 있는 옵션을 추가하는 것을 계획하고 있습니다.

2개의 좋아요

감사합니다, Jan! 업데이트를 기다리겠습니다.

단순화한 부분들은 이해가 되네요. 다만, 시스템에 사용법 관련 사이트 텍스트는 존재했지만 아무런 동작을 하지 않아서 조금은 의아했습니다.

2개의 좋아요

안녕하세요 @ToddZ, 지연된 점 죄송합니다. 설명을 다시 추가했지만 기본적으로 숨겨져 있습니다. 다음 사이트 설정을 통해 표시 여부를 전환할 수 있습니다:

show_signup_form_email_instructions
show_signup_form_username_instructions
show_signup_form_full_name_instructions
show_signup_form_password_instructions

이후 이전과 마찬가지로 텍스트를 교체할 수 있습니다. 로케일도 이전과 동일합니다. 다른 문제가 있으면 알려주세요.

3개의 좋아요

안녕하세요 @jancernik

위에서 제안해 주신 설정을 변경해 보았습니다. 전체 이름(full name)의 경우 잘 작동합니다:

  • 설정: show_signup_form_full_name_instructions true
  • 사이트 텍스트: js.user.name.instructions_required (이를 수정하면 텍스트가 올바른 위치에 표시됩니다)

하지만 사용자 이름(username)의 경우 작동하지 않습니다:

  • 설정: show_signup_form_username_instructions
  • 사이트 텍스트: js.user.name.instructions_required라는 항목이 없습니다 … js.user.username.instructions만 존재하는데, 이것을 변경해도 표시되지 않습니다.

필요한 사이트 텍스트가 누락된 건가요? 아니면 제가 놓치고 있는 것이 있는 건가요? :see_no_evil_monkey:

힌트가 있다면 알려주시면 감사하겠습니다.

:waving_hand: 안녕하세요, 1년이 넘은 것 같은데 이 문제를 여전히 겪고 있습니다. 고객 프로젝트와 관련되어, 적절한 사용자 이름이 무엇인지에 대한 지침을 제공하려고 합니다.

js.user.username.instructions의 현재 상태는 어떻게 되나요?

2개의 좋아요

모두 안녕하세요,

후속 조치를 드리지 못한 점 죄송합니다. Jan은 더 이상 저희 회사에서 근무하지 않고 있으며, 이 건이 누락되었습니다.

확인하여 다시 연락드리겠습니다.

2개의 좋아요

다시 추가해 주셔서 감사합니다. 며칠 전 제 사이트를 런칭했을 때, 이전 사이트에서 넘어온 회원 중 한 명이 첫 번째로 물어본 것이 “사용자 이름에 공백을 사용할 수 없나요?” 였습니다.

이 설명은 매우 유용하며, 제 사이트에서는 이를 활성화해 두었습니다. 이는 전체 팀에 대한 피드백이기도 합니다. Discourse 방식의 포럼 사용자 이름은 공백이나 특수 문자 등을 사용할 수 있는 오래된 포럼에 익숙한 사용자에게는 직관적이지 않을 수 있습니다. 신규 회원의 관심을 잃지 않기 위해서는 설명이 매우 중요합니다.

2개의 좋아요

제 환경에서는 정상적으로 작동하는 것 같습니다:

혹시 문제가 발생한다면, 어떤 단계를 거쳤는지 자세히 알려주시고 현재 사용 중인 버전을 확인해 주실 수 있을까요?