Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.42k stars 1.99k forks source link

Domain Search: Improve guidance when a domain has already been selected #94935

Open taipeicoder opened 1 month ago

taipeicoder commented 1 month ago

Quick summary

The clickable area of suggested domains are big enough for users to accidentally click on them https://github.com/Automattic/wp-calypso/issues/94934. As a result, users might want to go back to the previous screen.

One issue is that when they are back to the Domain Search screen, they might not know how to proceed on the flow since the domain is already selected and the button changed to "In Cart" instead of "Select". Seems that there are many paths where users can take from here: Go to the cart from the masterbar, or click "In Cart" to deselect the domain, then "Select" the same or another domain to move forward with the flow.

The latter feels like unintuitive since users would have to manually undo their selection in order to move forward.

See recording for reference:

https://github.com/user-attachments/assets/a8aac7c2-e16b-4157-9137-f441aeb12e7b

Steps to reproduce

  1. Head to https://wordpress.com/domains/manage/{SITE}
  2. Click on the "Add New Domain" button
  3. Select any domain
  4. Click the back button

What you expected to happen

N/A

What actually happened

N/A

Impact

Some (< 50%)

Available workarounds?

No but the platform is still usable

If the above answer is "Yes...", outline the workaround.

No response

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

javierarce commented 1 month ago

At https://wordpress.com/start/domains, we allow users to select domains by clicking on the row, but the behavior is more evident because there's a hover state, and the user remains on the same page (in this context, users can also select more than one domain.)

However, users cannot select multiple domains in the internal domain selection page. I think there are two possible solutions:

Personally, I'd choose the second option since selecting a domain by clicking a button makes the UI less surprising. In this case, I'd also transform the CTA into a tertiary button.

CleanShot 2024-09-30 at 14 46 09@2x

We could make more improvements, but they'd require more effort and should be aligned with the /start/domains UI.

Robertght commented 2 weeks ago

@javierarce I'm going to mark this as triaged on out board, but please let us know if you need our input.