3

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 ;)

2 Answers 2

2

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

mockup

download bmml source – Wireframes created with Balsamiq Mockups

2

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/

Your Answer

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

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