Design: Profile page design requirements

[yattias]

Reputation changes

After much debate, we landed on showing bars of reputation instead of the circular graphic.

Example from Mario Kart

Remove Expertise section at bottom of page:

Instead of this section, we will pop open a modal when user clicks "show more" in the expertise block at the top. No need to design this modal, let's just remove this section from the design

Activity feed

One important section that is missing from the profile "overview" page is user activity. These are actions that user has taken on the site such as commenting or sharing a paper. Many new users would not have any papers created like authors so it is important that their homepage shows something

Move contribution graph up higher

I think it may show more color or excitement if we move this up higher by a bit. Maybe above top works?

Update cards to include avatars

We want every name in our site to include an avatar next to it. If multiple authors, avatars should be "piled up"

And in feed page:

Claim profile

This modal looks kinda weird. Maybe because content is centered?

Mobile designs

The mobile designs on figma are currently incomplete and do not include all of the components in the desktop version. This is expected. Once we figure out the above, we should move to mobile designs

[IshadP]

Hey! I am interested in designing these pages, can you assign it to me? After I can help to complete mobile designs as well!

[yattias]

Hi @IshadP we already have a designer working on this ticket. You can check out https://github.com/ResearchHub/issues/issues/31 or https://github.com/ResearchHub/issues/issues/39 and design some wireframes or share some ideas