4
14 Comments

Do you find this login UX intuitive?

Hello everyone,

So I recently started working on a new idea which will start off as a web app.
I will be telling you more about it soon when I make some progress on it :).

I am currently working on the login screen, and I need some honest opinions on the UX. Whether you feel it is an intuitive user experience, mainly the placement of the social login and the form and the separation between them.

Never mind the UI, still needs some work and some icons are still missing.

Any feedback is much appreciated !

  1. 4

    The picture takes too much attention while the login form looks quite small in my opinion

    1. 1

      Thank you @Akcium, will definitely make the form bigger.

  2. 3

    A picture is worth a thousand words :)
    https://imgur.com/a/Ld0BTV3

    Btw, I show how to fix UX flaws on my Twitter, in case you're interested
    https://twitter.com/uxbingo

    1. 2

      I don't use twitter yet, I'm planning on joining soon. Would love to follow your account.

    2. 2

      Nice! Thanks man. Appreciate the effort !

  3. 2

    I quickly sketched an iteration of that login page. Accounting for some of the feedback given here before plus some personal takes.

    Hope that helps.

    Overall changes are.

    • Inserted a gradient on top of image to decrease the attention captured by it.
    • Inserted brand tagline and logo on the page.
    • Inserted back navigation to recover the previous state.
    • Social media sign-in is part of the login experience (in your design it looked like it was almost separated by the line). UI improvements, with full colours only activated in hover state.
    • Sign up is brought up from the bottom of the page.

    Obvs this is just a very quick and dirty approach. I just wanted to help highlighting some of the possible improvements.

    https://i.ibb.co/mbZyvvT/Desktop-Copy.png

    1. 1

      I like it man thank you. I was planning on placing the logo on top of the image and maybe get rid of the previous state.

      I will share the final version once I'm done. Much appreciated!

  4. 2

    Compare this to Mailchimp's login page and you'll find the differences that make theirs more intuitive and friendly to use.

    1- The image takes up at least 80% of the page. You'd think this would deter away attention from the actual form but it does the opposite. You're now more focused on the form because they're way less white space compared to yours.

    2- First thing I asked myself when I saw your design was 'What if I don't have an account?' - it took me a while to locate it at the bottom of the screen. Move it up higher towards the form.

    In addition to the above, I would say the form itself is too small as @Akcium said. I also think they went with the form being on the left because it's easier to read left > right.

    1. 1

      Makes sense, The sign up should be clearer and higher.
      Also i'll try different image sizes between 50% to 80%.
      Thanks!

  5. 1

    It's a good start. Add the icons and the product name/logo. You can find a thousand examples online for the same kind of login forms. Pick the things you like and iterate.

    However, consider removing the image, or chose one with much less details. Keep it simple :)

    1. 1

      Thanks @magnushjelm, I will definitely consider your comment and try out maybe an abstract visual or something.

  6. 1

    Following previous comments - humans normally perceive information from left to right (or, right-to-left for Hebrew/Arabic, or top->down for some Japanese/Chinese), so probably I would reverse the picture and the login.

    Also, for some reason seeing those 2 buttons above the login form freaks me out for some reason. Maybe try placing them beside each other? I seriously don't think it matters that much though, people will find them anyway.

    1. 1

      Thanks @alourie for your feedback. I'll try reversing the content and the image.

      1. 1

        No worries, mate. Play around with stuff and see what you like, or A/B test if you can.

  7. 1

    This comment was deleted a year ago.

  8. 1

    This comment was deleted a year ago.

  9. 1

    This comment was deleted 4 years ago.

Trending on Indie Hackers
Competing with Product Hunt: a month later 33 comments Why do you hate marketing? 29 comments My Top 20 Free Tools That I Use Everyday as an Indie Hacker 18 comments $15k revenues in <4 months as a solopreneur 14 comments Use Your Product 13 comments How I Launched FrontendEase 13 comments