I'm currently designing an app for iPads.

I illustrated the situation below:Image descirbing guy's problem

The screen on the left is current version which seems to work really well when the user doesn't have to use the keyboard or when there's only one or two textfields (then, modal window is short enough for the keyboard to fit with the "Create" button).

Currently, when the keyboard is overlapping the window (middle picture) I am moving the "create" button to the top-right corner, so that the primary button is not obstructed.

  • Should I change the middle-picture version to the one on the right in order to be consistent?
  • Is there any other solution for my problem?

Cheers and sorry for bad english ;)


You could switch directly from pressing the field to an active state where the only 3 actions are: keyboard, enter, cancel.


download bmml source – Wireframes created with Balsamiq Mockups

| improve this answer | |

Keep placement consistent:

#4: Consistency and standards

Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.

From https://www.nngroup.com/articles/ten-usability-heuristics/

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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