Mobile App: Lobby (Finalized List) - Githubissues

colonistio / design

https://colonist.io

3 stars 0 forks source link

Mobile App: Lobby (Finalized List) #282

Closed samgawaran closed 1 year ago

samgawaran commented 1 year ago

Goals

Main Goal

Allow players to easily see the public rooms/spectate
Room types should show relevant info (Mode, Maps, Speed, No. of Players)
Sub Goal
Membership badges are visible for memberships
Players can easily create a room in the lobby

Needs

Room/Spectate Tab
Button to create games
Room lists that show relevant info

Principles

Consistency
Visibility of System Status
Efficiency

Proposed Solution: Room/Spectate Lobby

iOS (375x812)

Android (360x640)

Flow

Benefits:

same implementation with desktop = easy to develop
not introducing new assets/components

Cons:

due to limited space, mode names will be adjusted (ex. Seafarers + Cities & Knights) will be shown as SF+C&K
during our 1v1 @demiculus we decided to not show the hover function on desktop that shows the Karma outside the Lobby: https://prnt.sc/WtKZY9Oj4sth
Longest map name: 6P: Through the desert will be shown as 6P: Through... since it will overlap with

Potential Risks:

Spacing issues, some text may overlap with one another

Figma link: https://www.figma.com/file/4sPdkWQrqoiGgFkMLtVSqr/Colonist-UI%2FUX-App?node-id=861%3A125264&t=2CZ5PcpZKYJQHNXu-1

This figma link shows the room creation screen, though that part is not finalized yet. I just want to use it to show the intended flow.

Considered

[x] This proposal fits company vision
[x] This proposal is impactful according to Prioritizer Sheet
[x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

Reviewers

@demiculus @JuanRoman77 @woodifred @5econds