Features tab is becoming massive

[omarreiss]

I know we're going to revise these settings. But I would also like us to think about an intermediate improvement for the features tab as is.

Because this:

Is not a good experience.

[uxkai]

After sketching some ideas on paper, I made this new design of the Features tab.

The toggles are placed right next to the labels. By clicking on the blue question marks, you can expand (and collapse) the boxes to see additional information and a link to another article.

[omarreiss]

Looks good to me! @jdevalk agreed?

[jdevalk]

Awesome.

[GaryJones]

Is the "Admin Bar Menu" label just wrong in the mockup? (Should be On instead of Off)

Or is there some other logic intended for which label is to the right, perhaps based on recommended settings?

[omarreiss]

That is indeed an error in the Mockup 😄

[uxkai]

Here is a mockup with the features displayed in one column. The question marks and toggles have got Yoast's colors.

[jdevalk]

Remark from @michielheijmans that the product team agrees with: can we use Yoast green instead of purple for the "On" state?

[hedgefield]

Sure! We went for purple as a more muted color, but green is what they are in MyYoast too so that's good.

[jdevalk]

And let's go for grey for the question marks like we did in the meta box too.

[uxkai]

Ok! I also slightly changed the colors of the "OFF" toggles. The new colors are based on http://www.material-ui.com/#/components/toggle

[jdevalk]

Did a lot of prework for this in #8991

[CarolineGeven]

Related:

8954

6948

[jdevalk]

6948 is actually already fixed, closed it.

[omarreiss]

Seems this will now simply be part of the admin overhaul. Closing.