'%20fill='white'/%3e%3crect%20x='66'%20y='12'%20width='6'%20height='6'%20transform='rotate(-90%2066%2012)'%20fill='white'/%3e%3crect%20x='60'%20y='18'%20width='6'%20height='6'%20transform='rotate(-90%2060%2018)'%20fill='white'/%3e%3cpath%20d='M82%206H94V12H88V18H94V12H100V24H82V12V6Z'%20fill='white'/%3e%3cpath%20d='M104%206V0H110V6H116V12H110V18H116V12H122V24H104V12V6Z'%20fill='white'/%3e%3c/svg%3e){kind=small}
What makes a team screen easy to act on?
The player can see the group and the one button that joins it. Extra stats stay secondary.
Scroll for moreSocial and Team Patterns in Mobile Games
A social screen is where the player meets other people: a team, a friend list, or an invite. Strong ones show who is already there and give one obvious next step, join or invite.
What repeats
- Faces, names, or a team badge before the action.
- One primary button: Join, Create, or Invite.
- A reward or bonus stated near that button, not on a separate page.
What varies
- Angry Birds Dream Blast shows the team you would join, with members and stats.
- Brawl Stars and PUBG Mobile start from an empty slot and offer create, join, or share.
Questions
How do invite screens differ from team profiles?
A team profile, like Dream Blast, describes a group that exists. Brawl Stars and PUBG start from an empty team and offer ways to fill it.
How should a designer use these references?
Decide whether the screen is joining something or creating it, then give that action the primary button.
Examples from shipping games
More Social stills
Angry Birds Dream Blast
Team info first: badge, score, member list, then Join.
Brawl Stars
A side panel offers Create, Join, and Share, plus a QR code and a team code.
Disney Solitaire
Woody and Buzz frame an invite, with a gift progress bar and Tap to Continue.
PUBG MOBILE
An empty friends list, with Add Friend and Invite to Team beside the lobby.
Royal Kingdom
Team score, weekly helps, and 12 of 50 members, then a green Join.
Squid Game: Unleashed
Crews, Leaderboard, and Find Player. The social menu is the whole choice.
Sign up for free to continue browsing
The 6 screens above are the public sample of social screens. An account opens the rest of the library, including flows and mechanics.
Join for free