Sign Up Modal

25 Responses

1. Pro James ✌

   Working on the sign up modal for a new popup. Thought it came out pretty well.

   Be sure to check the attachment.

   4 months ago

2. Pro Alexandre Miguel

   Love it!

   1likes

   4 months ago

3. Pro Nuruzzaman Sheikh

   Wow amazingly clean work and love it so much :)

   1likes

   4 months ago

4. Pro Yummygum

   Some good ol' @James ✌ stuff. Have you considered unifying the fields (like forms in some iOS apps , this one for example)? Could make the form less busy.

   4likes

   4 months ago

5. Pro Taurean

   Looks nice, my only concern is the secondary text (e.g. join your fellow bluebirds...) may benefit from a bit more contrast. Still looks great though!

   1likes

   4 months ago

6. Pro Paul Farino

   Like. Like how you put the First/Last name below email and password :)

   1likes

   4 months ago

7. Tim Walker

   I'd say give hierarchy to those who have already signed up and are members. Pull the Texas switch-a-roo on the user sign-in on the bottom, bring it to the top.

   4 months ago

8. Pro James ✌

   @Tim Walker Hmm I'd have to disagree with you there. I'll tell you why - firstly this modal is obviously to get users to 'sign up', if they see, "Sign up to..." then a sign in box, I think it could get a little confusing.

   But thanks for the feedback!

   1likes

   4 months ago

9. Pro Alex Pankratov

   Looks great. The bird can be a bit larger tho, I think.

   1likes

   4 months ago

10. Tim Walker

    @James ✌ Ah! I just realised the shot was called Sign Up modal. My bad bro!

    1likes

    4 months ago

11. Nick Farina

    Beautiful, just perfect! I like the more diminutive twitter bird.

    1likes

    4 months ago

12. Pro Ali Akbar

    Nice work! You are so good man :)

    1likes

    4 months ago

13. Pro Mason Yarnell

    Oooh yeah. Digging this one, my man.

    1likes

    4 months ago

14. Pro James ✌

    Thanks for all the comments and feedback, guys. Appreciate it!

    4 months ago

15. Marco

    I think it's visually really awesome, but for a registering user I think there might be too much noise with the sign in underneath. Wonder what you think @James ✌

    2likes

    4 months ago

16. Pro James ✌

    @Marco Sousa I understand. However, from a UX point of view - wouldn't it be nice to sign in from there rather than having to click off and go sign in?

    Also, I tried to make it so that visually, the sign-up sections catch your eye more than the sign in section.

    4 months ago

17. Marco

    @James ✌ yeah, definetly :)

    1likes

    4 months ago

18. Pro André Oliveira

    Visually, your design is great. But in terms of usability, it's too much information in my opinion, mate.

    I would remove all the "descriptions" above the "Sign up using Twitter" (for example) and also the sign in form.

    Why you don't try to make two tabs: one for sign up, one for sign in. And the problem is over.

    Hope to help!

    1likes

    4 months ago

19. Pro James ✌

    @André Oliveira Thanks for your feedback Andre. I don't see why more information is proving to be a "usability problem". Yes, we could probably remove the smaller text beneath the headings.

    However, I don't think having two tabs would serve any good purpose. In fact, that would cause even more clicking around.

    I'm working on it!

    4 months ago

20. Paul Dufour

    The spacing feels inconsistent between the left and right.

    4 months ago

21. Pro James ✌

    @Paul Dufour Nup. http://cl.ly/MNoT

    1likes

    4 months ago

22. Pro André Oliveira

    @James ✌ my pleasure mate. I also think that, with this design, you have a lot of input boxes, and that can 'scary' the user.

    On the website, do you have a "Sign up" and "Sign in" button?

    If you do, then having sign in and sign up option on the same layout is not justified at all.

    4 months ago

23. Pro Sattawat

    oh wow!!

    1likes

    4 months ago

24. Pro Dreamix Studio

    Great work James!

    1likes

    4 months ago

25. Paul Dufour

    Ah sorry, @James ✌ . I meant the spacing between the inputs on the left compared to the spacing on the right between the buttons. Left = compact. Right = spaced out.

    4 months ago