Proper spacing added to buttons to minimze chances of misclicking wrong button, Signup button rearragned to center point to minimize user's cursor's travel area. I also added a simple hover effect to the buttons to make the website more feedback-oriented
Motivation
In order to enhance user experience, several improvements have been made to the buttons on the interface. Proper spacing has been added between buttons to reduce the likelihood of accidental clicks on the wrong button, thus minimizing user frustration. Additionally, the Signup button has been strategically repositioned to the center point, reducing the distance the user's cursor needs to travel and aligning with Fitts' law principles for efficient interaction. Furthermore, hover effects have been incorporated to make the buttons more responsive, providing visual feedback to users and improving overall usability. These enhancements collectively aim to optimize user interaction and ensure a seamless and enjoyable experience on the platform.
Summary
Proper spacing added to buttons to minimze chances of misclicking wrong button, Signup button rearragned to center point to minimize user's cursor's travel area. I also added a simple hover effect to the buttons to make the website more feedback-oriented
Motivation
In order to enhance user experience, several improvements have been made to the buttons on the interface. Proper spacing has been added between buttons to reduce the likelihood of accidental clicks on the wrong button, thus minimizing user frustration. Additionally, the Signup button has been strategically repositioned to the center point, reducing the distance the user's cursor needs to travel and aligning with Fitts' law principles for efficient interaction. Furthermore, hover effects have been incorporated to make the buttons more responsive, providing visual feedback to users and improving overall usability. These enhancements collectively aim to optimize user interaction and ensure a seamless and enjoyable experience on the platform.
Testing
Done manually
Screenshot
Hover effect
https://github.com/camicroscope/caMicroscope/assets/66128370/d5d90b70-9ac1-4bf8-9b75-98a2cdeca92e
Button Spacing Before
After
Button Centered Before
After
https://github.com/camicroscope/caMicroscope/assets/66128370/4fac8bdb-da80-4242-ab0c-4b7b0d0331ef