고객 온보딩 경험을 향상시키는 작은 요령들

Logto에서는 고객의 온보딩 프로세스를 개선하는 데 중점을 두고 있습니다. 우리는 사용자의 가입 및 로그인 경험을 최대한 간단하고 원활하게 만드는 것이 중요하다는 것을 이해하고 있습니다. 이번 글에서는 사용자의 가입 경험을 향상시키기 위해 꼭 사용해야 할 두 가지 작은 요령을 공유하겠습니다.

첫 번째 화면#

OIDC 인증 프로세스를 간단히 살펴보겠습니다.

사용자가 클라이언트 애플리케이션에서 인증 요청을 보내면 Logto에서 OIDC 인증 세션이 시작됩니다. 사용자는 자격 증명을 입력하고 신원을 확인하기 위해 Logto에서 호스팅하는 로그인 페이지로 이동하게 됩니다. 사용자가 성공적으로 로그인하면 인증 응답이 클라이언트 애플리케이션으로 전송됩니다.

기본적으로 사용자에게 로그인 화면이 표시됩니다.

사용자가 계정이 없을 경우, 회원가입 버튼을 클릭하여 가입 화면으로 전환할 수 있습니다.

하지만 사용자가 분명히 가입하려는 의도로 애플리케이션을 방문했다면 어떻게 할까요? 로그인 화면을 건너뛰고 잘 디자인된 가입 화면으로 바로 이동시키는 것이 분명 좋을 것입니다.

이는 인증 요청에 first_screen 매개변수를 추가하여 쉽게 달성할 수 있습니다.

또는 지원되는 SDK에서:

first_screen 매개변수는 signIn 또는 register 두 가지 값을 가질 수 있습니다.

first_screen 매개변수를 register로 설정하면 로그인 화면을 건너뛰고 사용자를 바로 가입 화면으로 이동시킬 수 있습니다.

우리의 Logto 홈페이지처럼 말이죠.

사용자가 Get started 버튼을 클릭하면 바로 가입 화면으로 이동하게 됩니다.

직접 로그인#

알아두면 좋은 또 다른 유용한 인증 매개변수는 direct_sign_in입니다. 이 매개변수를 사용하면 로그인 화면을 건너뛰고 소셜 또는 기업 SSO 인증 흐름을 바로 시작할 수 있습니다.

이 매개변수는 사용자가 자체 소셜 및 기업 SSO 진입점을 가지고 있고 Logto의 로그인 화면을 건너뛰고 싶을 때 특히 유용합니다.

예를 들어, direct_sign_in 매개변수를 지정하지 않은 경우, 기업 SSO 사용자의 여정은 다음과 같습니다:

1. 기본 로그인 화면이 표시됩니다.
2. 이메일 주소를 입력합니다.

3. 싱글 사인온이 감지되면 사용자가 Single Sign-On 버튼을 클릭하여 SSO 흐름을 시작합니다.

4. 추가로, 동일한 이메일 도메인 아래에 여러 SSO 공급자가 구성된 경우, 사용자는 원하는 SSO 공급자를 선택하도록 안내됩니다.

이 흐름은 사용자가 원하는 SSO 공급자를 사전에 알고 있다면 단순화할 수 있습니다.

direct_sign_in 매개변수는 다음 값을 가질 수 있습니다:

• social:<provider-name>: 타사 소셜 인증 흐름을 직접 시작합니다. (예: social:google)
• sso:<connector-id>: 기업 SSO 인증 흐름을 바로 시작합니다. (예: sso:1234567890)

direct_sign_in 매개변수를 인증 요청에 추가하세요:

또는 지원되는 SDK에서:

direct_sign_in 매개변수를 사용하면 사용자가 지정된 신원 제공자의 인증 페이지로 직접 이동하게 됩니다. 인증 과정을 완료하는 데 필요한 단계 수가 크게 줄어듭니다.

결론#

Logto에서는 사용자 경험을 매우 중요하게 생각합니다. first_screen 및 direct_sign_in 매개변수를 사용하면 고객에게 온보딩 프로세스를 크게 향상시킬 수 있습니다.

맞춤형이면서도 시각적으로 매력적인 가입 화면을 만들고 싶다면 custom-css 기능을 꼭 확인해 보세요.

자세한 정보는 인증 매개변수를 참조하세요.