Outreachy internship: Make enhancements to user profile #498
Replies: 7 comments 8 replies
-
|
Comment from @srish about above stuff here: #484 (comment) Lets continue discussions related to this here 👍 |
Beta Was this translation helpful? Give feedback.
-
|
@Deepanshu039 The initial design looks great and makes a lot of sense! :-) I also like the placement of achievement box. Sharing a few thoughts: First on what additional badges to consider besides the one you have already shared: On the basis of comments a creator has received Other than these badges, I think we can consider showing a few more statistics: Activity log and ability to pick a featured project on ZubHub. See for reference: Number of projects, views, date of joining the platform, number of comments received, location. See for reference: Maybe based on this comment, think about what is doable in the three months time and propose a modified mockup that I can take a look at. Just a thought, the priority order could be - badges, statistics, activity log, featured project. We don't need to try to complete everything :) |
Beta Was this translation helpful? Give feedback.
-
|
so that we can continue our discussion here only as @tuxology already suggested. |
Beta Was this translation helpful? Give feedback.
-
we can add one more category to the number of comments a creator has got on their profile, but wouldn't that be redundant if two creators are having any discussion in the comment section, that would increase the no. of comments for a creator, just asking....
I do not get this point very clearly. plzz can you elaborate it a little bit.
yeah, this feature can be implementable since we ask the project category every time a creator adds any project, so simply we can add a function that keeps the count of the project category for a creator, and whenever the count exceeds the threshold the creator will get a badge for the category. @srish @tuxology |
Beta Was this translation helpful? Give feedback.
-
|
I have prepared this mock-up, hope this can be of any use please provide your opinion regarding this @srish @tuxology
|
Beta Was this translation helpful? Give feedback.
-
|
thankyou so much @srish for appreciating the design, first of all, can you plz suggest which mockup we should further proceed with. for not displaying more than 10+ badges we can simply add a "+more" button, I will soon upload a mockup for this for better clarity. |
Beta Was this translation helpful? Give feedback.
-
|
@Deepanshu039 This looks great! Sharing replies to your questions below:
I think it is fine unless we are not counting the comments made by the creator themselves.
I meant in case a creator's project is featured on the homepage (see "Projects from our recent creative learning workshops Another idea that @tuxology brought was where children will be able to nominate others to receive a particular badge. But, I think in the first iteration, this might be too ambitious. Other than this, I think your mockup content wise looks good. @tuxology may have some comments about the design and next steps. Also, we had a discussion around how much we should make the available badges public on the platform. And, if that might foster extrinsic behaviors/ motivation which we want to avoid. See a question around this in the meeting doc which we could ask our guest speaker in the upcoming session Friday. |
Beta Was this translation helpful? Give feedback.
-
@srish okay, this badge can work in this way.
yeah, this is indeed an encouraging feature, right now we are displaying those videos in the sections which have the most views. So, we can simply give the creator a badge whose video has the most views and display it on the home page. also @tuxology I am awaiting your comments on the initial mock-up. Since I preparing a figma file for the same, so I can edit the suggestions you will make in the design. |
Beta Was this translation helpful? Give feedback.
-
|
Greetings @srish @tuxology , this is the figma implementation of the rough mockup. I would love to know your feedback on this |
Beta Was this translation helpful? Give feedback.
-
|
I would put the activity log on the right so that the attention stays on the projects. Also in the activity log, we can have icons at the beginning just like in the example I shared. I think we are missing the other user statistics right now in the mockup that should go maybe along with "X Project Y Followers Z following.. ". Apart from this, I think it might be good to still refine the design of the badges in parallel. I am not good at design but wondering if badges can each be of different color, shape, size, etc. Have we looked at badges in other platforms? Having said that, I think you could proceed w/ coding. Maybe the priority order could be badges > activity log > stats. I feel like some of these designs can be improved later as well. @tuxology what you think? |
Beta Was this translation helpful? Give feedback.
-
noted.
even I was feeling something was missing in activity log, will definitely add icons to it.
@srish what parameters can we use to represent user statistics such as :- view per week, or per month or any other parameters which can provide more insights of users.
will definitely work on this in parallel and also be sharing badges design in future |
Beta Was this translation helpful? Give feedback.
-
@srish, added some of the modifications you instructed, also working on the user statistic thing(soon uploading a design). |
Beta Was this translation helpful? Give feedback.
-
|
@Deepanshu039 I've left a few comments on the mosckups you did above. Generally, a few suggestions and lets think about mobile views also. |
Beta Was this translation helpful? Give feedback.
-
|
I'll also suggest you begin coding the page already in parallel if you feel comfortable - esp the badge system since it may have some backend components also. I am still contemplating - do we need a separate badge API or we can do this directly under the creator API? |
Beta Was this translation helpful? Give feedback.
-
|
@Deepanshu039 @srish About project names, I've come up with a few in English. We should also have some in Hindi as well. You will need these to fill in those chips. We can use Font awesome icons for now and just keep some neutral colors for badges - or maybe Yellow with red borders so they look different than rest. Some examples I came up with are here: On the basis of Project count: 1+ project -> Hatchling (We can use this icon : https://fontawesome.com/icons/egg?s=solid) On the basis of total views count: 10+ views -> Getting Famous On the basis of the Likes count: On the basis of Comments a creator makes: 100+ comments -> Helping Hand An important thing to make sure is that we can easily change the badges names when needed. In some cases the custom ZubHub hosting users may want to edit names as per their own requirements. So lets keep an option in backend to keep them editable. |
Beta Was this translation helpful? Give feedback.
-
These are the categories I was thinking of in which we can assign badges to the creators: -
On the basis of Project count ---> (1+ project, 10+ project, 100+project )
On the basis of total views count ---> (1k+ views, 10k+ views, 100k+views)
On the basis of the Likes count ---> ( 100+ likes, 1k+ likes, 10+ likes)
On the basis of Comments a creator makes ---> (100+ comments, 500+ comments, 1k+ comments)
[optional] On the basis of followers ---> (100+ followers, 1k+ followers , 10k+ followers)
since these are just the categories in which we will assign badges to the creators the actual title which will display on the user profiles will be different.
The appropriate title can be discussed and can be assigned to the particular count, also the no of counts for a particular count can be increased and decreased as instructed.
I have prepared these two mockups for adding achievements components to the user profile and would really like to get your feedback on this @srish @tuxology .
since @tuxology suggests initially we will consider tags for the achievements so I thought of this, later on, these tags will be displayed with the medals or trophies which will be associated with a specific tag.
Beta Was this translation helpful? Give feedback.
All reactions