Logo of UI Challenges
Sign in
Wireframe example for Server/Room Browser
An example interpretation of the prompt
Icon of target

Server/Room Browser

Icon of book open

Design the server/room browser players use to jump into active matches. The screen should list live rooms or servers, with enough detail to compare options fast without opening each one.

The browser sits between the main menu and match entry, so it needs to support quick scanning, filtering, and one-tap join. Treat region and game mode as the core controls; they should shape the list immediately.

Each row should make the room feel real: name, mode, region, player count, and any useful status like ping, password, or in-progress state. The player should be able to tell at a glance which rooms are worth joining.

The interesting part is density without noise. There may be many rooms, but the screen still needs a clear path to the best match for the player’s preferences and connection quality.

Icon of book open

Put ping and player count in the same visual group so players can compare connection quality and activity without reading the whole row.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.