Performer profile page UI enhancements

[echo6ix]

Following the theme of my other front-end UI concepts #108 , I think each performers page, http://localhost:9999/performers/n, could act as their profile, summarizing their content on Stash.

This concept utilizes #120 (performer tags feature enhancement request), #118 (side panel performer list feature enhancement request), and #123 (broadening the scope of galleries)

1. The default profile page showing the performer's bio.

The attached image is self-explanatory. Some notes are:

• The performer's "profile" image would be different from their main image that's currently displayed throughout Stash. Because the profile image would have smaller dimensions a user can focus on a cropped image of just the performers face.
• The performer can be favorited and unfavorited directly from the header at any time by clicking the heart icon (icon via FontAwesome).
• Birthdate is displayed in a user-friendly verbose format (Month, D, YYYY)

2. Profile page showing the performer's images from galleries per #123 (galleries gridview and other enhancements)

• Images displayed as cards, as scenes are. I wanted to add rounded corners, but I suck.
• Clicking an image shows it in "full-screen" mode like Lightbox, where the user can navigate to the prior or previous image, or can escape out of full-screen mode.

3. Profile page showing the edit panel

Yet again, it's self-explanatory in the image. The only real difference is I have showed the option
to upload a profile image.

Profile image

It would be interesting if the user not only had the option to upload a profile image, but to crop the existing cover image (their default Stash image) into a profile image. This would be similar to how social media networks let you upload a profile image and crop it using a locked aspect ratio (to fit the ratio we display on the profile)

4. Profile page, scenes, and channels

• The scenes panel would quite obviously display all the scenes the performer was assigned to
• The channel panel would display the card thumbnails of all the channels aka studios per [Feature] Parent studios #115 a performer was found to be tagged in.

[Leopere]

Marking this for a Needs list item as this view definitely needs opinions and improvements.

[Ch00nassid]

I was in dicord today looking to see if a function like this could be implemented for the many profile pics that i have for many of my performers. I'd like the opportunity to choose and rotate between pics for variety :)

[manofgloss]

Is it also worth making a gender field? Obviously the scraper only scrapes from Freeones which is female only, but at least have the option for manual adding

[synsyn93]

Thought about opening an issue but maybe would fit here.

Add: Ratings (1-5) for performers.
Add: Play Random, like the recently introduced scene functionality. You could select a filter with multiple performers and/or ratings then randomize your play list from that.

[malconfig]

If I am to nitpick on this, it would be that the Month, D, YYYY format should maybe be customizable according to either a list of presets or up to the user to decide, as it's barely used outside the US & Canada if I am to trust Wikipedia.
Other than that, it looks pretty nice.

[rainchaser210]

A couple of other enhancements for the performers page:

Add: Weight - actual (kg/lb) or options (tiny, avg, bbw, etc). Actual weight can often be scraped from various sites, so perhaps use that for the future option of scraping it.

Add: Extra URL boxes. You could add ones for the popular sites like pornhub, freeones, modelhub etc but it would probably be easier to just have generic URL boxes.

Add: A text box we could use for a description, notes, history, whatever.

A bunch of other things would be nice to have also, but if the performer tags are implemented, most could be accomplished with that.

[echo6ix]

Add: Extra URL boxes. You could add ones for the popular sites like pornhub, freeones, modelhub etc but it would probably be easier to just have generic URL boxes.

An alternative to a x amount of URL boxes is one multi-line URL box. The app could use some simple regex to parse out popular links and display them with an associated icon. Every url not found then gets displayed with a generic url icon or something like that.

[GsMumbo]

One thing we keep missing here is the UI itself. A performer is a person, and when the user goes view a performer they want to be immersed in who that person is. Right now though a performer it feels more like an object in a database.

For example this is the performer page today, complete with the addition of the detail field:

It’s a long list of random facts about the performer. Don’t get me wrong, they’re all facts that are useful for various reasons, but I don’t really know who this is by glancing at them. The description helps, but it’s almost to the bottom of the list.

I think there’s some value in taking some inspiration from other profile pages. For example here’s IMDBs:

Note how the bio is directly below the profile image. When you go to that page, you can immediately start learning who they are. There’s also some metadata directly below the bio, presented horizontally so it fits with the general flow of the page. Also you have sections with their photos, videos, etc. still and they’re neatly integrated and positioned in a good place on the page. It feels like a profile vs a database entry.

In this example, Trakt pulls in metadata from a few different sources. The bio is still front and center, and you have some important links and data in the left hand area. There’s also a banner / hero image up top to provide some punch and variety.

Finally we have Instagram. I included this one as they already have a service built exclusively around images and video, just like Stash. As such, they have the tabs below the bio that let you switch between the different type of media, similar to the tabs that Stash has (Studio, Images, Galleries, etc). Again though, in this example the most important details of the performer take center stage, and thus it feels accessible and coherent.

I think the Performer pages can really be awesome, the focus just needs to shift a bit away from presenting as much data as possible, and over to presenting the most important data, while keeping the focus on the performer themselves. That of course doesn’t mean you can’t also show the rest of the data, but it might be good to relegate some of the smaller, short tidbits of data to a sidebar or drop down section of some sort.

[jeremymeyers]

As an additional point of reference here's how ThePornDB does it (censoring for gh)

[Ch00nassid]

Here is a sample of what the performer pages looked like in Porn-vault:

The banner is labeled as a "hero" picture

The primary thumbnail is displayed and if you hover over it, it would display a secondary thumbnail. This would allow for "sets" to be used for particular performers.

There was also an option to use an "avatar" which was a circular headshot for the actress similar to freeones:

I'm not trying to pile on but I thought i would offer these examples to provide more ideas :)

[echo6ix]

• If I knew how to fork the project and modify the UI I would take influence from that Instagram page. The layout is near perfect for Stash's content imo. Very simple, clean, doesn't try to overwhelm you with content, and organized
• I like how ThePornDB presents the Performer's spec sheet
• Never been crazy about PornVault's performer page. Never understood the appeal of a hero image personally. It takes up quite a bit of real estate just to say 'hey here's the performer'. and you have to scroll to get the content you're there for. I like that they incorporate related data such as the names of ppl the performer has been in scenes with -- it would be perfect to use that on the Instagram style page where the small circular avatars appear.

[GsMumbo]

Just checking in on this issue, is there anything still needed to help push this forward? I'm definitely down to put a bounty on it, but given that it was opened in 2019 I want to make sure it's still on the radar first.