Summary

Describe the problem you would like to solve
The current order of buttons in our system isn't very user-friendly and doesn't match the conventional reading order users are accustomed to. For example, users typically expect the "Submit" or "Save" button to be on the right, but ours is on the left. Moreover, we do not have an established patterns and button placements are inconsistent throughout the system. This inconsistency can lead to confusion and mistakes, making the interface less intuitive. We should rearrange the buttons to align with standard user expectations and improve overall usability.

Describe the solution you'd like
To improve usability, we should introduce consistent button placement across different screens, creating a predictable pattern that makes the system more intuitive and user-friendly. Based on best practices from UX design, for screens with evenly distributed content, the primary action button should be placed on the right. This aligns with the natural reading flow and user expectations. For pop-ups and dialogs where text is left-aligned, placing the primary action button on the left can enhance readability and usability. This approach ensures that users can easily recognize and interact with primary actions, reducing confusion and streamlining their experience. This approach will also benefit screens translated into Arabic, as users will process information intuitively when the screen is flipped. Additionally, it will aid screen reader users by ensuring they don't have to navigate back to the primary action, making decision-making more intentional and efficient.

Full Page Content

Side Panel

Big/Actionable Pop-ups

Notification Pop-ups

Who is asking for this feature?
@Devika008 to improve usability and introduce patterns