5

I'm not too familiar with the Android UI patterns, but how does one usually dismiss a keyboard after entering some information? My usecase is to dismiss the keyboard when a user is done entering the login information. I've already associated the "enter" key to login automatically, but most of my users seem to want to dismiss the keyboard first and click the button that says "login" instead of doing this.

I've used tapping the background image as a way to do it on iOS, but I'm not sure if a similar pattern is right on Android. One way of doing it is to just let the user click the 'back' button on the phone to dismiss the keyboard, but that feels wrong.

Any tips are appreciated!

EDIT: Screenshots : The keyboard's acting funny, but this is how it looks like. Login with keyboard

Login without keyboard

1
  • 1
    On Android, the back button is often used to close the keyboard. However strange that might seem, it has come to be a convention to Android users. Applications that closes on back keypress, while soft keyboard is visible, gets (not allways friendly) comments in the Android Market. Good luck on your app... Commented Apr 25, 2011 at 18:39

1 Answer 1

5

Doing a quick survey of applications on my phone, there are multiple ways this is handled:

  1. If your login button is visible, clicking that should dismiss the keyboard and let them log in. You can see this sort of behavior in the GMail application where hitting the Send button closes the keyboard and sends the message.
  2. Some applications cause a set of buttons "Done" & "Revert" (or other words) to appear just above the keyboard. You can see an example of this in the contact editing screen. Clicking revert cancels your changes and dismisses the keyboard, clicking done accepts your changes and also dismisses the keyboard.
  3. The back button on the bottom of the phone generally closes out the keyboard too, as you mentioned.
  4. While switching between fields doesn't usually dismiss the keyboard, its worth noting that this is usually allowed, and users will expect to keep their keyboard to continue entering information into other fields.

Clicking on the background, at least in the built in applications, does NOT close the keyboard, unlike on iOS devices.

EDIT:

Based on the new screenshot above, you probably want to resize the screen when the keyboard is shown so that the buttons seem to float above the keyboard. That way, those buttons remain accessible the entire time. The Android docs have a relevant article here: http://developer.android.com/resources/articles/on-screen-inputs.html

6
  • The problem in my case is that placing a "Done" button in a login screen seems, well, ugly and the keyboard actually covers the button that reads "Login" because I've vertically centered the text fields. Editing the question to add a screenshot, can you take a look? Commented Apr 25, 2011 at 17:31
  • Rain have a good suggestion in the Edit section. Let the buttons be visible to the user at all times. Commented Apr 25, 2011 at 18:36
  • @Benny There is a lot of unused vertical screen real-estate in the Screenshot Tejaswi provided. I think moving the buttons up and leaving them there would work very well.
    – Rain
    Commented Apr 25, 2011 at 19:42
  • Moving the whole screen up when the keyboard is activated so the login and clear buttons remain visible. Thanks! Commented Apr 25, 2011 at 20:04
  • My HTC Desire also features a special 'close keyboard' button on the bottom left (i.imgur.com/qjWYK.jpg)
    – TomvB
    Commented Apr 26, 2011 at 11:50

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.