Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design onboarding theme choice page for new themes #1459

Open
tijlleenders opened this issue Sep 2, 2023 · 4 comments
Open

Design onboarding theme choice page for new themes #1459

tijlleenders opened this issue Sep 2, 2023 · 4 comments

Comments

@tijlleenders
Copy link
Owner

tijlleenders commented Sep 2, 2023

Is your feature request related to a problem? Please describe.
It's a pity some people get put off by the default peachy-pink theme when we can have all kinds of options.

Describe the solution you'd like
Add an easy theme selector to the onboarding flow. The current theme selector is not appropriate for a first-time user being onboarded. Maybe there should be two choices ; dark vs light mode + a primary color choice.

The light/dark mode should be based on new designs from @Tushar-4781 where the background is mostly white or black depending on the theme.

Finding a good solution to this could mean resolving #1167 and #1166 at the same time.
The same interface used here could/should be re-used in the Theme switcher popup.

Describe alternatives you've considered
Accept we're "losing" the first impression based on looks and focus on the target segment/niche. This is not acceptable as we're primarily targeting couples right now and often they have opposing taste... Losing a big part of the niche when we can accommodate for it in the onboarding is not ok.

Additional context
Be careful not to show actual previews of the app as user testing has proven that people think it's the actual app - and then abandon because they can't read it or zoom in and try to tap on the image.

This could be as easy as showing a popup with light/dark toggle button, and a color selector:

Image

Image
NB: Replace "Brand color" with "My color"

@tijlleenders tijlleenders moved this to temp to drag faster in ZinZen® Sep 2, 2023
@tijlleenders tijlleenders changed the title Design theme choice selector page including white theme Design theme choice selector page including light theme Sep 2, 2023
@tijlleenders tijlleenders changed the title Design theme choice selector page including light theme Design theme choice selector page for new themes Sep 2, 2023
@tijlleenders tijlleenders changed the title Design theme choice selector page for new themes Design theme choice page for new themes Sep 2, 2023
@tijlleenders tijlleenders moved this from temp to drag faster to Parking lot in ZinZen® Sep 8, 2023
@tijlleenders tijlleenders changed the title Design theme choice page for new themes Design onboarding theme choice page for new themes Oct 15, 2023
@webAbhi
Copy link
Contributor

webAbhi commented Nov 2, 2023

As per my understanding i am listing down key points below, Let me know if i am missing anything

  • Need to add customisable design modal in onboarding flow, where user can select theme along with a primary color. let's assume this modal will be show up just after user selects his/her language.
  • This same design modal will be available on home page to edit theme and toggle dark mode (not sure if we want to consolidate these 2 options into a single options like change theme).
  • Completely remove current update theme flow from homepage.

Can you assign this to me ?

@tijlleenders tijlleenders moved this from Parking lot to In progress in ZinZen® Nov 2, 2023
@tijlleenders tijlleenders moved this from In progress to Parking lot in ZinZen® Nov 13, 2023
@tijlleenders
Copy link
Owner Author

@webAbhi Putting this back to the backlog - as it's been 2 weeks.

@webAbhi
Copy link
Contributor

webAbhi commented Nov 14, 2023

Hey @tijlleenders, i was a bit busy lately. will let you know if i can pick this up in some days !!

@tijlleenders
Copy link
Owner Author

@webAbhi Thanks for the update.

Yeah sure, life happens!
No worries and no rush. Just pick it up when you have time and energy.

@tijlleenders tijlleenders moved this from Parking lot to low prio in ZinZen® Mar 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: low prio
Development

No branches or pull requests

2 participants