• autentisering
  • användarupplevelse
  • logga in
  • registrera dig

Små knep för att förbättra din kundens introduktionsupplevelse

Lär dig hur du förbättrar användarregistreringsupplevelsen med Logto-autentiseringsparametrar.

Simeng
Simeng
Developer

På Logto ägnar vi stor vikt åt att förfina vår introduktionsprocess för våra kunder. Vi förstår vikten av att göra användarregistrering och inloggningsupplevelsen så enkel och smidig som möjligt. I denna artikel kommer vi att dela med oss av två små knep som du bör använda för att förbättra användarens registreringsupplevelse.

Första skärmen

Låt oss ta en kort titt på OIDC-autentiseringsprocessen.

När en användare skickar en autentiseringsförfrågan från klientapplikationen initieras en OIDC-autentiseringssession i Logto. Användaren skickas sedan till den Logto-värdade inloggningssidan för att ange sina inloggningsuppgifter och verifiera sin identitet. När användaren lyckas logga in skickas autentiseringssvaret tillbaka till klientapplikationen.

Som standard kommer en inloggningsskärm att presenteras för användaren.

Inloggningsskärm

Om användaren inte har ett konto kan han klicka på knappen Register för att byta till registreringsskärmen.

Registreringsskärm

Men vad händer om användaren kommer till applikationen med en tydlig avsikt att registrera sig? Du vill definitivt hoppa över inloggningsskärmen och leda användaren direkt till en väl designad registreringsskärm.

Detta kan enkelt uppnås genom att lägga till parametern first_screen till din autentiseringsförfrågan.

Eller i ett stödd SDK:

Parametern first_screen kan ta två värden: signIn eller register.

Genom att ställa in parametern first_screen till register kan du hoppa över inloggningsskärmen och leda användaren direkt till registreringsskärmen.

Precis som vår Logto hemsida.

Kom igång

När användaren klickar på knappen Kom igång, kommer de att ledas direkt till registreringsskärmen.

Välkommen

Direkt inloggning

En annan praktisk autentiseringsparameter du bör känna till är direct_sign_in. Denna parameter gör att du kan starta en social eller företags-SSO-autentiseringsflöde direkt genom att hoppa över inloggningsskärmen.

Detta är särskilt användbart när du har egna sociala och företags-SSO-ingångar och vill hoppa över Logtos inloggningsskärm.

Till exempel, utan parametern direct_sign_in specificerad, skulle en företags-SSO-användarresa se ut så här:

  1. Standard inloggningsskärm visas.
  2. Ange e-postadressen.
SSO
  1. Enkel inloggning upptäckt och användaren klickar sedan på knappen Enkel inloggning för att starta SSO-flödet.

  2. Om flera SSO-leverantörer är konfigurerade under samma e-postdomän kommer användaren dessutom att bli uppmanad att välja önskad SSO-leverantör.

SSO lista

Detta flöde kan förenklas om du känner till användarens önskade SSO-leverantör i förväg.

Parametern direct_sign_in kan ta följande värden:

  • social:<provider-name>: Starta ett tredjeparts socialt autentiseringsflöde direkt. (t.ex. social:google)
  • sso:<connector-id>: Starta ett företags-SSO-autentiseringsflöde direkt. (t.ex. sso:1234567890)

Lägg till parametern direct_sign_in till din autentiseringsförfrågan:

Eller i ett stödd SDK:

Med parametern direct_sign_in kommer användaren att omdirigeras direkt till den specificerade identitetsleverantörens autentiseringssida. Det reducerar avsevärt antalet steg som krävs för att slutföra autentiseringsprocessen.

Slutsats

På Logto tar vi användarupplevelse på stort allvar. Genom att använda parametrarna first_screen och direct_sign_in kan du avsevärt förbättra introduktionsprocessen för dina kunder.

Om du vill skapa en anpassad och visuellt tilltalande registreringsskärm, se till att utforska vår custom-css funktion.

För mer information, kolla in autentiseringsparametrarna.