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.

Scenario: File upload process for a website on desktop(not mobile) launches a modal window.

Question: Would it be better to place action buttons at the top or at the bottom of the window.

Pros & Cons for Top Placement: more content area space however process flow starts from top left,moves down, then back to the top

Pros & Cons for Bottom Placement: Less content area space, better process flow, odd scroll window placement.

enter image description here

share|improve this question
    
The bottom placement is standard for Dialogs. See, for example, the Apple OSX HI Guidelines section on Dialogs. –  Dan D. Apr 5 '13 at 10:03
    
Also, if you move the Submit Pictures button to the bottom right instead of the bottom left, your flow would be more natural. –  André Apr 5 '13 at 10:11
    
If you're so concerned with content space that you'd consider putting the Submit button in the header bar, why not put the Add button and Album text box in the header bar, and the Submit at the bottom? Now you have the advantages of both designs. –  Michael Zuschlag Apr 5 '13 at 11:52
    
What tool was used to create those mockups? –  mdrozdziel May 17 '13 at 18:02
add comment

1 Answer

You should have the buttons at the bottom right because:

  • The standard for modals is to have the buttons at the bottom, so it is likely where people will look for action buttons
  • It is a more natural visual flow reading in a Z pattern, and one that has become entrenched.
  • A button on the right is typical for a submit button as it has the feeling of moving forward (in a left to right language).
share|improve this answer
    
+1 For Z-pattern. The setup described is also standard across platforms. The 'save dialog' on both PC and Mac, for example. Title/Header - user interaction area - cancel/save...it is a human computer interaction standard. –  Josh Bruce Apr 5 '13 at 12:56
add comment

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.