Improve design of creator status on the profile page

[Dumzy006]

Hello @srish I noticed on my profile page that the creator status looks more like a an active button which shouldn't be so Here is a screenshot of how it currently looks.

Here is another screenshot of an improved version on how it should look like. What do you think?

[aqsaaqeel]

Ooh, I like where you're going with this, maybe we can have the creator status next to the username because we have plenty of dead space on the right that is not being utilized yet? what are your thoughts? @Dumzy006

[Dumzy006]

Hello @aqsaaqeel I see where you are coming from, so I made a design based on what you said See screenshots below

[brrkrmn]

@Dumzy006 I think it looks more compact and aligned under the username 🤔

[Dumzy006]

@Dumzy006 I think it looks more compact and aligned under the username 🤔

I feel the first one is better @brrkrmn @aqsaaqeel which is this

[brrkrmn]

@Dumzy006 yes I agree. I'll start with this then

[brrkrmn]

@Dumzy006 would you mind checking the PR for verification?

[Dumzy006]

@brrkrmn It looks good

[tuxology]

Valid point @Dumzy006 but I think we need better ideas. One good thing about the chip style for these "tags" is that its clearly visible. We plan to add more such tags eventually (Staff, Educator etc) We can possibly use a gray chip at the very least here. What do you think?

[Dumzy006]

Hello @tuxology I made an update using the gray for the tag See screenshot below

This is for when there are more than one tags

[DonPresh]

@Dumzy006 , I think these gray tags look like disabled buttons. Maybe reduce the padding to make it look more like a tag than a button.

[Dumzy006]

Alright @DonPresh Updated that in the design above

[DonPresh]

A lot better. Also, I know the mentor said maybe gray, but don't you think this is a better contrast than the gray? @Dumzy006

or even this?

Maybe align to the side instead of center. What do you think?

[Dumzy006]

It is actually but clickable items likes projects, followers etc have these colours. That was why I didn't use it @DonPresh

[Dumzy006]

I just checked and this is the colour currently used on the site to represent tags @DonPresh See screenshot below

So I came up with this

[Temabo]

A lot better. Also, I know the mentor said maybe gray, but don't you think this is a better contrast than the gray? @Dumzy006

or even this?

Maybe align to the side instead of center. What do you think?

I agree with this and I like both iterations, they look like tags. The filled gray tags look more like inactive buttons, maybe it's the shade, but the contrast looks a bit off with the white text. @Dumzy006

[Temabo]

I just checked and this is the colour currently used on the site to represent tags @DonPresh See screenshot below

So I came up with this

looks good!

[Dumzy006]

I feel we should maintain consistency with what is on the site except we want to totally propose or have a new colour for tags. What do you think ? @DonPresh @temabo

[DonPresh]

I feel we should maintain consistency with what is on the site except we want to totally propose or have a new colour for tags. What do you think ? @DonPresh @Temabo

I get what you are saying. We can design with the consistency of what they have, while simultaneously proposing what can be done to improve the UI. For instance we can show a screen of "This is how I think this should work" maintaining consistency. Then do a follow up iteration of how we think the experience will be better.

It's all part of the contribution. I don't know if i'm clear @Dumzy006 @Temabo

[Temabo]

@D

I feel we should maintain consistency with what is on the site except we want to totally propose or have a new colour for tags. What do you think ? @DonPresh @Temabo

I get what you are saying. We can design with the consistency of what they have, while simultaneously proposing what can be done to improve the UI. For instance we can show a screen of "This is how I think this should work" maintaining consistency. Then do a follow up iteration of how we think the experience will be better.

It's all part of the contribution. I don't know if i'm clear @Dumzy006 @Temabo

I get you @DonPresh Although we can see there is an existing design for the tag, we can still tweak it to make it better, The current design still has some contrast issues. I feel we can adjust the current colour so it's better. @Dumzy006

[DonPresh]

@d

I feel we should maintain consistency with what is on the site except we want to totally propose or have a new colour for tags. What do you think ? @DonPresh @Temabo

I get what you are saying. We can design with the consistency of what they have, while simultaneously proposing what can be done to improve the UI. For instance we can show a screen of "This is how I think this should work" maintaining consistency. Then do a follow up iteration of how we think the experience will be better. It's all part of the contribution. I don't know if i'm clear @Dumzy006 @Temabo

I get you @DonPresh Although we can see there is an existing design for the tag, we can still tweak it to make it better, The current design still has some contrast issues. I feel we can adjust the current colour so it's better. @Dumzy006

Sure sure.

[Boluwatifey1]

Hi @Dumzy006 @Temabo @tuxology @DonPresh Since we have agreed to design the tags like in #917 I came up with this design for labels

what do you guys think?

[srish]

Let's wait for https://github.com/unstructuredstudio/zubhub/issues/917 to mature a bit before we make a final call on the design developed to address this issue.

[mehreeee]

Hi @srish, @tuxology I think the grey tags look better here's my suggestion.

[Dumzy006]

Hello @mehreeee, nice suggestion But as @srish said we have to wait for https://github.com/unstructuredstudio/zubhub/issues/917 to be agreed upon. So that we can use the same design for tags there to update this