Activity feed - Githubissues

johnsillings commented 1 year ago

A lot can happen in Colonist in a short period of time.

As a player, I should be made aware of – and be able to review – changes to game state in the activity feed so I can plan accordingly.

Information about which resources players received, which trades were offered, which trades were accepted, which development cards were played, etc. are important for playing the game strategically.

Steps:

[x] Look at other turn-based multiplayer strategy games with dice and collect examples in both video & screenshot forms
[x] Brainstorm and list multiple designs that meet the acceptance criteria of the task to a satisfactory level. At this stage more exotic designs can be considered as it’s important to widen our view of the solution landscape before focusing too much on details.
[x] For each design rate values below from 0 to 5
- Clarity: How clear is it: https://www.liamcharlton.com/post/signs-feedback-and-the-ux
- Ease of use: Number of needed interactions with the UI, complexity of interactions, number of hands needed to complete the actions, thumb zone etc.
- Acceptance criteria met:
[x] Implement changes to update the rating values of the above designs
[x] Identify any new player issues that may arise from each of your rough designs and the potential for them to be mitigated.
[x] Decide on 1-2 designs that have the greatest potential to work by analyzing the results from previous steps.
[x] Share all your results from the previous steps with the team in a table containing concise information; It’s important to also show your thought process for the design decisions you have made.
[ ] Get the greenlight from project owners to start work on a detailed Figma prototype for one of the high potential rough designs.

Acceptance criteria:

[x] Players should be aware of all public changes to the game state (e.g. building improvements, purchasing development cards, offering trades, accepting trades, rolling dice, moving the robber, etc.).
[x] Players should be able to view historical changes to the game state in an activity feed.
[ ] The activity feed should not cover or obfuscate important UI elements unless the player is actively interacting with it.
[x] Related to the above, players should be able to show and hide the activity feed. Design should be sensitive to the limited screen space on mobile.

huaniebun commented 1 year ago

Link to research & designs: https://www.figma.com/file/up1U35QOvkl2aCfD0cJXGW/Colonist-Mobile?node-id=752%3A490849&t=sHn7LALTPy4BmqY3-0

Note: I renamed "activity feed" as "game logs" so as not to be confused with notif activity feed

Shortlisted these options:

1. Expandable Menu options upon clicking on menu button + half activity feed, half game board in screen

2. Activity Feed Button + Full game log screen

Additional Ideas to explore: Filtering of info in game logs

A) Filter by actions:

B) Filter by players:

Since activity feed is closely related to chat, I have included how the chat might look like in the Figma file. More details will be worked out in a separate issue for chat.

huaniebun commented 1 year ago

For review @demiculus @johnsillings @samgawaran @Ioseffagundes @AlfredTimmer

huaniebun commented 1 year ago

Have iterated on the designs and shortlisted these 2 options: https://www.figma.com/file/up1U35QOvkl2aCfD0cJXGW/Colonist-Mobile?node-id=803%3A499790&t=7fsB5CopyBM7rEyp-1