691

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.

marked as duplicate by Shadow The Princess Wizard discussion Apr 15 '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.

  • 100
    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 '15 at 13:18
  • 106
    I love how Balpha's next tag badge goal is for the status-declined badge. Way to encourage him! :-P – Martijn Pieters Feb 23 '15 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 '15 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 '15 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 '15 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? – user1228 Feb 23 '15 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 '15 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 '15 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 '15 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 '15 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 '15 at 0:42
  • 21
    can we please have it now its so prettyyyyy – sevenseacat Feb 24 '15 at 8:29
  • 55
    Gimmeeeee on SO now – mplungjan Feb 24 '15 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 '15 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 '15 at 20:51

147 Answers 147

3

That's great you added new fancy tooltips (can be seen when hovering some stat in the "Impact box"). But the standard tooltips still appear, so they overlap the new ones (however my screenshot doesn't reflect it as it was taken from mobile).

So I propose that the standard ones shouldn't be shown when the new ones work (which would happen if there is something wrong with loading javascript or you just disabled it).

  • Just in case anyone is wondering "Where is the standard tooltips!? I don't see any..." on the screenshot, I believe it's not captured... but it's there. – Meta Andrew T. Mar 6 '15 at 11:00
  • @And yes, the screenshot is taken on mobile, while this problem exist on desktop :) – nicael Mar 6 '15 at 11:01
  • The excessive tooltips were removed. Should only have been used in a handful of places. – Oded Mar 6 '15 at 14:28
  • @Oded what about the second request... – nicael Mar 6 '15 at 18:12
  • Not sure I follow. – Oded Mar 6 '15 at 18:29
  • @Oded wait, seems that you removed the new tooltips? – nicael Mar 6 '15 at 18:42
  • Yes, the new style tooltips were supposed to go only in a small number of places... I went a bit overboard and then removed them from where they shouldn't have been. – Oded Mar 6 '15 at 18:43
  • @Oded Then everything okay :) – nicael Mar 6 '15 at 18:44
  • 2
    I don't believe you say that... what, no more bug reports? – Oded Mar 6 '15 at 18:45
  • @Oded I mean okay with this bug report. – nicael Mar 6 '15 at 18:45
  • I know... was just making a joke ;) – Oded Mar 6 '15 at 18:46
3

The Top tags section looks pretty messy to me.

I presume these little coloured circles refer to some kind of badges, but something about the nesting and changing numbers of labels on each level is confusing to my eye.

I'd prefer a nested scrolly-table myself.

Top Tags

3

On Samsung Galaxy S5 in Chrome, I am seeing that when I click to choose a badge to track, the background is not fully darkened, there is white space on the right.

  • We'd expect one to use the mobile theme on a phone... – Oded Mar 11 '15 at 13:22
3

Fixed, it will be live after our next production build.

The following applies to

  • OS: Windows 8.1
  • Browser: Chrome 41, IE 11, Firefox 34

For some reason, the labels on the y-axis of the reputation graph are out of alignment with the grey bars on my end.

not-aligned

Looking at a couple of images in this thread (especially those posted in March), it appears that I'm not the only one, though there are others without issues.

I mucked around and found out that using the CSS values

  • top: -3px (originally -1px) in .card.rep-card .graph-col .values
  • margin-top: 3px (originally 7px) in .card.rep-card .graph-col .values li

seems to fix the alignment on my end.

fixed alignment

3

Number of days connected should be on the activity page. It changes every day, and I want to see it.

In fact, it's currently the main reason why I go to my profile page (I'm trying to get the Enthusiast badge). I know — I can set the next badge to Enthusiast. But still, I think this info should be on the Activity page. It's mostly useful to me, not to a random visitor to my profile. And if they're actually curious about this, they also probably are about the rest of my activity anyway.

  • You mean "visited X days, Y consecutive"? Only you see it, it's not displayed for other users viewing your profile. – Shadow The Princess Wizard Mar 9 '15 at 13:22
  • Yes, this one. If only I can see it, then my request makes all the more sense. It should be on the Activity tab. – KPM Mar 9 '15 at 13:52
  • But it's not an activity, it's only a nice to have statistics, like the other stats in profile. – Shadow The Princess Wizard Mar 9 '15 at 14:22
  • 2
    This is duplicate of my report, which was considered status-bydesign. – Palec Mar 9 '15 at 18:52
  • 1
    Well then I feel it is bad design. As per the description, the Profile is aimed at other users. What's the point of adding there a stat that only I can see? And Shadow I disagree, it is an activity to connect to the site. Otherwise why would there be a badge for it? – KPM Mar 9 '15 at 19:09
3

Badges look strange on mobile (Nexus 5, Chrome, default settings)

enter image description here

  • Mobile is still semi-broken, and getting semi-fixed. – Jaydles Mar 11 '15 at 16:16
  • Looks like this is fixed now. /cc @Jaydles – Shadow The Princess Wizard Mar 24 '15 at 12:13
3

The 'Votes' button is on the next line:

enter image description here

I now no longer have '20' next to reputation, so it's "fixed".

Firefox 36.0.1 on Linux; also observed in WebKit.

3

After clicking on 'choose what badge to track':

enter image description here

The content seems too large for the dialog? I'm also not sure about the location of the 'Search for a badge'-field? Shouldn't that be next to the buttons?

Firefox 36.0.1 on Linux; also observed in WebKit.

3

Three-digit rep gains are misaligned in the mobile profile page and the upvotes are black (which was recently fixed for the desktop version of this profile page):

  • 1
    Not only that, but the number overflows to the next line if it's a bit wider, e.g., 140: the last digit ends up on a new line. (Didn't take a screenshot when that happened, unfortunately.) – user259867 Mar 12 '15 at 21:11
3

- thanks for reporting. With you in the next build.

This seem minor, but inconsistent: <rep> Rep. would look better than <rep> req., even if it is just to match up with the "tooltip":

enter image description here

The unit-of-measure is not "required", but "reputation".

3

I get a 404 - Not found when I click on posts edited in my profile.

enter image description here

The link points to https://meta.stackexchange.com/users/133638/jehof?tab=activities&sort=revisions

3

Really, who thought that the number of your recent names is clickable?

Yes, I know that it was clickable also in the old design, but it's time to fix it.

  1. Style it like link

  2. Even better, make the whole phrase clickable

3

The mini-reputation graph tooltip is showing decimals.

mini-repuation graph

Since reputation is always a whole number (and all of the numbers display .00 anyway) it should only display whole numbers. This seems to be new behavior.

(Windows 7 Enterprise, Internet Explorer 9 (9.0.8112.16421))

2

It appears that there are a few bugs to work out, but still leaves me wondering when you are going to roll this out to other sites on the network?

  • Are you going to release a site (or sites) at a time, or one big roll out for all of StackLand?
  • If you are going to roll out a couple of sites at a time, might I suggest a few

    • Anime and Manga
    • Code Review
    • Computer Science
    • Chemistry
    • Japanese
    • Cryptography
    • Blender
    • English Language Learners
    • Music

    Give us a little something to hold us over until we get our full-fledged site design, unless doing so will push us further back on the site graduation roll out

    NOTE: These are beta sites that have graduated but are waiting on site design and to have the new privilege levels turned on.

  • What does the timeline look like for this change to spread over StackLand?

  • 3
    Not that I mean this as an implication about anything to do with you personally, but this list honestly looks like a list of favourite topics of a number of computer scientists I know. So I have to ask, why these sites? Why not SO, SU, DIY, Skeptics, Mi Yodea, or Physics? (Just to name a few examples) Why these sites? – Jim Feb 24 '15 at 15:14
  • 3
    These are beta sites that have graduated but are waiting on site design and to have the new privilege levels turned on. – Malachi Feb 24 '15 at 17:10
  • 1
    We don't have a specific timeline for rolling this out. First, there are bugs and requests posted here that need to be fixed. Other than that, there is a bunch of backend work being done on our .less files for all the sites (to make them more consistent and allow new features to be promoted to all sites quickly) that is work-in-progress. We would like to roll it out to all sites in one go, but if that is too long in the future, we will have to select sites by .less readiness :( – Oded Mar 3 '15 at 21:17
  • Thank you for the response @Oded, I appreciate it. I like the new look and feel and am very excited for it. thank you guys for everything you do! – Malachi Mar 3 '15 at 21:44
2

- not everyone wants to click in order to get the information. Agreed this isn't giving all the information some of the time, but it is useful to have directly in front of people.

I would get rid of the information display next to the privilege and badge progress bars:

enter image description here

While they may relay the correct information in some instances - particularly when there is only a single requirement to satisfy, other instances will not be accurate in terms of this information. For example, as displayed above, the Electorate gold badge has a dual requirement in terms of the

  1. total number of votes on questions; and
  2. the proportion of votes on questions.

Other question may have more complex requirements. And in any these more complex cases, which one would be chosen to represent the visible requirement. Hence the suggestion to just get rid of it - free up the space perhaps for something else (or less-is-more).

The on-click display shows all the requirements necessary.

Related suggestion: https://meta.stackexchange.com/a/250052/168244

2

- this will be different on each site.

Please add borders around the scores of accepted q&a, as it is done with the scores of non-accepted ones, for consistence and to make those scores of accepted answers not look visually smaller, at least for me, than the scores of non-accepted (because they have quite light background)

2

In the IMPACT box on my Activity page, it says that I have "2 posts edited". But when you go to my activities/revisions, you will see that I have 5 total edits.

OK, so the 3 earliest edits are to my own posts, and I realize that the system is excluding edits to my own posts. But my other 2 edits are to the same post, so it's not accurate to say "2 posts edited". It should say "1 post edited" or "2 edits" or "2 total edits".

1

- there is no pointer indicator here, so there is nothing to suggest it is clickable. This doesn't seem to be a problem for most people.

Urge to click

Empty white box made me click it, as if doing so will switch it to green.

urge to click

1

enter image description here

I'm not sure if this relates to the new layout but bugs me now I can see it...

Other than the whitespace being odd, generally around the text and image, the 'Network Profile' baseline is 1px lower than the username baseline.

  • Current version of chrome on Win8.1 – AirCombat Mar 8 '15 at 10:59
1

On click reputation graph reloads full page

I noticed that reputation graph can be clicked. So I did, page reloaded and something happened. After a few clicks I noticed that it is actually switching to reputation tab on lower pane.

It should not reload a full new page. As full page reloads user can not notice what is actually changed on the page. Only the reputation tab in lower pane should be reloaded and highlighted.

  • And your point is... ? – Shadow The Princess Wizard Mar 9 '15 at 8:29
  • @ShadowWizard It should not reload a full new page. As full page reloads user can not notice what is actually changed on the page. Only the lower pane tab should be reloaded. – LifeH2O Mar 9 '15 at 8:39
  • 2
    This still doesn't make much sense. Every tab click reloads the page with the selected tab displayed, why make the graph different? – Shadow The Princess Wizard Mar 9 '15 at 8:59
  • 2
    @ShadowWizard When one clicks on tab, he knows what he is doing. I had no idea that graph is clickable and when I found that, it took me sometime to figure out what it is doing. – LifeH2O Mar 9 '15 at 9:04
1

Badge elements and alignment is marginally off on mobile:

enter image description here

As specific reference, in the above:

  1. Gold, Silver and Bronze badges could/should fill to the width of the other boxed content;

  2. Little badge circles don't line up with the numbers the way they do with the Informed badge.

  3. The Illuminator badge height is different from that of Informed.

1

Low privilege requirements seem fine on mobile:

enter image description here

However, anything requiring 10,000+ rep is misaligned:

enter image description here

Also don't know why the badge dot is suddenly showing.

  • My suggestion here might be to use the traditional K-rouding from 1K upward. That seems the only feasibly thing under the circumstances. – Werner Mar 19 '15 at 14:16
0

- this graph is not meant to be a fully featured reputation history graph.

Maybe you would consider showing the mini-tiny-cute graph since the moment when I created my account there, or make it scrollable? I am sure that I started from 101 rep, not from 2.7k.

enter image description here

  • 10
    We have the full graph for this, no need to make the tiny graph complicated. – Shadow The Princess Wizard Feb 23 '15 at 14:17
  • 5
    @ShadowWizard Actually, it seems there is no full-sized version of the above graph. Clicking the mini-graph brings up something rather different. – user259867 Feb 23 '15 at 15:40
  • 3
    @Fam It is in the network profile. But what if I just want a quick overview and don't want to search for this graph in the network profile? If this graph is going to exist, it is better to make it more informative in the way I pointed. – nicael Feb 23 '15 at 15:43
  • 2
    @Fam indeed, it opens the reputation tab which is expected. I like it the way it is, small and minimalistic, what I do miss is link from the profile page right to the network profile reputation graph. This would make a fine feature request, e.g. link in the per-site profile reputation graph. – Shadow The Princess Wizard Feb 23 '15 at 15:47
-1

Flair text

Any reason that text is in a big box? And what's with all the empty space?

  • 6
    Why not? I like it like this. :) – Shadow The Princess Wizard Feb 23 '15 at 13:59
  • We mostly didn't change these pages (other than making them work with the left nav). There are a lot of tweaks that we can make to make em more intuitive, but we decided to push that to after we ship the new stuff. – Jaydles Feb 23 '15 at 15:54
-3

- these are links that the user put in themselves as part of their "About Me". And we will not default these or any other links to open in a new tab. Because we like to keep our users in control of their browsers. That's why middle/wheel clicks exist.

Following all 3 links should open in new tab instead of same tab :

[ Twitter ] - [ Steam ] - [ Amazon Wishlist ]

It would be more cool and suitable if above links open in new tab when user click. So user can be on profile after click also.

  • 2
    We have steam and amazon wishlist links? Where? – Oded Feb 26 '15 at 10:21
  • 2
    Its in "Profile page". in section "animuson" – Helping Hands Feb 26 '15 at 10:39
  • 16
    You have an "animuson" section in your profile page? – Oded Feb 26 '15 at 10:40
  • 1
    NO , I am talking about this : meta.stackexchange.com/users/141525/animuson – Helping Hands Feb 26 '15 at 10:41
  • 3
    I see. Helps if you give full details. And no, we are not doing this. Taking control of default browser actions? Nope. – Oded Feb 26 '15 at 10:43
  • okay..thanks for clarification. – Helping Hands Feb 26 '15 at 10:43
-3

I don't know if you have noticed but there is a ridiculous amount of white space that totally wastes my monitor size.

  • 8
    Anything specific? As it stands, this is not actionable nor constructive. – Oded Mar 9 '15 at 10:51
  • @Oded I wish it was specific, but excessive white space is pretty much everywhere. Comparing white spaces / margin sizes between the old and the new UI would be a good place to start. – Franck Dernoncourt Mar 11 '15 at 3:42
-3

This UI is a min-maxer's paradise. Which may or may not be what you want.

Of course, I went straight to try to earn the next badge, "Critic", by randomly downvoting the question, and when that didn't get me a badge, downvoting the first answer to it. Well, shucks, I still don't have the badge, and it won't let me downvote comments. So is it broken, or what? Where's my shiny badge?

I'm decently sure that inspiring people to game the system like this isn't the point, but it's what this interface does. That's probably a bad thing.

And I didn't get my badge even after following the instructions, so that seems broken, or you need to explain in the UI that there may be a delay in getting the badge, or whatever. At the moment, it feels wonky and nonfunctional if I do what it tells me, but get no confirmation or payoff.

[Edit: badge has arrived, but it's not letting me undo my downvotes. That wasn't explained, it just told me I had to do it to get a badge. Yeah, new UI seems bad for encouraging system-gaming without also showing the more complex issues.]

[Edit2: this response was because testing something involves finding the ways in which it might break or be exploited. Whether I'm wearing the hat of programmer, security consultant, QA tech or usability tester, the first thing to ask is "what are the failure modes?" - the two points above leaped out at me, as UX issues. I'm interpreting downvotes as "other people performing the same test" rather than "people annoyed that I tested the ways in which this new UI might break" - however, it'd be good to post a comment or answer indicating whether your experience was similar and how it compared: more data points always better.]

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