Wp-calypso: Gutenboarding: upgrades to domains page

[simison]

Desktop

See video https://d.pr/i/CdUyXQ

Mobile

https://d.pr/i/5pwk9F

Changes summary

• Remove the radio buttons, and skip for now button. The two step process was cumbersome, and felt weird when a person selects a domain, and then needs to find "continue".
• With removing the top right button, a person can just select a domain, and continue.
• The hover state will surface the "select" CTA
• There is no more "skip for now", we need a person to select a domain/sub-domain to continue. Without a domain/sub-domain we'd be assigning folks a random sub-domain/site name, which we want to avoid.

[lsl]

The hover state will surface the "select" CTA

Hover functionality can be problematic for screenreader setups.

Please correct me but probably just have to make sure each domain option is focus/clickable in some way.

[yansern]

Please correct me but probably just have to make sure each domain option is focus/clickable in some way.

I suppose when the list is focused by tabbing, the button appears so it comes clickable.

[yansern]

Hmm, design doesn't show how it's supposed to look like when an item is selected. Since radio button is now removed.

[simison]

Hmm, design doesn't show how it's supposed to look like when an item is selected. Since radio button is now removed.

There won't be selected state — we'd move straight to next step or close the modal on domain selection.

[yansern]

There won't be selected state — we'd move straight to next step or close the modal on domain selection.

Oh okay! :)

[simison]

@olaolusoga @dubielzyk in these designs "free" is again on top of the list:

We were about to move to this order as per pbAok1-11X-p2:

recommended
free
the rest

Which way should it be?

[dubielzyk]

I've personally wanted Free at the top, but I don't have strong feelings. Perhaps go for Recommended at the top and Free next, then the rest.

[olaolusoga]

+1 to Recommended, Free, the rest.