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

πŸ› οΈ Adding Placeholders to Sign Up & Sign In Pages for Better UX ✨ #453

Open
ak-0283 opened this issue Jan 29, 2025 · 1 comment

Comments

@ak-0283
Copy link
Contributor

ak-0283 commented Jan 29, 2025

πŸš€ Description:
Currently, the Sign Up and Sign In pages lack placeholders in the input fields, which can make the form less intuitive for users. To enhance usability, accessibility, and user experience, I will be implementing the following improvements:

πŸ”Ή Adding Clear Placeholders πŸ“ – Each input field (such as Email, Password, and Username) will have a descriptive placeholder to guide users on what to enter. This makes the form more intuitive and self-explanatory.

🎨 Improving UI Consistency 🎭 – Ensuring that placeholders follow a consistent font size, color, and styling to align with the overall theme of the website. They will be slightly faded to distinguish them from user input while maintaining readability.

⚑ Enhancing User Experience πŸ‘Œ – Users will no longer have to rely solely on field labels to understand what to enter. Placeholders provide instant clarity, making the login and registration process smoother.

πŸ–ŒοΈ Adding Dynamic Placeholder Effects ✨ – Implementing floating labels or animations where placeholders move above the input field when the user starts typing, preventing confusion between placeholder text and user input.

πŸ“² Ensuring Mobile-Friendliness πŸ“± – The placeholders will be optimized for both desktop and mobile views, ensuring they are legible and functional across all screen sizes.

❌ Reducing Input Errors 🚨 – With clear placeholders, users are less likely to enter incorrect information, reducing errors and failed login attempts.

By adding these enhancements, the Sign Up and Sign In pages will become more intuitive, user-friendly, and visually appealing, improving the overall website experience! πŸš€πŸ”₯

Preview


Image

Image


@ak-0283
Copy link
Contributor Author

ak-0283 commented Jan 29, 2025

Please review and assign it to me. @Jaishree2310

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant