What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 149 Stack Exchange communities.

This question already has an answer here:

We've launched! Please give feedback here.


Today, we're shipping the new "Activity Page" of the Profile here on Meta SE, so you can test it out and hopefully share some feedback and suggestions before we ship it network wide. Hate words? Assuming you're signed in, just click your face up in the top bar, and you can see it right now. Or, keep reading...

Quick Background

You may recall that we're breaking the current "profile" page into two views, to address two use cases:

  • The "Profile Page" - When you click someone else's user card, by default, you'll see a view designed to give a better overall summary of who they are: Their location, their "About me," what tech/tags they're most active in, their top posts, etc. This page has been live on MSE for a while, and you've given us a ton of great feedback, most of which is already live.

  • The "Activity Page" - When you click on your own user card, you should see a page emphasizing your actual activity - what you've done, how big an impact you've had helping others, and what you can go do next, if you're so inclined.

Note that both pages will still be visible to everyone (although some fields aren't, for obvious reasons). So, you can look at other users' "Activity" page, and your own "Profile", that's just not the tab that'll be displayed by default.

The Old Activity Page

Let's think about when you're looking at your own page, and start with what the old page (still live on the rest of the network) was good at. Here's the bottom of the page:

The Old Activity Page Bottom Half

It's efficient, and evolved over time, based on what power users told us they needed.

So, let's change it for change's sake! New Things are SHINY, and lead to a brighter - if poorly thought out and short lived - future! Huh. That's actually a pretty awful idea. So, let's leave the content, and pretty much everything else down there exactly how it was, and not mess up anyone's workflow. With the exception of some minor styling tweaks, the actual activity section you interact with today - both the content and the layout - is unchanged.

Now, lets take a look at the top of the page. Remember that the top part doesn't change when you drill down to different activity tabs; it's always there. Again, think of the case where you're looking at your own profile:

The Old Activity Page User Details

So, personally, I'm not that frequently going to my profile to, say... double check what my name is. Or confirm what city I live in. Or see if my age has changed. (Actually, the last one may feel like a waste most days, but ~0.3% of the time, it reminds me it's my birthday - YAY!)

Now, the point isn't that this was dumb design; it wasn't. When the page had to serve both use cases, this info made sense, but when you're looking at your own profile, there's no reason to always be showing you a bunch of things that A) you know and can't realistically forget, B) almost never change, and C) only do get changed by you.

So, we've replaced them, with a new section designed to better summarize your overall activity and contributions. And we've tossed some totally new features in, too.

The New Activity Page (aka "Top Boxes")

New Activity Page (Redesign of top half)

The basic goals were:

  1. Don't mess up the bottom part that's working, or make the top part any bigger
  2. Replace static, known personal data with dynamic, big-picture summaries of users' contributions
  3. Do more to help users track their contributions beyond rep and badge counts (more prominent stats on edits, flags, votes, and the new "People Reached" stat.
  4. Show users at all levels "what they can do next" and help more new ones learn the ropes gradually
  5. Address power-users needs better

I'm not going to walk through all the changes. I'd rather let you go touch it and share your thoughts, but here are a couple of features worth highlighting:

"Progress to next badge" bar automatically selects the badge you're closest to earning (or that's most logical to go for next), and tracks your progress toward earning it. It also helps walk new users through a slightly more guided intro, nudging them to read the "About" page, etc. For most badges, it not only explains how to earn 'em, but also links to a (mostly) logical place to go try to do so:

Badge Progress Tool tip

Progress to next privilege better conveys an attainable milestone, so users have a target to work toward that's a little less daunting than "catch Skeet". And it adapts for our most valuable users, too. Once you have earned all the privileges, you should first and foremost take a pause to celebrate how many frigging people you helped. (The "People Reached" stat is a nice rough estimate). Have a drink, maybe. But after that, we want you to be able to track goals, too, so the "next privilege" bar automatically switches to tracking your progress toward your closest tag badge. Plus, you can change it if you want to pick a different one (like this poor soul might want to do):

Badge Progress Loading Bar

The broader context:

As of now, both pages are live here on Meta, so you can try out how they work together. We're rolling out a couple of new features on the "Profile" side as well:

  • Dedicated fields to share your OSS projects or online presence (Dedicated fields for Github, Twitter, etc.) and new fields in the edit page for them. Note that they're totally optional, and leaving them out won't leave weird blank entries.
  • New "Hide a community" from my profile feature, (found on the "Edit & Settings" tab.) This came from community feedback, and helps users who may not want their SO Profile - which their boss might stumble upon - to prominently feature their top questions from, oh, I dunno...The Workplace, say. (It's not a true privacy setting, as the connection between accounts can be made with some work, like through the API, but it lets you control what sites are or are not featured on your profile page.)

Note: If you can, please post any suggestions or feedback on the changes to the "Edit/Settings" or the "Profile" page (the one others see) as a new post here on MSE. Ideally, we want to keep the answers here on this post focused on the activity side ("Top Boxes"), since that bit's brand new, and we want to see what suggestions there are important to the most people.

We LOVE it. But, as Joel keeps telling me, no one cares what I think.

We want to know what you think. Go touch it. Play with it. Tell us what you like (seriously). More importantly, what tweaks or adjustments should we make before we ship it network wide? Anything missing that you use all the time?

There are some places where we know we want to make some changes, but we wanted to wait for feedback to determine what approach makes the most sense. (For example, we're fairly sure more tooltips are needed, but having them everywhere makes a mess, so we did them for the most obvious places, but waited for your feedback before adding more, to see where they may be needed most.)

As always, thanks in advance for your feedback - it always helps us ship something better than whatever we started with.

share|improve this question

marked as duplicate by Shadow Wizard Apr 15 at 15:37

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

99  
The new badge progress page is awesome! But I fear it might lead to a lot of actions just for the sake of gettng the badge and not to improve the site. –  juergen d Feb 23 at 13:18
102  
I love how Balpha's next tag badge goal is for the status-declined badge. Way to encourage him! :-P –  Martijn Pieters Feb 23 at 13:25
15  
This is really minor, but the tooltip for "1,760 votes cast" says it includes accept votes, but I added my up & downvotes together, and it equaled 1,760, so I have a feeling it doesn't include accept votes. –  hichris123 Feb 23 at 13:45
11  
This isn't that bad.. From all the old designs I thought it would be terrible, but it's not that bad.. Now can I have the old design back please? –  ɥʇǝS Feb 23 at 15:28
11  
@ɥʇǝS, we'll accept that as the absolute best compliment we possibly could have received from you. And it's appreciated (for real). –  Jaydles Feb 23 at 15:29
24  
@Oded did you see how many words there are in this question??? Did you expect me to read them all? I just wanted clicky and oooo shiny. Is that too much to ask? –  Won't Feb 23 at 15:35
10  
@Won't - I'm with you. If only that was mentioned at the start of the wall of text. –  Oded Feb 23 at 15:36
19  
@Bigood, I know, right? (Everytime I draw anything in public, Jin, our Creative Director files a "hostile workplace" complaint with HR.) –  Jaydles Feb 23 at 16:42
10  
Tracking progress of every single badge: something that should have been in since version 1. So glad it is added now, and I can't wait until it's network-wide. –  TylerH Feb 23 at 17:16
15  
Don't have very interesting numbers on Meta... excited to see what the SO one looks like (and to know what my "next" badge is). –  Hogan Feb 23 at 19:41
60  
I can't really judge this based on my (tiny level of) meta.SE activity (I really don't care that it thinks my next most achievable badge here is Critic for example). I'd need to look at how it works on my most active SE site(s). I think it might be good, but how could I really tell, unless I can see how it would work on the one I deal with every day? If there was a link on my user pages "check out how the new page would look" ... that would let me give real feedback! I can get some idea from other people's pages, ... but it doesn't really show me the things I am actually most familiar with –  Glen_b Feb 24 at 0:42
21  
can we please have it now its so prettyyyyy –  sevenseacat Feb 24 at 8:29
55  
Gimmeeeee on SO now –  mplungjan Feb 24 at 10:15
11  
@NoviceSEMetaGeek, it's always dangerous to estimate shipping dates, but managing expectations can't hurt: There is some unrelated back-end design work on other sites that needs to happen first, plus we're cranking through changes based on the suggestions here, so I think we're hoping for something like 4 weeks until we can push it network wide. A little faster than that is possible, and a lot longer is always a risk, but we're hoping to come in a little under a month. –  Jaydles Feb 24 at 19:44
10  
That's a remarkably elegant piece of writing: beautifully poised, and doing a great job of expectations-management and change-management. Kudos to the author(s). –  EnergyNumbers Feb 24 at 20:51

147 Answers 147

Two points about the next-badge window:

  • The default for me was Autobiographer, so I thought the little pencil icon next to it was to edit my profile to get the badge, rather than to choose the next badge to track.

  • I can select Illuminator (gold) as the next badge to track even though I haven't even earned Explainer (bronze). The current badge progress bars shown in the review queues only show the next tiered badge. The next-badge selection should only show me the lowest tier I haven't yet earned, rather than just listing all possible badges. - we don't see a good reason to disallow tracking any badges. You are the one in the driver seat here, after all.

share|improve this answer
2  
"The next-badge selection should only show me the lowest tier I haven't yet earned, rather than just listing all possible badges"? Yes. –  E.P. Feb 25 at 16:52

Hovering over the (selected) badge progress on the main profile page darkens the badge colour and reveals the actual badge:

enter image description here

Now click on edit and hover over any of the listed badges' progress bar. No badge is displayed:

enter image description here

share|improve this answer

Not a big deal, but this doesn't seem quite good for users those care symmetry more than usual (at least for me).

In Activity and Edit Profile&Settings tab, Network Profile position is not in the same line with the object next to it (username).

Network Profile position

In profile.css, reducing top from 9px to 6px for .additional-links makes it better (however, I don't know if that class is used in any other elements).

share|improve this answer
1  
We recently changed the profile image size - we will be getting the links lined up too, no worries. –  Oded Mar 1 at 19:14

There are some strange things going on with the mobile site (I'm using Safari on an iPhone 4).

Reputation graph display issues:

screenshot iPhone weird rep display

Badge color confusion:

screenshot iPhone weird badges

Obsidian badges?

more iPhone weird badges

share|improve this answer

The number of questions per tag is not vertically centered, and is out-of-line against the x:

enter image description here

This is because .item-multiplier-count was given font-size: 10px; while .item-multiplier-x suffers from the inherited font-size of 13px. If the font-size: 10px; is unchecked:

enter image description here

Please make things line up. :)

share|improve this answer
1  
+1, this is critical bug. –  nicael Mar 4 at 15:02

In the page which lists my flags, helpful spam flags don't have a space between "spam" and "helpful" words (or, more apparently, "spam" has a too big padding-right)

share|improve this answer
3  
This has nothing to do with the new profile pages. No idea why you though this was a good place to post it. –  Oded Mar 6 at 14:40

- we changed the size to 48*48, which imgur supports, so the full, original, image will not download, but the cropped one will.

On the Activity tab, when I right-click on my avatar next to my name on the upper right and select "View Image", it loads a huge 1453x1453 version of that image (presumably the exact image that I uploaded for my avatar).

enter image description here

That means the Activity tab is loading the huge image and shrinking it in the upper right. I think it should load an image that has already been shrunk on the server.

share|improve this answer
2  
@hardmath That's weird, mine doesn't go to gravatar - it loads the full size image from i.stack.imgur.com. –  pacoverflow Feb 24 at 16:14
3  
We have two options for avatars - you can either use gravatar, or you can upload your own (which goes to our private imgur instance). That's why you're seeing two different behaviors...you and @hardmath are using two different services. –  Laura Feb 24 at 16:58

In "my logins", there should be more space between "change password" and "remove":

share|improve this answer

- this will be different on each site.

Please, for the sake of my eyes - can you do something about the border colors for the boxes. On my monitor they are barely visible and a huge distraction. Perhaps some more contrast?

enter image description here

share|improve this answer

I would really like to decrease the information distance on the other tabs, especially on Answers and Questions it would be useful. Please make the shiny (almost empty) top grey boxes appear only in the summary, so that I actually see my posts when I change the tab (currently, I have to change the tab and scroll, but most often I need to click one of the two or three posts, and the scroll could be therefore avoided).

enter image description here

share|improve this answer
6  
I disagree pretty strongly – if you hide the top boxes, then the tab navigation moves around. I never want the same set of navigation to move around on the page. (Besides that, they'd move to tabs directly under tabs and would probably look really ugly. :) ) –  Laura Feb 24 at 0:20
1  
@Laura Why would it float? You simply place it above the grey boxes. Also, the space from the tab title to the red line could be reduced. –  yo' Feb 24 at 0:28

enter image description here

Well, thank you :-) But congratulations for what? My birthday? Drinking a beer? Finally getting around to doing the dishes?

It seems the text is somehow 'behind' the grey box...

Going to the web inspector and removing a few characters seems to fix it:

enter image description here

This is Firefox 36.0.1 on Linux, but also observed in WebKit.

share|improve this answer

On the applications tab of settings, when I remove an application it looks like the request is AJAX'd in and the page jumps to the top. Could we make the page stay in the same place?

share|improve this answer

Tag scores definitely need some padding;

I'd suggest the same new border which is currently around rep changes and answer scores:

share|improve this answer

- with you in the next build.

My top tag is required tag, but it renders as usual (should have grey background, but has blue):

Also happens if the top tag is some mod-only red tag.

share|improve this answer

- The badges that were chosen for badge progress were selected with a few different constraints in place - one was for badges that we believe going after is a net benefit to the site. Another one was impact on performance / feasibility of progress tracking implementation. As result, some badges are not trackable at this time.

I love this new possibility to view badge progress.

Any plans to add to those stats "Tenacious" and "Unsung Hero"?

And also "Generalist" and "Pundit".

share|improve this answer
3  
The point of the progress bars is to encourage you to go take whatever action gets the badge. For the "consolation badges", it's not clear what action to take. Do you set out to write acceptable-but-not-upvote-worthy answers? (I still support showing progress, but the call to action is just weird.) –  Jeffrey Bosboom Feb 26 at 1:51

- this isn't selectable. As commented, the interval used is the one with the highest score.

I'm listed somewhere in the top 7% this quarter:

enter image description here

There's no indication on how to change this to "this week", "this year" or "overall".

share|improve this answer
8  
There isn't. It is auto generated, I think it shows your best score. –  Patrick Hofman Feb 24 at 11:10

- it is difficult to find a good place for this stat on the activity page, given the new design.

I miss the last seen item on the Activity page when pursuing the Fanatic badge, even when Fanatic badge is selected. Now it is on the Profile page only. I’d like to be able to tell if I have to do an action today, or if I have already done. I have some of my Stack Exchange profile pages in pinned tabs in my Firefox and the last seen field used to remind me to show some activity.

share|improve this answer

- if we do display hidden communities, this would be confusing (hey, why is it there - I just hid it!), as well as be inconsistent. The profile page should look the same to you as it does to others. The hidden communities are one click away.

If I hide my communities, can they not be hidden for me? It can be just applied the same background which is applied to deleted answers.

Also, an ability to (un)hide directly from the accounts section is great.

Like in this snippet:

$(".hide").click(function(){if($(this).text()!="unhide"){$(this).text("unhide");$(this).addClass("deleted-post");$(this).parent().parent().addClass("deleted-answer");}else{$(this).text("hide");$(this).removeClass("deleted-post");$(this).parent().parent().removeClass("deleted-answer");}})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><html><head><link rel="stylesheet" href="http://meta.stackexchange.com/content/stackexchangemeta/all.css?v=1489ba291cc6"></head><body style="height:100%;overflow:hidden"><div id="content" class="snippet-hidden"><div id="mainbar-full" class="user-show-new"><div><div id="user-panel-accounts" class="user-panel user-panel-left"><div class="user-panel-content"><table class="user-accounts lines" style="text-align:left"><tbody><tr><td class="icon-cell"><div class="favicon favicon favicon-lifehacks" title="Lifehacks Stack Exchange"></div></td><td><a  href="http://lifehacks.stackexchange.com/users/21/" >Lifehacks </a>&nbsp; &nbsp; &nbsp;<span class="hide">hide</span></td><td class="reputation"><span class="reputation-score">2,159</span> rep</td><td class="badges"><span title="6 silver badges"><span class="badge2"></span><span class="badgecount">6</span></span><span title="25 bronze badges"><span class="badge3"></span><span class="badgecount">25</span></span></td></tr><tr><td class="icon-cell"><div class="favicon favicon favicon-stackoverflow" title="Stack Overflow"></div></td><td><a  href="http://stackoverflow.com/users/2963652/">Stack Overflow </a>&nbsp; &nbsp; &nbsp;<span class="hide">hide</span></td><td class="reputation"><span class="reputation-score">1,776</span> rep</td><td class="badges"><span title="4 gold badges"><span class="badge1"></span><span class="badgecount">4</span></span><span title="8 silver badges"><span class="badge2"></span><span class="badgecount">8</span></span><span title="43 bronze badges"><span class="badge3"></span><span class="badgecount">43</span></span></td></tr><tr><td class="icon-cell"><div class="favicon favicon favicon-stackexchangemeta" title="Meta Stack Exchange"></div></td><td><a  href="http://meta.stackexchange.com/users/259214/">Meta Stack Exchange </a>&nbsp; &nbsp; &nbsp;<span class="hide">hide</span></td><td class="reputation"><span class="reputation-score">1,653</span> rep</td><td class="badges"><span title="3 gold badges"><span class="badge1"></span><span class="badgecount">3</span></span><span title="29 silver badges"><span class="badge2"></span><span class="badgecount">29</span></span><span title="82 bronze badges"><span class="badge3"></span><span class="badgecount">82</span></span></td></tr><tr><td class="icon-cell"><div class="favicon favicon favicon-craftcms" title="Craft CMS Stack Exchange"></div></td><td><a  href="http://craftcms.stackexchange.com/users/250/">Craft CMS </a>&nbsp; &nbsp; &nbsp;<span class="hide">hide</span></td><td class="reputation"><span class="reputation-score">1,055</span> rep</td><td class="badges"><span title="4 silver badges"><span class="badge2"></span><span class="badgecount">4</span></span><span title="26 bronze badges"><span class="badge3"></span><span class="badgecount">26</span></span></td></tr><tr><td class="icon-cell"><div class="favicon favicon favicon-emacs" title="Emacs Stack Exchange"></div></td><td><a  href="http://emacs.stackexchange.com/users/7/">Emacs </a>&nbsp; &nbsp; &nbsp;<span class="hide">hide</span></td><td class="reputation"><span class="reputation-score">866</span> rep</td><td class="badges"><span title="1 gold badge"><span class="badge1"></span><span class="badgecount">1</span></span><span title="6 silver badges"><span class="badge2"></span><span class="badgecount">6</span></span><span title="18 bronze badges"><span class="badge3"></span><span class="badgecount">18</span></span></td></tr></tbody></table></div></div></div></div></div></body></html>

share|improve this answer

- the design doesn't lend itself for another statistic, we also have a lot of different review queues. So, just showing a number here is not meaningful.

In that impact box (listing edits, helpful flags and votes), could we also include 'reviews completed'? I think this is an important counting statistic and would let users who keep working the queues even after getting those gold badges show off their dedication. (The top-20-all-time list in each queue a) only shows 20 users and b) isn't shown in the profile.)

share|improve this answer

Something is up with the votes spacing. It looks fine when I view my own profile: Image with appropriate spacing before "votes cast" text

But when I look at other people's profiles, the space before "votes cast" is missing.

Here's Jaydles:

Image with no spacing between votes and label text

And to show the number of digits don't appear to matter, here's nicael:

Another image with no spacing between votes and label text

And here's Robert Longson:

Another image with no spacing between votes and label text

These screenshots were taken on IE 11 on Windows 8.1, but I can also reproduce the behavior on Firefox and Safari (OS X). If I switch to private browsing, I also see the lack of a space on my own profile.

share|improve this answer

Badges are misaligned in a few places on the mobile web UI (iOS 8.1.3 on iPhone 6):

enter image description here

enter image description here

enter image description here

share|improve this answer
2  
+1, don't get a downvote on it... –  nicael Mar 4 at 13:12

The info pane when clicking on your next badge goes off-screen on the mobile web UI (iOS 8.1.3 on iPhone 6):

enter image description here

share|improve this answer

Hiding communities doesn't hide network posts and result is quite weird:

share|improve this answer
2  
@nicael - that looks like the anonymous view (I see that when viewing the profile in incognito), but not when viewing directly. Could be a bad if statement somewhere to do with mod/employee powers (alternatively, a bad if statement to do with anonymous users). Gives me something to chase tomorrow morning. –  Oded Mar 3 at 20:49
1  
@Oded I noticed this was status-completed, but now I've got the exact opposite issue with the same symptoms: I've lost all of my network posts and the communities still don't line up. Did I flip some "privacy" switch and forget about it? –  Kevin Brown Mar 6 at 15:16
1  
@Oded The problem is that I didn't hide those communities... I think? Meta.SE should actually be hidden. Perhaps I'm completely missing something, but even after hiding and making them visible again there doesn't appear to be a change. –  Kevin Brown Mar 6 at 15:21
2  
TBH, we are still figuring this piece out, in terms of how it should display (or not) to yourself, moderators and others. –  Oded Mar 6 at 15:24
1  
@Oded Ah, that makes much more sense. Wasn't completely obvious at first. :) –  Kevin Brown Mar 6 at 15:25

This was reported and marked as completed but the problem is (still? again?) here today:

Clicking on Track the next one after earning a badge fails:

*Track the next one* gives a *Unable to load popup* error message; handdrawn circles and arrows

The console tells me:

Failed to load resource: the server responded with a status of 404 (Not Found)

jquery.min.js:4 GET http://meta.stackexchange.com/users/activity/badge-card/next-badge-popup?userId=140890&isTagBadge=false&_=1425297184972 404 (Not Found)
share|improve this answer

The tooltips on the posts edited and votes cast are only on the number. Can they be expended, so they cover the text itself too, just like helpful flags?

no tooltip on text here

share|improve this answer

(though we can't repro the webkit issue you have - seems to be an issue with your fonts there)

Good work! I like it. One small thing I noticed:

The height of the "Impact" box is slightly higher than the other 2 boxes:

enter image description here

The top one is Firefox, the bottom one my WebKit-based browser; here the problem is exagerated due to the "~215 people reached" being broken.

This is not just me, I've seen this in the screenshots of a few other answers as well; and on this and this one it even seems slightly smaller...

share|improve this answer

We moved the position of the tooltip.

If my mouse trajectory towards "posts edited", "helpful flags", "votes cast" goes through "people reached", a tooltip, which appears very helpfully to explain what is "people reached", effectively blocks my way towards those links I mentioned.

E.g. I was going to "helpful flags" link...

And... whoops! I didn't expect this popup...

Can it have some delay plz? So the popup shows when I stop my cursor, not just pass this trigger. Don't make me make unnecessary laps around the link I need :D

share|improve this answer

Newest badge ≠ next badge, or does it?

This user got "Suffrage" 16h ago, so it can't be just caching? Anyway, looks pretty weird..

Edit: I understood why this happens. Once a user wins a badge, he can choose another one to track. But until he choose, next badge is his last earned badge. So I propose not to show "Next badge" if a user has already won it but hasn't chosen a new one to track yet.

share|improve this answer

On Chromium 40.0.2214.111 (Developer Build) Ubuntu 14.04:

Screenshot

On the Edit Profile & Settings page, the icon overlaps with the text.

This also happens on Firefox 36.0, also Ubuntu 14.04. Though I can see in screenshots from other answers that this does not happen to everyone.


- though this answer now qualifies on this post for other reasons (having score of 5 or more)

P.S. I call BS on the "Impact" algorithm.

Before I posted this answer, my "Impact" was in the hundreds. Let's take a look at it's value now, half an hour after posting this answer:

Screenshot

And guess how many views this question has:

Screenshot

share|improve this answer
3  
Hmm. This answer shouldn't get you the views for this question; there are too many "above" it. Thanks - we'll investigate. –  Jaydles Mar 4 at 3:17
1  
Can you confirm the first issue is fixed for you? Still looking at the impact algorithm. –  Oded Mar 6 at 12:22

In the profile page, please don't put the username inside the 'about me' box. As it is, when you scroll down in that box, you can't see the user's name any longer. I see no reason for that.


enter image description here


enter image description here

share|improve this answer

Not the answer you're looking for? Browse other questions tagged .