Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
ElodieOS opened this issue Jun 23, 2023 · 0 comments
Open

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

ElodieOS opened this issue Jun 23, 2023 · 0 comments
Labels
Component Component used in many places Improvement

Comments

@ElodieOS
Copy link

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? ☺️

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component Component used in many places Improvement
Projects
Status: 📋 Backlog
Development

No branches or pull requests

1 participant