Oshi Shrine Feature
Amrayu78
There's 2 steps to this:
- [💖 Become a Fan] → These buttons are on People and Group pages. Adds to user profile. I am currently building out the updated Person/Group flows, so stay tuned for this. For now, just add a Become Fan Button. Once added, this will show up on the user's profile as "💖 Oshi: Person's name or Group's name"
If a user becomes a fan, then they can create an Oshi Shrine page:
- [✍️ Add Oshi Shrine] → Starts shrine creation flow which is below.
General goal of this Oshi Shrine feature:
Let users create fan shrine pages.
Upload pics of their merch/collection.
Post their favorite scene or drama moment.
Write a love letter or review.
Others can “Nyan” or comment. Comments can be disabled by creator of the shrine.
For later: ✨ Gamify it: Most liked shrine this month = featured on homepage.
Mockup for Oshi Shrine:
Amrayu78
Max Romanchenko: New feature when you get the chance. It's a big one.
Max Romanchenko
Amrayu78 Thanks for the mockup. But it sounds complicated...
We need to break it down into steps to make it work.
Let's talk about the buttons first. I'm not quite sure how the process of becoming a fan works.
Step 1. BUTTONS. đź’– Become a Fan button.
- Only visible when logged in, right? Or button can trigger the login form popup if not logged in, like the Nyan button?
- Where on the person/group profile should the button be placed?
- When the user clicks on the button, the button text changes to You're a Fan, right?
- When and where does the ✍️ Add Oshi Shrine button appear?
- Are two buttons necessary? This will mean that not everyone who clicks the “Become a Fan” button will create an Oshi Shrine page.
- Does the user automatically become a fan by clicking on the button, or will you approve each one?
- The user can only add one Oshi Shrine for each person/group, right?
- Will the ✍️ Add Oshi Shrine button be similar in functionality to the Adopt me button? That is, will it lead to the Oshi Shrine add form with a preselected person/group?
- Can a user create an Oshi Shrine not from a person/group page (and possibly without being a fan) but from the Add form page and select a related group/person? Similar to how it is done with subtitle projects. A project can be added by clicking Adopt me or simply linking it in the Add new project form.
General questions - Is this the optimal and cleanest way to create an Oshi Shrine? Is the Become a Fan button necessary? After all, if the user has not created an Oshi Shrine, the Become a Fan button becomes the same as adding to bookmarks. Once we figure out these details, I will be able to move forward.
2-3 screenshots showing where the buttons will be placed would be very helpful.
Thank you!
Amrayu78
Max Romanchenko: Hopefully I can answer everything.
- Only visible when logged in, right? Or button can trigger the login form popup if not logged in, like the Nyan button? <-- Like Nyan button
- Where on the person/group profile should the button be placed? <-- Next to Nyan button (or under poster image)
- When the user clicks on the button, the button text changes to You're a Fan, right? <-- Yes, but it will also show the "Create Oshi Shrine" button. This will nudge users to Create an Oshi Shrine.
- When and where does the ✍️ Add Oshi Shrine button appear? <-- Once a user "Becomes a Fan", prompt users if they want to create an Oshi Shrine or not. If yes, take them to Create Oshi Shrine flow. If not, the button will appear on the Person/Group's page, but also in the user's profile.
- Are two buttons necessary? This will mean that not everyone who clicks the “Become a Fan” button will create an Oshi Shrine page. <-- Only one button is necessary initially, but once triggered, the second button will prompt the user to create an Oshi Shrine.
- Does the user automatically become a fan by clicking on the button, or will you approve each one? <-- They automatically become a fan (no approval)
- The user can only add one Oshi Shrine for each person/group, right? <- Yes.
- Will the ✍️ Add Oshi Shrine button be similar in functionality to the Adopt me button? That is, will it lead to the Oshi Shrine add form with a preselected person/group? <-- Yes! Similar functionality as Adopt me button, but anyone that has a good standing account can use it.
- Can a user create an Oshi Shrine not from a person/group page (and possibly without being a fan) but from the Add form page and select a related group/person? Similar to how it is done with subtitle projects. A project can be added by clicking Adopt me or simply linking it in the Add new project form. <- Yes, allow users to Create an Oshi Shrine from Add form page.
Once a user becomes a fan, add confetti on the page to celebrate.
Max Romanchenko
Amrayu78 Thanks for the details, I've already started working on it.
I have a question about this part:
“... If not, the button will appear on the Person/Group's page, but also in the user's profile.”
But, there can be many buttons...
Perhaps a screenshot of the user's profile is needed.
How I imagine it.
Create a new section in the user profile on the left “Oshi Shrines” (like a Watchlist, Downloads...)
Display a list of people/groups that the user clicked “Become a fan” on and indicate whether a Oshi Shrine page has been created, if not, display the “Add Oshi Shrine” button opposite this title.
Amrayu78
Max Romanchenko: Yes! You're headed in the right direction.
I've mocked something up in the meantime.
Max Romanchenko
Amrayu78 I'm sharing my progress with you. It's partially working already, so please test it and let me know if it's what you had in mind. We may need to make some adjustments before we go too far.
For now, here are my questions for the next step:
- Will Oshi Shrine have a separate page/archive? Or will it be like episodes, in a tab?
- You indicated in Canva that Oshi Shrine will be linked to Dramas, Movies, and Specials. But the primary link is to a person or group, right? That is, the link to the title is created when the user adds their top credits for the person/group?
- I think the primary link (to a person or group) cannot be edited, right? Otherwise, it will be confusing when all the content/comments are dedicated to one person, and if you allow editing, there may be misunderstandings. In that case, you just need to delete the page and create one for the correct person/group.
- Top titles are not just a search by Drama, Movie, and Special, but a search by credits of a related person/group, right? It can be cast, crew, or music, am I correct?
Amrayu78
Max Romanchenko: I'll test in more detail later today, but on initial testing, I found that after I became a fan and wanted to create an Oshi Shrine, the field wasn't pre-filled with the person/group's name.
The URL shows as undefined:
https://drama-otaku.com/add/?type=oshi-shrine&related-id=undefined
Amrayu78
Max Romanchenko: Once created, the page fails to load anything.
https://drama-otaku.com/oshi-shrine/calling-all-yulunas/
Max Romanchenko
Amrayu78 Thank you for your comments. Yes, the Oshi Shrine template does not show anything yet. But the posts themselves are being created and can be seen in the admin panel:
https://drama-otaku.com/wp-admin/edit.php?post_type=oshi-shrine
Amrayu78
Max Romanchenko got it. What about the prefill when you create an oshi shrine?
Max Romanchenko
Amrayu78 I'm working on it and will fix it soon.
Max Romanchenko
Amrayu78 I fixed it.
Max Romanchenko
Amrayu78 I also think that something could be improved, such as the step-by-step creation of Shrine. After all, this is for users, not administrators, so it should be more fun. I also think that it is difficult, but it would be better to abandon the Shrine editing form and do completely inline editing of blocks directly on the Oshi Shrine page. This should improve the user experience. What do you think?
Amrayu78
Max Romanchenko What do you mean abandon Shrine editing form? You mean adding from the nav?
Also let me answer your questions from earlier, I was a bit busy this morning with grocery shopping and other chores, so I couldn't answer.
Will Oshi Shrine have a separate page/archive? Or will it be like episodes, in a tab? <-- Yes, let's have a separate archive page like custom lists. I want users to be able to see what shrines are available. I think it's also a good idea to put every available shrine for a person/group in a separate tab too? Will this be too intensive on the db?
You indicated in Canva that Oshi Shrine will be linked to Dramas, Movies, and Specials. But the primary link is to a person or group, right? That is, the link to the title is created when the user adds their top credits for the person/group? <-- I was initially thinking to add this Oshi Shrine to Dramas, Movies and Specials too, but a Drama, Movie, Special is very short-lived and not sustainable. You can ignore my comments about this.
I think the primary link (to a person or group) cannot be edited, right? Otherwise, it will be confusing when all the content/comments are dedicated to one person, and if you allow editing, there may be misunderstandings. In that case, you just need to delete the page and create one for the correct person/group. <-- Yes, we do not want users to edit an actual Person/Group page. There will be comments on an Oshi Shrine though like Custom Lists.
Top titles are not just a search by Drama, Movie, and Special, but a search by credits of a related person/group, right? It can be cast, crew, or music, am I correct? <-- Yes, that's correct.
Amrayu78
Max Romanchenko: So there's one scenario I forgot about. A user at any one time should be able to "un-oshi" from a person/group.
Let me think this through and what that would look like. For now, I think you have enough to work on to keep you busy. lol
Amrayu78
Max Romanchenko: Here's the mockup for the Person page: https://www.canva.com/design/DAGq2ghQkas/3MnijdT_AMm50XlRf99WOA/view?utm_content=DAGq2ghQkas&utm_campaign=designshare&utm_medium=link2&utm_source=uniquelinks&utlId=h9722281dc5
Max Romanchenko
Amrayu78 Thank you for your answers.
- What do you mean abandon Shrine editing form? You mean adding from the nav?
- No, I meant the form itself. That is, there won't be a large “Edit Me!” form, but rather something custom, like adding titles to a list or cast in a title. That is, inline editing of Oshi Shrine. This is due to the complexity of the structure and functionality.
- I think it's also a good idea to put every available shrine for a person/group in a separate tab too? Will this be too intensive on the db?
- Yes, I think moving it to a separate tab is an separate solution that will help keep the content and functionality organized in a separate tab. I will do this with performance in mind.
- I think the primary link (to a person or group) cannot be edited, right? Otherwise, it will be confusing when all the content/comments are dedicated to one person, and if you allow editing, there may be misunderstandings. In that case, you just need to delete the page and create one for the correct person/group.
- Sorry for the misunderstanding. I meant not allowing editing of the relationship between the Oshi Shrine and the person/group. For example, if Oshi Shrine was created for person A and all the content is about him, there is probably no particular point in allowing the user to reconnect this Oshi Shrine with person B...?
- A user at any one time should be able to "un-oshi" from a person/group.
- Could you explain in more detail, please?
Currently, we have a Become a fan button (it has two states: add fan/remove fan) and a second button that creates Shrine. This is already functioning. If you need anything changed, please let me know.
- New question: if a user did not click on the Become a Fan button but went to the Oshi Shrine creation form (without person preselection), is that allowed? Or should it be restricted since he is not yet a fan...?
- Is the featured image needed for Oshi Shrine?
Max Romanchenko
Amrayu78 Perhaps this should be considered after the work on Oshi Shrain is complete? Some things may change during the process. What do you think? I'm a little lost right now and don't know what to do first, my head is a little heavy because of the number of tasks... )
- New Known field: I don't understand, can you give an example of what type of field this is, whether we have similar ones, and an example of a specific person would be very helpful.
Amrayu78
Max Romanchenko: Yes, you don't need to focus on this piece yet. Once you're done with the Oshi Shrine, updating the people/group pages will be easier. I just wanted to add this before I forgot. Let me update the main post so this doesn't get lost in the comments.
Amrayu78
Max Romanchenko:
- What do you mean abandon Shrine editing form? You mean adding from the nav?
No, I meant the form itself. That is, there won't be a large “Edit Me!” form, but rather something custom, like adding titles to a list or cast in a title. That is, inline editing of Oshi Shrine. This is due to the complexity of the structure and functionality.
------->Yes, inline editing is OK.
- I think it's also a good idea to put every available shrine for a person/group in a separate tab too? Will this be too intensive on the db?
Yes, I think moving it to a separate tab is an separate solution that will help keep the content and functionality organized in a separate tab. I will do this with performance in mind.
---> Thanks.
- I think the primary link (to a person or group) cannot be edited, right? Otherwise, it will be confusing when all the content/comments are dedicated to one person, and if you allow editing, there may be misunderstandings. In that case, you just need to delete the page and create one for the correct person/group.
Sorry for the misunderstanding. I meant not allowing editing of the relationship between the Oshi Shrine and the person/group. For example, if Oshi Shrine was created for person A and all the content is about him, there is probably no particular point in allowing the user to reconnect this Oshi Shrine with person B...?
---->Yes, do not allow editing of the relationship between Oshi Shrine and Person/Group.
- A user at any one time should be able to "un-oshi" from a person/group.
Could you explain in more detail, please?
---->
I'm attaching a screenshot that's in the Person's mockup.
Currently, we have a Become a fan button (it has two states: add fan/remove fan) and a second button that creates Shrine. This is already functioning. If you need anything changed, please let me know.
---->
Change "Become a Fan" to "Adopt Oshi"
"You're a Fan" to "Your Oshi" (see attached screenshot).
New question: if a user did not click on the Become a Fan button but went to the Oshi Shrine creation form (without person preselection), is that allowed?
-----> No.
Or should it be restricted since he is not yet a fan...?
---> Correct, they need to be a fan first.
Is the featured image needed for Oshi Shrine?
----->Yes, because they may not like the default photo that we've uploaded.
Amrayu78
Max Romanchenko: I've split the person pages from this canny. Tagged you in the other one. Feel free to work on that after we're done with Oshi Shrine. Thanks.
Max Romanchenko
Amrayu78 Thank you for splitting this into two tickets.
Let's go back to the first step - the buttons.
I still don't fully understand the process of creating a Oshi Shrine and what new processes should take place at each step. Any additional information would be greatly appreciated. Here are my questions:
- The “Become a Fan” button becomes “Adopt Oshi.” Currently, “Become a Fan” becomes “You're a Fan.” Do you want the text “Adopt Oshi” to replace “You're a Fan”? After all, in order to adopt Oshi, the user must first become a fan, correct? At what stage will the user be prompted to create an Oshi Shrine in this case? I'm confused, sorry. Could you write in more detail so that I can better understand it?
For example, when you click on Adopt Oshi, the following actions are performed: 1, 2, 3...
- “Your Oshi“. What does it mean to be adopted by a user? Is an Oshi Shrine created for the current person/group?
At what stage will he be prompted to create an Oshi Shrine?
- Drop Oshi. I understand that the Oshi post itself will not be deleted during this action, but the drop date and possibly the status of this post will be updated. But does the user remain the author of this Oshi post? Will it be displayed or moved to drafts? Probably only the author of this Oshi can change its status again, right?
Sorry for the extra questions, I'm just a little confused about the buttons, How many will there be at each step?
I want to see the entire process clearly and transparently from start to finish so that I can design it correctly. Thank you.
Amrayu78
Max Romanchenko: I'm attaching some notes that I added to the Canva link (you can view it there too scroll to the right).
Become a Fan = Adopt Oshi
Let's change "You're a Fan" to "Oshi Adopted" (this is more clear).
If user drops an oshi, be sure to ask user if they are 100% sure.
Max Romanchenko
Amrayu78 Thank you for the diagram and details! It helped me a lot.
I have a question about this step (Drop Oshi)
- User clicks button, record date, this is recorded in Dashboard
- I think recording the drop date only makes sense if Oshi Shrine was created, right?
Amrayu78
Max Romanchenko: I think it should be recorded for both Oshi Shrine and when users Adopts an Oshi.
Some fans may only want to add an Oshi to their profile to show it off and they may not want to create an Oshi Shrine.
Let me mock something up to show this on the user's dashboard.
I've mocked something up and attached it. We may need to create a separate tab for Oshis itself, but allow users a way to "feature" their fave oshis on their user dashboard. Let me know what you think and I can mock that up.
Max Romanchenko
Amrayu78 Thanks for the information.
I still have some questions.
I just want to make sure that this is what you want.
I will describe how it works now.
The Become a Fan / You're a Fan buttons work on the same principle as the Bookmark or Nyan! buttons.
I understand that you want to make it more functional. We will need to store the status, creation date (click), and drop date (if any).
If the user clicks Adopt Oshi again after dropping, the drop date will be deleted, right?
And all this should be stored not in Oshi Shrine, since not every user will want to create it, as you mentioned earlier.
- Adopt Oshi date -
will be recorded in the user's profile when they click on the Adopt Oshi button, right? (I previously thought that this was the creation date of the associated Oshi Shrine, see screenshot). As I understand it, this is not the case, and the date is considered to be the click on the Adopt Oshi button.
And another question:
“I think it should be recorded for both Oshi Shrine and when users Adopt an Oshi.”
Scenario: The user clicked Adopt Oshi (but has not yet created a Shrine), and the date was recorded somewhere.
Then the user creates a shrine. In this case, what should be considered the date of Oshi adoption?
____________________
Drop Oshi
Is the drop date recorded only if the user created a Shrine, or in both cases?
Another scenario.
The user accidentally clicked Adopt an Oshi, and the person/group appeared on their profile. The user then clicked Drop Oshi, but this did not delete the Oshi, but moved it to the Dropped Oshi tab...
So it is now impossible to completely delete it from the profile?
In addition to the confusion with the buttons and their states, we also need to manage Oshi Shrines, which will also have their own Actions and editing forms.
Is this the optimal workflow? Please consider my questions as an attempt to understand the overall goal and don't be too harsh on me, pretty please ;)
All changes are possible, I just want to clarify whether I understood everything correctly. Because you mentioned Subtitle projects as an example, but there everything is simpler—when I click on Adopt Me on Drama page, I am immediately offered to create a Project post, and drop status is a term for an already created project.
Amrayu78
Max Romanchenko thanks for the questions. These are all valid questions. I realize that I’m trying to overoptimize and over complicate these dates. Let’s keep it simple. Let’s not auto record the dates when this Become a Fan button is pushed. If the user clicks it, then give them an option in the dashboard to add a date or year. Once a fan wants to drop an oshi, that’s when the drop oshi date field appears in the dashboard. I think this will be easier to maintain. So this is like a three part feature, oshi list, oshi shrine, and the person page.
Amrayu78
But once a date is filled out in the oshi list, these dates can be also added to an oshi shrine if they exist.
Max Romanchenko
Amrayu78
Thank you for the explanation, but I would like to ask... again :)
- Is it something like a watchlist with its start and end dates?
- Both dates are optional. The user can set the creation date and the drop date, correct?
- I think the user's date input should be standardized, like a calendar? What do you think?
- Will these dates be displayed somewhere other than the user's profile?
- Could I ask you for a mockup of date management in the oshi list?
Amrayu78
Max Romanchenko:
Is it something like a watchlist with its start and end dates?
Yes.
---
Both dates are optional. The user can set the creation date and the drop date, correct?
Yes.
----
I think the user's date input should be standardized, like a calendar? What do you think?
Yes, calendar is fine, but manual input should be available too like Drama Air dates.
----
Will these dates be displayed somewhere other than the user's profile?
They should also display in Oshi Shrine if available.
----
Could I ask you for a mockup of date management in the oshi list?
Yes, let me work on that right now.
Mockup attached. I think we should move Oshis to the left nav as a separate tab. On the user dashboard homepage, only feature the top three for a user, let the user reorder them in Oshis (like Custom List order). If they have more than three, allow users to view all by expanded in a drawer. The Oshis on the user dashboard homepage should be bare minimum like what you have now (no editing features), just data and a link to the Oshi Shrine.
Also added another screenshot to show the 2 separate functions (user homepage and Oshis). This is also available on the Canva link (at the top) https://www.canva.com/design/DAGq1qyILgE/E5qeAbf1BCIUPds797o-BA/view?utm_content=DAGq1qyILgE&utm_campaign=designshare&utm_medium=link2&utm_source=uniquelinks&utlId=h42cb1ec064.
Amrayu78
Max Romanchenko I've answered these questions, but I'm sure you have more questions after you look at my answers. lol
Sorry that this is so complex, but it helps that we discuss this through.
Max Romanchenko
Amrayu78 Thanks for the mockup and details, I think that's enough :)
Am I correct in understanding that the drop date is automatically set to the current date (if the user clicks yes in popup promt) and this date can be edited (pencil icon)?
__________________
I also have a question about the menu on the left. I would like Oshi Shrines and Oshis to be combined somehow and displayed together. Would it be too much to create two nav link in the menu for Oshi and Oshi Shrine?
Or do you want to have them separately in the menu?
Amrayu78
Max Romanchenko
Am I correct in understanding that the drop date is automatically set to the current date (if the user clicks yes in popup promt) and this date can be edited (pencil icon)?
---
Yes, you can auto set the current date, but allow the date to be edited after.
---
I also have a question about the menu on the left. I would like Oshi Shrines and Oshis to be combined somehow and displayed together. Would it be too much to create two nav link in the menu for Oshi and Oshi Shrine?
Or do you want to have them separately in the menu?
---
Good idea, let's combine them then. Let's just name it Oshis.
Max Romanchenko
Amrayu78 I've made progress with the buttons, user dashboard, date editing form, and manual reordering. Please check it out before moving on.
Amrayu78
Max Romanchenko: I tested everything and it is working as expected.
One thing though. The reordering may be problematic. Is it possible to add a "reorder" toggle first, and then allow users to reorder? I'm scared people will reorder accidentally and it may be frustrating. This is what happened with cast before.
Max Romanchenko
Amrayu78 Done, please check it.
Amrayu78
Max Romanchenko Great! It's working.
Can you rename the text? I just want things to be concise as possible.
Reorder Mode = Reorder
Done Reordering = Done
Max Romanchenko
Amrayu78 Sure, done.
Amrayu78
Max Romanchenko Thanks! This is piece is good to go.
Max Romanchenko
Amrayu78 I have a question about the Username's Collection photo section.
Will the uploader, as in the episodes where you can also add a caption, meet the requirements?
I also think that a separate page for all photos is unnecessary. I can add a “Show more” button or use a slider.
Amrayu78
Max Romanchenko Yes! This works for the user's collection photo section.
Amrayu78
Max Romanchenko There is one thing that I've been meaning to ask. Is it difficult to allow users to go to the next image like a gallery but in expanded/zoomed in view?
- user clicks one image and it expands
- user clicks on left/right arrows so they can see the next image in the same view.
- user clicks X to close out this expanded view
Max Romanchenko
Amrayu78 Thank you!
I don't think we need a separate page for all the photos. I can make a “Show more” button or a slider. What do you think?
Amrayu78
Max Romanchenko Maybe a show more button then.
Max Romanchenko
Amrayu78 Of course, I'll think about it, it definitely makes sense.