Logo of UI Challenges
Sign in

Gallery

See what others have created

Banning & Blocking
SR

substantivesitting_room

@substantivesitting_room

MediumSocial

Banning & Blocking

Design the moderation flow for blocking or banning a user in a social product. Start from the moment someone opens a profile, message, or comment and chooses to take action. Show the path into the action sheet or modal, then into the decision screen where the user picks block, temporary ban, or permanent ban.

Make the distinctions visible in the UI. Blocking should read as a local, reversible action. Banning should show who is affected, for how long, and whether the user loses access immediately. Include a reason picker, optional note field, and any fields needed for escalation or evidence.

The confirmation step should summarize the target, action type, duration, and any side effects before commit. After submission, show the resulting state clearly and give the user a way to undo, adjust, or view the moderation record if the action was accidental.

What to deliver

  • Design the report/block/ban entry point.
  • Show reason selection with optional notes.
  • Include duration or scope controls for bans.
  • Design the confirmation step with clear consequences.
  • Show success and undo or appeal feedback.

Sprinkle your design with empathetic language and consider the emotional experience of the user, both administering and receiving the ban. Remember, the goal is to correct behavior, not just punish.