search

colonistio / design

https://colonist.io
3 stars 0 forks source link

Friends Tab Improvement #1 - Follow/Following Design + Scenarios #112

Closed samgawaran closed 2 years ago

samgawaran commented 2 years ago

Summary

Reworked almost all of the screens I presented in #104.

I based the decisions behind the design in this list of feedback https://github.com/colonistio/design/issues/104#issuecomment-1164498586

Suggestion: Instead of calling it as Friends tab, I think it's better to just call it as Followers tab like what Twitter and Instagram do. Those websites also allow users to follow anyone they want.

I did some variations for the buttons here and decided that using buttons is still the best way to show the follow/unfollow.

Changes

image

1, 2) - Change the copy from Friends to Followers 3) - Made the buttons smaller from 40px to 32px Follow & Following has different color schemes 4) - Replaced Friends and Friend Requests into Follow & Following also added the current number of players inside a category

Details

Guest Tab / Owner Tab

image

Follower Tab States

Follower's Tab States

Unfollow/Unblock via the Follower's tab

Unblocking someone via Follower's Tab

Following / Unfollowing via the Profile Sticky

Unfollowing someone via their Profile Sticky

Related links

Submission Checklist

samgawaran commented 2 years ago

For Review: @demiculus @JuanRoman77 @huaniebun @DyLightedCatan

JuanRoman77 commented 2 years ago

You don't follow people in games, you have friends. That's for social media. I'll check the rest later.