Codeinwp / Codeinwp/wp-maintenance-mode

UIX Issues for the Onboarding flow

Open
#411 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
PHP
Stars
163
Forks
82
Avg merge
8h 31m
Merged PRs (30d)
8

Description

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:
Screenshot 2023-11-09 at 16 40 55
  • 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:
image

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.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by tracing the onboarding flow described in the issue and compare it with the linked Figma design. Review each listed enhancement—template selection, Countdown behavior, the dashboard tab label, and the Otter notice—and define completion against the proposed user-visible behavior before making changes.

Written by the indexing model from the issue text.

Assessment

Tech stack
php, wordpress
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.