Simplifying the profile picture change

AI-generated summary

Users are discussing a proposed feature to simplify changing profile pictures on Discourse by allowing users to click directly on their avatar image—similar to LinkedIn—to trigger a modal for uploading a new photo. MihirR initiated the suggestion, noting the current process is cumbersome. NateDhaliwal and MihirR clarify the idea targets the profile page’s top avatar, not the user card. Lilly points out that Don has already built relevant components, including the compose center, which offers an easier path to change avatars via the compose route. MihirR humorously vows to follow Don’s work more closely. Jagster acknowledges using the compose center for this purpose but admits it’s not intuitive for new users, and admits forgetting to inform users about it. Don explains the avatar modal is currently restricted to the preferences/account route, though he’ll recheck. Jagster suggests the effort may not be worth it unless direct avatar-click access is planned, joking about falling behind documenting Don’s ever-evolving components. The consensus leans toward leveraging existing tools while acknowledging the UX benefit of direct avatar interaction.

Was thinking, wouldn’t it be great to introduce a feature, similar to LinkedIn, where users can update their profile picture directly by clicking on the round frame, triggering a seamless pop-up? The current process feels slightly cumbersome with extra steps. Implementing this feature would not only streamline the workflow but also significantly elevate the overall profile page experience.

2 Likes

So instead of opening the user card, it opens up the modal to change your avatar?

2 Likes

Don has a theme component for something like this.

3 Likes

I mean, when you go to your profile page, instead of seeing ‘Settings’ and then ‘Account,’ it would be great if you could just tap on your image to change the picture.

1 Like

As in, the one right at the top of the page, above the Expand button?

2 Likes

Yes! Would love for it to be easier for members to change their pic!!

2 Likes

Yes, exactly right there.

i just remembered that Don’s excellent compose center component also makes this easier.

7 Likes

It seems like @Don has already built all the components I would ever need, so from now on, I’ll stalk his work before posting. Also, thanks @Lilly for sharing :))

3 Likes

I totally forgot that, even though I use it too.

But still — it isn’t the most obvious way to change a profile image using the writing route. That was one strong point for me to start using the compose center, though. I thought it might be an easy way to make the reply button fear fade away when a new user uses it to change their avatar. And then I forgot to tell users about that option :man_facepalming:

1 Like

If I remember correctly we use the route there because the avatar selector modal is restricted to preferences/account route. :thinking: but I will check it again.

2 Likes

Save your time. I don’t know that is such big deal — unless you have plans to give direct access via clicking a profile picture.

Plus I just documented that option for my users, and I’m already lagging behind that job, mainly because your components have changed playground so much :joy:

2 Likes