User onboarding
Discord’s slideout modal is concise (and cute)
Discord uses an in-app slideout modal with a mascot illustration and one playful line to invite users to connect PlayStation Network.
At the time of the screenshot, Discord’s mobile app invited users to link their PlayStation Network account with a slideout modal that rises from the bottom of the screen. Under an illustration of Discord’s mascot waving from a laptop, the heading "Connect PlayStation Network" is followed by one line: "Let your friends see you’re online and that you’re still stuck on that one boss…". A Connect button and a No thanks link are the only choices. The modal covers part of the screen rather than all of it.
Why it works
- Less intrusive: a slideout from the bottom leaves part of the app in view, and No thanks is as easy to reach as Connect.
- Fun copy: most people on Discord talk about games, and the line about being stuck on a boss speaks to them in their own terms.
- Cute illustration: the copy is already short, and the waving mascot catches the eye so the modal gets read.
More on this pattern: UI modals and onboarding UX writing.
