carbon-design-system / ibm-products

A Carbon-powered React component library for IBM Products
https://carbon-for-ibm-products.netlify.app/
Apache License 2.0
89 stars 127 forks source link

Using CreateFullPage can be an awkwardly long mouse journey. #4808

Open lee-chase opened 3 months ago

lee-chase commented 3 months ago

Experience

Just clicking through a prototype using the CreateFullPage pattern on a thunderbolt display. By the time I’d been through a few times I found my wrist getting rather upset at the distance my mouse had to move between each step content and the next button.

Essentially it’s 11 clicks across 5 steps with at least 17,500 pixels of mouse movement in between.

Preferred experience

About 15000 fewer pixels travelled.

elycheea commented 3 months ago

Lee having a Fitt^1 over here.

makafsal commented 2 months ago

Quick thoughts... 👀

Screenshot 2024-04-25 at 1 20 20 PM Screenshot 2024-04-25 at 1 09 31 PM