<?xml version="1.0" encoding="utf-8"?>
Open full project

The sign-up page has been designed with accessibility and usability at its core, adhering to WCAG guidelines to ensure inclusivity and a seamless user experience. Key features include:

  • High Contrast for Readability: All text and interactive elements maintain a minimum contrast ratio of 4.53:1 to ensure visibility for users with visual impairments.
  • Accessible Touch Targets: Buttons and interactive elements are appropriately sized to meet touch target standards, enabling ease of use on both desktop and mobile devices.
  • Clear Form Alignment: The form fields are aligned in a single column, optimizing readability and reducing cognitive load.
  • Error and Text Field States: Fields include clear visual feedback for errors, ensuring users can easily identify and resolve input issues.
  • Password Best Practices: A toggleable visibility feature (open/closed eye) is provided for password entry, along with real-time feedback when the password criteria are not met.
  • Concise and Intuitive Wording: The language used is simple, clear, and action-oriented to guide users effortlessly through the sign-up process

Thank you for reviewing!

Share your insights — leave a project review and help others grow their skills

Reviews

1 review


Hi Lorena, first off, fantastic job on your design, write-up, and prototype—bonus points for going high fidelity! It’s clear you put a lot of effort into presenting the work in a digestible and professional way, which is awesome. I’d love to help you elevate this even further.

Here are a few points to consider:

  • Title & Subtitle Differentiation: Adding more contrast between the title and subtitle text (e.g., through color or weight) could improve readability and create better visual hierarchy. While this might be a personal preference, it can make the text easier on the eyes.
  • Field Spacing: The vertical spacing between fields feels slightly too large. Reducing it could help improve the visual flow and make scanning more efficient for users.
  • Placeholder Text: While optional, placeholder text can guide users effectively and add a touch of polish to the design.
  • Password Icon & Logic: The vertical alignment of the "show/hide password" icon feels a bit off—it could be raised slightly. Additionally, the "show" icon seems a bit hard to see. For clarity, an open eye icon when the password is hidden (to indicate the option to show) and a closed eye when the password is visible (to hide it) is a more logical approach.
  • ToS Fine Print: The Terms of Service fine print looks slightly small. Even though 14px may be standard, increasing it a bit to improve proportion and readability relative to other elements would be beneficial.
  • Sign-In Buttons: Ensure your "Sign in with Google/Apple" buttons follow their respective branding guidelines. Official media kits are easily accessible online, and adhering to them can prevent issues during app store reviews.
  • Password Requirements: Displaying password requirements before users attempt to sign up is definitely crucial before clicking signup. This prevents frustration and reduces inefficiencies in the user experience.
  • Feature Image Size: When viewing the prototype on a 14-inch MacBook (responsive, fit-width), the image touches the bottom of the page and cuts off slightly. Adjusting the layout to account for browser bars and ensuring the image doesn’t extend beyond the viewport would enhance the experience.

Overall, you’ve done an amazing job, and these refinements can help push your design even further. I hope this feedback is helpful—great work!


3 Claps
Average 3.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>