Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Profile page new mockup discussion #6001

Closed
CleverFool77 opened this issue Jul 10, 2019 · 36 comments · Fixed by #6255
Closed

Profile page new mockup discussion #6001

CleverFool77 opened this issue Jul 10, 2019 · 36 comments · Fixed by #6255
Labels
design issue requires more design work and discussion (i.e. mockups and sketches) discussion summer-of-code

Comments

@CleverFool77
Copy link
Member

CleverFool77 commented Jul 10, 2019 •
edited by gautamig54
Loading

Issues with the current design :

  • Overcrowds the page if a user has many subscriptions, similarly, the page looks blank for a user with no subscription.
  • How to display the user content with few research notes, wikis, questions but with no topics tagged to it or with no subscription.
  • A user might have interacted using the comments only, but comments have no feature of topics, therefore how to categorise them and display them?
  • There are posts with more than one topics tagged to them, so if we categorise the posts according to topics, it will lead to repetition of content. Further increasing the complexity of the page.
  • Moreover, a user needs to search for his/her content in the tags card. A user always remembers the title of the wiki or the question instead of the tag under which it might lie. This creates a lot of confusion on the page.
  • There is no feature for displaying the recent activity of a user or the most popular content of the user.

@CleverFool77 and I have discussed a lot about this page and we feel that the current design where the content is neatly divided into Recent work, research notes, questions, comments etc is better for a good user experience. Therefore, we propose a mock up shown below :

  • Instead of classifying the content based on topics, it will be more feasible to classify them on the basis of research notes, questions, comments etc (like in the present design). Therefore, instead of tabs, we can have a dropdown of types. Similar to what we have done in the individual tags page. It makes the page more organised and user friendly.

  • The sidebar looks good, in addition to that, we can add the most active topics of the user on the sidebar.

Untitled (2)

cc: @gautamig54 @jywarren
@CleverFool77 CleverFool77 added feature explains that the issue is to add a new feature design issue requires more design work and discussion (i.e. mockups and sketches) discussion summer-of-code and removed feature explains that the issue is to add a new feature labels Jul 10, 2019
@CleverFool77
Copy link
Member Author

Hi @gautamig54 I have added the mockup !! You can add the information and further details in this !!

@gautamig54
Copy link
Contributor

Hi @CleverFool77!
If we are not categorising cards according to the most active topics, we can shift it to the sidebar, like we did for the related topics in the individual tags page. What say?

@CleverFool77
Copy link
Member Author

I didn't do major change except for topic card. About shifting it to right and other stuff. I'm not sure. Maybe should we wait for Jeff's view? Then I'll make a new mockup. Till then, we can just list out the changes we want. And after all of them are listed. We'll just directly make a new mockup with all the listed required changes. What do you say?

@CleverFool77
Copy link
Member Author

So the point you mentioned is one of the listed changes we might want.

@gautamig54
Copy link
Contributor

Sure! I am writing down the points we discussed yesterday. Just few more minutes.

@CleverFool77
Copy link
Member Author

Awesome !!! 🎉

@gautamig54
Copy link
Contributor

@CleverFool77 I have edited the issue. Kindly have a look at it and add anything you feel is missing.

@CleverFool77
Copy link
Member Author

You wrote almost everything !!! 🎉 @gautamig54

@CleverFool77
Copy link
Member Author

Hi @jywarren It would be great if you can look into this ..
Thanks !!!

@CleverFool77 CleverFool77 changed the title Profile page mockup discussion Profile page new mockup discussion Jul 11, 2019
@CleverFool77 CleverFool77 mentioned this issue Jul 11, 2019
Closed
5 tasks
@gautamig54
Copy link
Contributor

gautamig54 commented Jul 19, 2019 •
edited
Loading

Hi @CleverFool77. I had a discussion with liz about the design of profile page. The solution we came up with is :

  • We will display topic cards of 5-6 active topics of the user instead of showing all the topics a user is active or subscribed to. This will solve the issue of over crowding the page and also shows the most relevant activity of the user. Also, if we are showing just a few topic cards, then we can afford few repetitions.
  • Next, if a user has not subscribed to any topic or hasn't contributed to one, we will just display a message saying "you have not subscribed to any topic" and link the user to the topic or subscription page
  • Now about comments or recent activity, we can have that option in the sidebar which will direct the user to a page consisting of the above content.

cc : @jywarren

@CleverFool77
Copy link
Member Author

CleverFool77 commented Jul 19, 2019 via email

@jywarren
Copy link
Member

jywarren commented Jul 19, 2019 via email

@gautamig54
Copy link
Contributor

Sure @CleverFool77! All the best for your interviews!

@CleverFool77
Copy link
Member Author

Hi @gautmig54 @jywarren finished up with all stuff, now I'll be back to work.
Thanks!!!!!!

@jywarren
Copy link
Member

jywarren commented Jul 22, 2019 via email

@gautamig54
Copy link
Contributor

The edit profile page is not yet fixed. I'll do it.
@CleverFool77 there are a lot of cases where tags are concerned. Can we discuss it over call anytime you're free?

@ebarry
Copy link
Member

ebarry commented Aug 21, 2019 •
edited
Loading

Hi all!
Love the new profile page. I have two questions, 1) does anyone know why i (admin) would have experienced trouble adding the tag new-york-city to someone's profile page? , 2) why topics might be appearing multiple times on a single profile page?

Here's a gif for Question 1:
adding-tags

Here's a gif for Question 2:
extra-topics-shown

@CleverFool77
Copy link
Member Author

Hi @ebarry
For First one, This is not the issue of Profile page. I guess there is some bug in tagging part !!!
For Second one, I'm not sure why there is repetition but I'll look into this issue.

@jywarren jywarren mentioned this issue Sep 6, 2019
Closed
@jywarren
Copy link
Member

jywarren commented Sep 6, 2019

Also linking to ongoing work and discussion in:

@jywarren
Copy link
Member

jywarren commented Sep 6, 2019

Let's also:

@jywarren
Copy link
Member

jywarren commented Sep 6, 2019

the last comment ☝️ really relates to some of the distinctions in this comment about the tag pages, too: #6247 (comment)

@steviepubliclab
Copy link
Contributor

Hi all! Great work on the profile pages. I like the feed function, but one thing I have been struggling with is that the main feed often isn't featuring what I'm looking for-- for example, most of the time I'm looking for people's recent research notes, questions and comments, and not looking for things they've recently tagged. Wondering if we could alter the feed to feature those things and leave the tags used to that nice looking section on the top?

For example, I got an email alert this morning that this person https://publiclab.org/profile/crispinpierce had commented on a question I had posted. So I visited their profile in hopes of finding other comments or posts they had recently made, but all I'm able to see from the front of their profile are tags which are already featured on the top of the page.

Thanks all!!

@steviepubliclab
Copy link
Contributor

on::

Let's also:

I think all the tags someone is subscribed to is nice. Might reduce the powertags there which are a bit confusing, see arrow below:
Screen Shot 2019-09-06 at 10 04 03 AM

@jywarren
Copy link
Member

jywarren commented Sep 6, 2019 via email

@CleverFool77
Copy link
Member Author

Hi !!! We get most used tags and notes according to that. But we can get the list of all notes through the links in sidebar.
Hi @jywarren Regarding third point, it looks like good idea.
And regarding second point. Do you mean the convert them into row in like 23 ques 44 notes etc above the topic cards ?

@CleverFool77
Copy link
Member Author

Hi @jywarren Should these be converted to permanently blue with underline instead of turning blue on hover.
So that we can know that its a link, and not just data which being shown.
As for a user who didn't about this, would think this as a text but not as a link. But by adding this color and underline. We would show it as a link.

Screenshot from 2019-09-07 11-05-38

Like this ?
Screenshot from 2019-08-31 22-11-01

@CleverFool77 CleverFool77 mentioned this issue Sep 7, 2019
Merged
@steviepubliclab
Copy link
Contributor

Hi again! I'll reply to your comment @jywarren in line here::

  1. we could screen out powertags in general
  • Great! I think this would be a good move.
  1. we could make the grey links in the right sidebar more obvious, or
    convert them to a row across the top of the main column, that lead to that
    author's comments, notes, and wiki edits
  • nice. for some reason the right hand side of the page isn't where my eye goes to look for more material, but that's just me I think. Wondering what it would look like across the top? Either way making it more clear they are links would be helpful.
  1. we could feature any note which the author has posted or commented on,
    sorted by recency, within the topic cards in the main column, so you can
    see recent posts, but in the context of the topic they belong to?
  • recent posts and comments sound good, but I'm not sure what you mean by "within the topic cards in the main column, so you can see recent posts, but in the context of the topic they belong to?" Can you clarify that part?

Adding one just because I don't think it was captured in this set, -can we cut out the feed on tagging people do on profile pages? I think enough information about tags is captured in the top section and the tagging people do as a action isn't as important on the profile pages as content they create.

@jywarren
Copy link
Member

jywarren commented Sep 9, 2019 •
edited
Loading

I like the blue link text, thanks, @CleverFool77. Just to get to @steviepubliclab's request to see how it might look at the top of the main column, we could try something like this, of course substituting better-suited icons, and the icons could be in grey:

image

"within the topic cards in the main column, so you can see recent posts, but in the context of the topic they belong to?"

Here I mean that the posts would be displayed within the topic cards, so they'd be grouped by topic. You can see an example of a topic card in the screenshot in this comment, too, and some example posts within that topic. For the profile, we'd list only posts to that topic by the profile author.

Re: the feed on tagging people do - do you mean the area labelled "Most common tags"? Here, we have tried to make a space to describe (using topics) the content that people /post/ -- the tags weren't necessarily made by them but they are tags upon posts by the author. This gets at the distinction between "following" a tag and being "a contributor" to that tag. The listing here is a representation of their being a contributor to a range of topics, so maybe it should really say most common topics contributed to

But as the discussion on #6247 gets at, there is some work to disambiguate this. We can go in different directions here, but having this short list of tagnames is a standard and compact way to list some topics, so if there is a different short list of topics you'd like to feature here, it's available. But if we decide it's just too much information (especially if we move the sidebar listing of authored content into the main column and it gets crowded), we can just remove it. What do you think?

@steviepubliclab
Copy link
Contributor

ok great. I like the links at the top with buttons to click on, but that's probably a personal preference. If it's busy with the "most common topics" section, maybe moving those to the side bar might make sense? just switching them I guess from what they currently are. Also, the phrasing there, it almost seems like "Most common topics" on PL rather than this person's profile. Wonder if we could clarify that this is "Most common topics username shares about" or something like that? I'm not attached to that, just thinking out loud. For naming and standardizing with the other thread, I'm good with whatever the group wants to go with. Here is sort of makes more sense to me to either do "Most common topics username shares about" or "topics username follows"

For the topic cards, would they bump up in order based on the most recent one someone had posted to? I think that would be good. Also, how do we choose which ones are featured? For example, I could post the same RN with tags soil and agriculture, which would the profile page show -- hopefully not both? For example, this is what mine looks like right now, but the midwest stuff I post is also related to frac-sand. Not a great example, because one is a geography but you get the idea:
Screen Shot 2019-09-09 at 2 23 10 PM

For the feed on the tagging people do-- Maybe this isn't what happened, but it looked for a second like whenever I went through and gardened adding tags to things, those things were showing up on my feed some thing like "stevie tagged research note with tag." Maybe not though?

@jywarren
Copy link
Member

jywarren commented Sep 9, 2019 via email

@ebarry
Copy link
Member

ebarry commented Sep 9, 2019

I liked the rough mockup.
i'm not sure if the icons are needed, but without them the horizontal layout might be hard to read, so i'm not sure on that.

Would Activities refer to activities created as well as activities attempted?

@jywarren
Copy link
Member

jywarren commented Sep 9, 2019 via email

@ebarry
Copy link
Member

ebarry commented Sep 9, 2019

what if we did not list Activities as a category? They would already be counted in notes.

@jywarren
Copy link
Member

jywarren commented Sep 9, 2019 via email

@steviepubliclab
Copy link
Contributor

+1 on lumping activities in with notes.

Just to clarify would the topic card only show the material the person who owns the profile posted or would it show posts from others who shared recently as well?

@jywarren
Copy link
Member

jywarren commented Sep 11, 2019 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
design issue requires more design work and discussion (i.e. mockups and sketches) discussion summer-of-code
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Make profile user links more prominent CleverFool77/plots2
5 participants
@jywarren @ebarry @steviepubliclab @CleverFool77 @gautamig54