Skip to main content
User Experience

Return to Question

Tweeted twitter.com/#!/StackUX/status/451993795484459008
added 2 characters in body; edited title
Source Link
JonW ♦
JonW ♦
  • 37.6k
  • 24
  • 124
  • 158

How Where to place call to action on the iOS mobile form?

I've simple password change form. I'm wondering howwhere to place call to action buttons.

1 option:

enter image description here

  • big blue call to action is placed under the text fields
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

2 option:

enter image description here

  • link save is placed on the right side of the header
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

3 option:

enter image description here

  • there aren't any other call to action, excluding call to actions on the keyboard
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

Best solution:

I think that the best solution is the the first one, because it would be easier for the user reaching call to action button "Save". If call to action is on the keyboard or on the right side of header it's harder to reach CTA according to this:

enter image description here

How to place call to action on the iOS mobile form?

I've simple password change form. I'm wondering how to place call to action buttons.

1 option:

enter image description here

  • big blue call to action is placed under the text fields
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

2 option:

enter image description here

  • link save is placed on the right side of the header
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

3 option:

enter image description here

  • there aren't any other call to action, excluding call to actions on the keyboard
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

Best solution:

I think that the best solution is the the first one, because it would be easier for the user reaching call to action button "Save". If call to action is on the keyboard or on the right side of header it's harder to reach CTA according to this:

enter image description here

Where to place call to action on the iOS mobile form?

I've simple password change form. I'm wondering where to place call to action buttons.

1 option:

enter image description here

  • big blue call to action is placed under the text fields
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

2 option:

enter image description here

  • link save is placed on the right side of the header
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

3 option:

enter image description here

  • there aren't any other call to action, excluding call to actions on the keyboard
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

Best solution:

I think that the best solution is the the first one, because it would be easier for the user reaching call to action button "Save". If call to action is on the keyboard or on the right side of header it's harder to reach CTA according to this:

enter image description here

Source Link
steppenwolf
steppenwolf
  • 691
  • 5
  • 13

How to place call to action on the iOS mobile form?

I've simple password change form. I'm wondering how to place call to action buttons.

1 option:

enter image description here

  • big blue call to action is placed under the text fields
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

2 option:

enter image description here

  • link save is placed on the right side of the header
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

3 option:

enter image description here

  • there aren't any other call to action, excluding call to actions on the keyboard
  • focus on the first text field - we display "next" button on the keyboard bringing user to the next text field
  • focus on the third text field - we display "save" button on the keyboard

Best solution:

I think that the best solution is the the first one, because it would be easier for the user reaching call to action button "Save". If call to action is on the keyboard or on the right side of header it's harder to reach CTA according to this:

enter image description here