hummingbird icon indicating copy to clipboard operation
hummingbird copied to clipboard

Review layout of a few action buttons (desktop and mobile)

Open ElodieOS opened this issue 1 year ago • 0 comments

Hi everyone!

I have noticed a few problems with action buttons layout.

First, we don't have consistency in all user flow with the action's layout. When we have two actions like previous and next, we need to put the previous action on the left and the next action on the right to make it more explicit. In the majority of cases, is it ok, but we have three pages wich not respected this rule :

  • Checkout - Personal information (sign in) image

  • Checkout - Add new address image

  • My account - Addresses - Add new address and Add first address image

Second, when we switch on a mobile device, the primary action is after the secondary action. In terms of hierarchy, it's better to have the primary action first so that the user can see it quickly.

Pages concerned:

  • Entire checkout flow image

  • "Add to cart" modal image

Can we change that please? ☺️

ElodieOS avatar Jun 23 '23 16:06 ElodieOS