zubhub
zubhub copied to clipboard
unstructuredstudio
Search is broken for non-logged in users
*Issues Problem 1: When searching for projects project suggestion menu does not show up Problem 2: Searching for creators leads to blank page Check the embedded video for more clarity
To Reproduce Steps to reproduce the behavior:
- Go to https://zubhub.unstructured.studio when you are not logged in.
- Select "Projects" option from the dropdown, type a keyword in the search bar and try searching for a project. See error.
- Select "Creators" option from the dropdown, type a keyword in the search bar and try searching for a creator. See error.
- Select "Tags" option from the dropdown, type a keyword in the search bar and try searching for a tag. See error.
Expected behavior Solution 1. Each of the three options should direct users to the corresponding project, creator, or tag search results. Solution 2. Disable the search bar completely and not have non logged in users have access to key features. Solution 3. Restrict search to first 4-5 results. Then below the page, show "Log in to view more" button.
Need input from project maintainers & designers which option might be better.
Screenshots
https://github.com/unstructuredstudio/zubhub/assets/107268558/2f63ecfa-e03a-4739-8c7f-e28dcfcc8ff9
@srish If a non-logged in user should not have access to projects, creators and tags, I think it would be a good idea to simply disable or remove the search bar entirely. Alternatively, we can leave the search bar and when a non-logged in user clicks on it they see a pop-up that says “Sign Up to view projects” and a “Sign UP” CTA. What do you think?
I tried and it worked for me
it was clearly said above "For non-logged in users" and your screenshot is showing you're logged-in
@srish If a non-logged in user should not have access to projects, creators and tags, I think it would be a good idea to simply disable or remove the search bar entirely. Alternatively, we can leave the search bar and when a non-logged in user clicks on it they see a pop-up that says “Sign Up to view projects” and a “Sign UP” CTA. What do you think?
I think we should disable the search for non logged in users, except if we are to make search through feature project only.
@srish, @tuxology I'm calling your attention to this issue
@yokwejuste @Temabo Your suggestions makes sense and I second that we remove the search for unauthenticated users. We already have a set of projects showing up on the hero page and there is a CTA reading - "Login to view more". So removing the search completely should be fine.
@srish A better solution to this would be @khallow7 ‘s Solution 3.
The Search feature should be available to all types of users, just a little restricted for non-logged on users. Show users 4-5 search options that match search input, then ask them to Login/Signup for more search results.
@srish I think the search bar should not be removed for none login user when they search and see the platform have the project they are looking for, when they click on view a modal will pop up asking them to sign in or sign up to view in that case this will encourage to take the actions
From a developer perspective, accessing projects on the site necessitates a request to the /creator/${username}/projects endpoint, which requires a valid username parameter. This implies that users must be logged in to access this functionality.
Additionally, the presence of the bar enhances the overall design aesthetics. It might be worth considering implementing a feature for "global projects" that can be viewed even when users are not logged in, thus enhancing the accessibility and visibility of projects to a broader audience. Something like sample projects
From a developer perspective, accessing projects on the site necessitates a request to the
/creator/${username}/projectsendpoint, which requires a valid username parameter. This implies that users must be logged in to access this functionality.Additionally, the presence of the bar enhances the overall design aesthetics. It might be worth considering implementing a feature for "global projects" that can be viewed even when users are not logged in, thus enhancing the accessibility and visibility of projects to a broader audience. Something like sample projects
Hmm, interesting. The point is to motivate users to log in to the platform. I don't think having "global projects" will help in that. It will be the same as showing "all projects" before logging in.
Not really, @khallow7. I believe users should have insight into the app's functionality before committing to an account. Implementing a feature showcasing sample projects is crucial in this context. It can serve as a compelling incentive for users to engage with the platform. Regarding login, these sample projects should be visible, but users should be prompted to log in to access additional content.
Not really, @khallow7. I believe users should have insight into the app's functionality before committing to an account. Implementing a feature showcasing sample projects is crucial in this context. It can serve as a compelling incentive for users to engage with the platform. Regarding login, these sample projects should be visible, but users should be prompted to log in to access additional content.
For insights into the app's functionality, there's a "featured projects section" just below the hero section to do that exact thing.
Roger that! Design wise, I think this feature shouldn't be removed. Maybe let's prompt the user to login first once tries doing this action, then redirect back to this page. How about that @khallow7?
HI @khallow7 @coderatomy @srish i redesigned a landing page header concerning what you discussed . i personally think the long search bar is not needed, i decided to make it small i also replaced the profile logo for a CTA button (Sign in). then instead of the long search bar i think the nav bar would direct users to where they need to go on the landing page. what do you think ?
Roger that! Design wise, I think this feature shouldn't be removed. Maybe let's prompt the user to login first once tries doing this action, then redirect back to this page. How about that @khallow7?
It would be super useful if we could do some A/B testing to test which works the best with users.
Nice work @Marhiposa. Am curious to know if the search bar won't show up once a user is logged. Am not privileged to decide. But this LGTM, thanks alot.
Ohh! I see. I think this is better looking and pretty straight forward. Though I agree with @khallow7, an A/B test can help in such a scenario
@GloriaKaduru @ladyami
I see it from your POV as well, This way non-logged in users get an overview of a few of the projects they would have access to after they sign up.
@srish @khallow7 I designed what I think the Search Feature should look like for non-logged in users.
Exploration 1: Showing a brief overview of what the search results are but restricting them from looking further by prompting them to log in or sign up.
Exploration 2: Having a pop up come up when they try to make a search. I made this variation because I figured that the first may not be as simple as this to code and may require the seach query to be pulled everytime. Also, the copy is more generic and can be used for any search category (Projects, Creators or Tags)
Please let me know your thoughts on which design fits better. Here's the link to the design file. https://www.figma.com/file/nyUduEpFmVZ05xA8rt28Mt/Search-Feature-For-Non-Logged-In-Users?type=design&node-id=0%3A1&mode=design&t=iJYzp3aXqBCLdeOf-1
@GloriaKaduru very clean design! I am leaning towards the first exploration, I believe it works. Although, Zubhub buttons are rounded with a corner radius of 20px
@GloriaKaduru @ladyami
I see it from your POV as well, This way non-logged in users get an overview of a few of the projects they would have access to after they sign up.
@Temabo You are right That is Ux standard I think
@srish @khallow7 I designed what I think the Search Feature should look like for non-logged in users.
Exploration 1: Showing a brief overview of what the search results are but restricting them from looking further by prompting them to log in or sign up.
Exploration 2: Having a pop up come up when they try to make a search. I made this variation because I figured that the first may not be as simple as this to code and may require the seach query to be pulled everytime. Also, the copy is more generic and can be used for any search category (Projects, Creators or Tags)
Please let me know your thoughts on which design fits better.
wow Good job @GloriaKaduru look really Amazing but if you can decrease the font size on the first screen "log in or sign ........." text it will look more Amazing and the second screen log in to your zubhub account..........., you can remove zubhub in the sentence and also decrease the size
I tried and it worked for me
it was clearly said above "For non-logged in users" and your screenshot is showing you're logged-in
My mistake
@GloriaKaduru I really like your design and the first exploration seems best because it prompts the user to sign in.
@srish @khallow7 I designed what I think the Search Feature should look like for non-logged in users.
Exploration 1: Showing a brief overview of what the search results are but restricting them from looking further by prompting them to log in or sign up.
Exploration 2: Having a pop up come up when they try to make a search. I made this variation because I figured that the first may not be as simple as this to code and may require the seach query to be pulled everytime. Also, the copy is more generic and can be used for any search category (Projects, Creators or Tags)
Please let me know your thoughts on which design fits better.
In my opinion, I'd go for the first exploration because it enables the first time users to have a glimpse of what the featured projects are, and also it would make them to sign up to know what the project details is about.
@srish If a non-logged in user should not have access to projects, creators and tags, I think it would be a good idea to simply disable or remove the search bar entirely. Alternatively, we can leave the search bar and when a non-logged in user clicks on it they see a pop-up that says “Sign Up to view projects” and a “Sign UP” CTA. What do you think?
Yeah I think this works. If a non-logged in user clicks on the search bar, they should be redirected to a sign up/sign in screen.
@srish @khallow7 I designed what I think the Search Feature should look like for non-logged in users. Exploration 1: Showing a brief overview of what the search results are but restricting them from looking further by prompting them to log in or sign up.
Exploration 2: Having a pop up come up when they try to make a search. I made this variation because I figured that the first may not be as simple as this to code and may require the seach query to be pulled everytime. Also, the copy is more generic and can be used for any search category (Projects, Creators or Tags)
Please let me know your thoughts on which design fits better.
wow Good job @GloriaKaduru look really Amazing but if you can decrease the font size on the first screen "log in or sign ........." text it will look more Amazing and the second screen log in to your zubhub account..........., you can remove zubhub in the sentence and also decrease the size
Sure, that works.
@GloriaKaduru I really like your design and the first exploration seems best because it prompts the user to sign in.
Thank you!