Sign up Form for SaaS Platform

Great work on creating an accessible and user-friendly signup flow! Here are a few suggestions.

What’s Working Well:

• Clear Visual Feedback: The use of visual cues helps users identify issues easily.
• Good Use of Contrast: Ensures readability and accessibility.
• Persistent Labels: Staying visible helps users maintain clarity throughout the process.

What Can Be Improved:

1. Copywriting: Some phrases, like “Signup with Google,” could be clearer to guide the user through the process.
2. Success Screen: The user should be given a clearer next step after completing the sign-up, such as directions to the next part of the app.
3. Iconography: The icons could be refined to improve clarity and make sure they align with the overall design for consistency.

You’ve done a solid job, just a few tweaks to make it even more intuitive! 🤙

Final Feedback for Your Mobile Signup Flow Design

Your mobile signup flow is well-executed, focusing on accessibility, usability, and clear feedback. Below are the strongest aspects and critical areas that need improvement to make the experience even better.

Strengths (Well-Designed Elements)

1️⃣ Consistent and Readable Labels

• The labels remain visible while users type, preventing confusion and improving screen reader compatibility.

2️⃣ Strong Visual Contrast for Readability

• Text, buttons, and icons maintain high contrast, ensuring legibility for users with low vision.

3️⃣ Error Handling with Visual Cues

• Error messages use red borders and icons, making it easy to identify mistakes quickly.

4️⃣ Touch-Friendly UI for Mobile

• Buttons and input fields have adequate touch areas, preventing accidental taps.

5️⃣ Password Visibility Toggle

• The eye icon for password visibility is well-placed for easy access.

Areas That Need Improvement

1️⃣ Error Message Contrast Needs Improvement

Issue: Red text on a dark background may not be readable for users with colour blindness.

Fix: Increase the contrast ratio by using a lighter red (#FF6B6B) or adding a subtle background behind error messages.

2️⃣ Signup with Google Button Text is Unclear

Issue: “Signup with Google” does not specify whether users will be signed up immediately or redirected for additional details.

Fix: Change the text to “Continue with Google” to clarify that users will proceed with the signup process rather than completing it in one tap.

3️⃣ Signup Success Screen Lacks Next-Step Guidance

Issue: After signing up, the screen only confirms success but doesn’t guide users on what to do next.

Fix: Add a clear CTA button such as:

• “Go to Dashboard” (if users are automatically logged in).
• “Verify Your Email” (if confirmation is needed).

Helena has made a constructive comment. I fully agree with her.

You've applied the sign-up flow cases very well! The designs I see are also very neat. Good work!