Skip to content

Commit

Permalink
feat(sign-up): Add tip about domain name handles
Browse files Browse the repository at this point in the history
A point of confusion when registering for Bluesky is the use of "username". Many people signing up only know of Bluesky as a Twitter alternative and do not have context around the protocol. During the sign up process, a user may be unable to find an available username and be discouraged from signing up[1].

In the most technically correct world, the sign-up process would not use the term "username" and allow a user to choose between a `.bsky.social` domain or their own but that is much more complicated ux -- most users do not understand domain names, nor do they want to.

A good middle-ground is informing users about support for domain names (with the term "verify" to plant the seeds that domain names can be used for verification) while allowing them to choose a username.

I don't love the phrasing but "did you know?" is intended to _inform_ without instructing, i.e: a user reads it and learns something but doesn't think they need to take any specific action. So a user frustrated their chosen usernames are taken might think "ah! I know that domains can be used, I'll sign up with whatever as my username and then switch to my domain after".

[1] https://bsky.app/profile/luciferrari.tifosi.social/post/3lgl7s7n4ok2c
  • Loading branch information
shrink committed Jan 26, 2025
1 parent 355c50f commit edf104f
Showing 1 changed file with 11 additions and 0 deletions.
11 changes: 11 additions & 0 deletions src/screens/Signup/StepHandle.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ import {useAgent} from '#/state/session'
import {ScreenTransition} from '#/screens/Login/ScreenTransition'
import {useSignupContext} from '#/screens/Signup/state'
import {atoms as a, useTheme} from '#/alf'
import {Admonition} from '#/components/Admonition'
import * as TextField from '#/components/forms/TextField'
import {useThrottledValue} from '#/components/hooks/useThrottledValue'
import {At_Stroke2_Corner0_Rounded as At} from '#/components/icons/At'
Expand Down Expand Up @@ -183,6 +184,16 @@ export function StepHandle() {
</View>
</View>
)}
<View>
<Admonition type="tip">
<Trans>
<Text style={[a.font_bold]}>Did you know?</Text> Bluesky supports
domain name handles like @example.com. Sign up with a username
first and then switch to your domain name when you are ready to
self-verify.
</Trans>
</Admonition>
</View>
</View>
<BackNextButtons
isLoading={isLoading}
Expand Down

0 comments on commit edf104f

Please sign in to comment.