Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

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

share|improve this question
1  
Seems like you've already answered your own question in your question =D –  Code Maverick Apr 2 at 15:00
    
;) This is only my point of view, maybe I'm wrong, who knows? –  steppenwolf Apr 2 at 15:15
1  
I don't know that I'd use the term 'call to action' for that. The action is the page itself...fill out the form. The 'call' to action should have happened before the user gets to this page. –  DA01 Apr 2 at 17:38
    
(also: can you customize the button on the keyboard? I wasn't aware that you could.) –  DA01 Apr 2 at 17:40
1  
@DA01 One can customise everything on an iOS keyboard :) –  George Garside Apr 20 at 10:03

3 Answers 3

I like option 1 as it is very clear what the user should do, and as you stated it is the only option that fits right in the easy-reach zone for both right- and left-handed users. I often find forms that use option 2 confusing because the CTA isn't where my eyes are when I reach the bottom of the form, so I have to search for it. It's also difficult for lefties to reach unless they have absurdly long thumbs. IMO, option 3 also falls into the same traps as option 2.

share|improve this answer

The first one is the best choice, at it is the most expected location for this type of view. On the other two, I'm looking for the "finish" button and not finding it right away, making me think someone made a boo boo.

share|improve this answer

I think second option is slightly better than the others. The first one is pretty good, but if you have form with more than 2-3 inputs, the "Save" button will be hidden under keyboard. And on iPhone 4 or Android phones, the height of display could be even shorter.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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