UIX Issues for the Onboarding flow

mghenciu commented 10 months ago

What problem does this address?

In this issue I'll address the complaints from users about installing Otter, and also some other minor UIX enhancements.

What is your proposed solution?

Making clear Otter & Optimole will be installed

This is the new suggested flow, which makes it clear that Otter is required in order for the templates to run properly. Users will have the option to choose between a Simple template (which is not using Otter at all) and the Custom templates that have Otter as requirement.

Using this approach, the decision to Install Otter/Optimole - is more informed.

https://github.com/Codeinwp/wp-maintenance-mode/assets/52494172/f1e2a25d-141b-4249-a5b7-69f90edd0d85

Additional notes:

by default, the first Custom template will be selected (which requires Otter) when users enter the flow
I've added also a Recommended label, to highlight that for a better experience - we recomand those templates
if the user Clicks to uncheck the Enable Otter Blocks - Page Builder box, then the selection will go the Simple template
if the user clicks I don't want to use a template, I think we should just use the Simple one (no Otter or Optimole is installed). Or we can remove this button entirely, and have to flows: 1 with Simple Template (no otter) and 1 for Custom Templates (Otter required).

Other nice to have things I noticed, while researching for this feature:

[ ] when using a Template with a Countdown, those are set to May 2023, meaning that they will show 0 0 0 0. Ideally, those should already work and show time that it's decreasing.
[ ] in the WP Dashboard, I suggest we change the first tab to Settings. Right now it's Lightstart > Lightstart, which sounds strange to repeat them:
[ ] when disabling Otter, after a template was imported - I think we can improve this notice, since right now it's not telling 100% that Otter is required:

The notice could be: The custom templates are built with Otter Blocks. To work properly, Otter has to be installed and activated. Activate | Install Now (depending on the case).

Figma

Will this feature require documentation? (Optional)

I dont know.

selul commented 10 months ago

@mghenciu for Optimole, I would like to keep texts as they are right now.

mghenciu commented 10 months ago

@mghenciu for Optimole, I would like to keep texts as they are right now.

We can do that for sure.

I tried adding a more easy to grasp text, since pre-optimized or delivered via Amazon Cloudfront CDN may not sound very common to a normal user.

Codeinwp / wp-maintenance-mode