search

Trisha-tech / OnlineBookSales

This project named Online Book Sales - Backend deals with developing an e-commerce website for Online Book Sale. It provides the user with a catalog of different books available for purchase in the store. In order to facilitate online purchase, a shopping cart is provided to the user.
https://book4u-j5au.onrender.com/
MIT License
133 stars 220 forks source link

[Feature Request]: Move Login and Toggle Button to the Right Side of Header #496

Open Rohinipilla opened 1 week ago

Rohinipilla commented 1 week ago

Is there an existing issue for this?

Feature Description

image Currently, the Login and Theme Toggle buttons are positioned at the beginning (left side) of the header, next to the logo. To improve the user experience and follow standard UI/UX practices, these buttons should be repositioned to the far right of the header. This will ensure that the most commonly accessed options (like login and settings) are in a more intuitive location for users, as they typically expect such controls to be in the top-right corner.

Use Case

Repositioning the Login and Theme Toggle buttons to the right side of the header would significantly improve the user experience by adhering to common design patterns found in most modern websites and applications. Users naturally expect to find account-related actions like Login and settings controls (e.g., theme toggle) on the right side of the screen, which reduces cognitive load and increases ease of navigation.

For example, when a user visits the website, they may want to quickly check if they are logged in, access their profile, or switch the theme. By placing these buttons on the right, the user can access these features faster, improving efficiency. It also contributes to a cleaner, more organized design, as the primary navigation links (Home, Shop, Wishlist, etc.) can be centrally focused, allowing users to find core site features more easily.

Benefits

Improved User Experience Better Design Consistency Enhanced Usability Improved Accessibility

Positive Community Impact:

By following common web conventions, this change will help the community adopt the platform more comfortably, encouraging more user interaction and satisfaction with the project.

Add ScreenShots

image

Priority

High

Record

github-actions[bot] commented 1 week ago

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.