[1878] Improve user profile layout [Redesign concept] | Voters

[1878] Improve user profile layout [Redesign concept]

Patroll

The new profiles contain less information available at first glance, things are all over the place (e.g. pronouns next to Verified 18+ next to represented group), elements appear big. I believe in having more things at glance, no layout shift (things moving other things), better grouped information, less empty space - better effectiveness and readability in short. 
I put together my slightly reimagined version of the design in the attachment that might better convey what could be improved.
2 screenshots - before and after

4 days ago

Tetra 98SE

Sorry to be hateful, but the ui before this was way better than what VRChat is trying to roll out. Part of the reason I went out of the Unity 6 Beta.

Edit: I'm gonna hate it a lot more if they continue to roll out the ui onto the main client.

Venclaire

Great concept. I feel like the new user profile is an improvement, but it feels way too large and does not display as much information as I would like. Your concept hits the marks that I want

Ronnie Pawpad

Almost half the furries in my friends list or various groups right now.

(not a criticism just funny :>)

RiverOceano

The’ll get over it

Illucio

Already a large improvement.

ombe_

Gonna mention the "Read more" on the new UI from the beta, when clicking on someone full profile, why is it not displaying the full bio if the "full" profile is displayed, if it's only the preview one from the one handed menu sure, but after clicking on someone's preview I'd expect to have everything shown by default and not need to click that.

(On top of the fact that the "Read more" button is prtty small and I've already missclicked like 10 times trying to display someone's full bio in the preview)

TheCreationKing

I made my own redesign concept and suggestions as well, https://feedback.vrchat.com/open-beta/p/1878-the-new-social-menu-ui-feedback-and-suggestions
Though I didn't end up designing a concept based on other player profiles, mine was an edit of your own local profile. One thing yours is missing though is an area for the note.
Here's the image of the redesign as well. My post goes over why I made each change, but like yours most of it boils down to wanting it all in 1 screen.

Patroll

Thank you everyone for the amazing reaction! This was of course put together on a single evening so there's still room for improvements, but I believe - as many agreed - it at least conveys what is the better expectation of the usability of the profiles

Kydd_

i dont even know why they changed the ui in the firstplace, it looks really bad now

elsyian

In general: the information-density on the new UI is really low compared to old version. So similar changes to side-wings, and listings as well.

(I know you're thinking "but the nooobs! think of the noobs! when faced with ~50 controls in one menu!" and the answer is: menu option for information density defaults "low" so you've got your onboarding-shallow-water, switchable to high for bloomberg-terminal-mode. At several hundreds of friends, and in events, these are super important controls!)

Lightning4D

Same color for friend names affects some menus differently and should be looked at again too. Not as easy to distinguish between friends and non-friends in the location 'Here' tab anymore for example, as it's missing the new yellow border.
Could be resolved by just including the yellow friend border in all menus, as shown in mockup below.
Also group banners are kinda weird now, and the other mockup below is just an idea for a different solution.
In addition to the nameplate custom styles like the cube thingy, could just have group banners show up like that. Would eliminate the need for a group banner above the nameplate, outside of the menus. (And would show a represented group in all menus, which seems neat to be honest.)
But it would clash with custom nameplate styles being sold, eh, could be a choice to represent instead of custom style I guess.

→

Photo Viewer

Photo Viewer

Photo Viewer

Photo Viewer