Wp-calypso: Onboarding: Total step count changes in-flow

Created on 11 Jul 2019  Â·  4Comments  Â·  Source: Automattic/wp-calypso

Steps to reproduce

  1. Start at https://wordpress.com/start/site-type
  2. Note the step count - 1 of 6 - in the top-right corner
  3. Choose Blog
  4. Step count is now 1 of 5.

What I expected

The total step count stays the same.

What happened instead

The total count changes depending on the site type the user picks without explanation.

→ blog - 2 of 5
→ business - 2 of 6
→ professional - 2 of 6
→ online store - 2 of 3

Screenshot / Video

Screen Recording 2019-07-08 at 03 47 PM

Context / Source

This issue came up during usability testing. The user noticed the count had changed but they didn't know why. We should avoid making the user think outside of the focused task.

Design [Goal] Onboarding [Type] Enhancement

Most helpful comment

Maybe we could replace the "Step 1 of 6" text with a visual indication like a progress bar or pie graph. That way they can at least see what sort of percentage of the way through they are.

Not as good as having the actual numbers, but we can't really know how many steps they're going to need to complete, and will hopefully be less distracting.

All 4 comments

This is something we were discussing during our meetup, that is, whether the count is useful at all in this context.

The steps will sometimes change depending on how the user proceeds in the flow. This is because some site types, for example, don't require extra steps to complete the signup journey.

One suggestion was to provide a list of steps to complete. We would face a similar issue however as the list would update as the flow changed.

My only fallback in such a scenario is to explain why something is happening. For example, telling the user that they've chosen and online store and that they have n steps or the "following steps" before them in order to create a site.

cc @Automattic/zelda @Automattic/start-dev

Maybe we could replace the "Step 1 of 6" text with a visual indication like a progress bar or pie graph. That way they can at least see what sort of percentage of the way through they are.

Not as good as having the actual numbers, but we can't really know how many steps they're going to need to complete, and will hopefully be less distracting.

It doesn't pertain directly to the step count, but there were some interesting suggestions over at https://github.com/Automattic/wp-calypso/issues/34299#issuecomment-507298963

I like the idea of a visual progress indicator!

Was this page helpful?
0 / 5 - 0 ratings