Untitled-1

Sign In

by Jeff Broderick Pro Feb 9, 2012
Sign-in
32 buckets
help 1 rebound
Tweet
3,942 views
http://drbl.in/cYKV
Icon-colordrop

Tags

  1. 69
  2. 64
  3. 3
  4. 3
  5. 3
  6. 3
  7. 2
  8. 1
  9. 1
  10. 1
  11. 1

39 Responses (page 2 of 2)

  1. Pro Untitled-2 Mani

    brilliant.

    4 months ago

  2. Me JJ Nold

    I really dig the transparent button!

    4 months ago

  3. 101028-twitter-avatar Timothy Whalin

    Excellent interaction here! Love the simple UI details. I think the last step is the weakest, but otherwise it looks great.

    4 months ago

  4. Pro Alpis-new-avatar Alpis Design

    Cool :) how did you do the amination @Jeff Broderick

    4 months ago

  5. Pro Photo Zach Lipson

    Really diggin' the design of the transparent sign up button at the bottom. I do agree with some of the commenters though that you need to have a "login" button of some kind. Expecting the user to hit the enter key is too presumptuous. I think many users (especially the less computer savvy) don't even know that their enter/return key can make that command in a form. Interesting idea though and it sparked a good usability conversation which is always good to see!

    4 months ago

  6. Dribbble-avatar Dmitry Malinovsky

    looks great

    4 months ago

  7. Pro Josh_hemsley Josh Hemsley

    Very nice my friend.

    A few things that confused me or made me wonder how I'd react in practice....

    - The "enter" symbols on both input fields. ???? Is this suggesting I hit enter after I type my username as well? I hope not ;)

    - If my browser fills in my saved login credentials, how does not having a sign in button effect this experience? I think it may be odd that in order to submit I'd have to click on the password field then hit enter. Even for experienced users this may be confusing initially.

    - I'm not going to lie, I bet at least once I click that "dont have an account.." button thinking it is the login button.

    likes

    4 months ago

  8. Pro Avatar-02 Shaun Moynihan

    Nice work brdrck!

    4 months ago

  9. Pro Drbl Steffen Nørgaard Andersen

    Great gif! :D

    4 months ago

  10. Me-portrait-2-2012 Derek Jensen

    Having the "forgot?" button disappear presents no problems to me. Others have said that this could be a problem if you continue to enter in the wrong password this presents a danger.

    I disagree. I'd assume that if you're password was incorrect you would be brought back to that login screen with an error message and possibly the "forgot?" button would be then highlighted.

    4 months ago

  11. Pro Me4 David Perel

    It's very good looking but it's not usable. Check out the book "Web Form Design" by Luke Wroblewski.

    First test your form with your mom... or someone who thinks the internet is Facebook.

    Then apply some genuine usability changes and test it again. You may be surprised mate.

    The reason I say this is because we just experienced something very similar with a product we are building at Obox. Forms have to be usable first, sexy second.

    4 months ago

  12. Pro Me8 Ryan O. Hicks

    @Joel Helin Actually you should read Designing the Moment. Then go to the Avoid the Login Syndrome.

    Login is not an action. It's a noun-as "the login interface". You want users to Log in. So you want your verbiage to be a command which is where "Sign In" is recommended. I know it's nit picky and small, but it's the correct way technically speaking.

    @Dustin Schau This is why I said what I said in reply to your statement.

    4 months ago

  13. Pro Logo Joel Helin

    @Ryan O. Hicks I just meant that having sign in and join in in the same sentence seems repetitive to me, I'd rather just go with either one unless there's a specific reason for keeping it.

    4 months ago

  14. Aoab_avatar_-_512

    Web-ui-login_teaser Clean Web Sign-in Pane... @Jeff Broderick I've created similar form last year but after doing a focus group test, submit button is imperative especially for older audience. This rebo... February 11, 2012

    Rebound

    Clean Web Sign-in Panel UI

    by Adam Betts

    @Jeff Broderick I've created similar form last year but after doing a focus group test, submit button is imperative especially for older audience.

    This rebound is what my current approach looks like. When users click on New? or Forgot?, there'll be a popup window on right side with info/forms inside.

    Always love seeing others' approach to the most important UI part of website :)

    4 months ago

keyboard shortcuts: ← previous shot → next shot L or F like