6

Currently the action/navigation buttons of my UI project is in the panel-footer (see screenshot), and I'm wondering if that is an intuitive place or if they fit better in the header. Most panels are within the size of screen so no scrolling is required. The header always requires the title so its unlogical to put the buttons in there. Whats your opinion? Does this make sense?

dashboard navigation

9

Put your navigation buttons in the bottom right of your panel.

Consider the Gutenberg diagram;

When the user reaches the lower right portion of the page there is a break in the reading or “page scan” process and the user will need to take an action. This is the perfect spot to insert call-to-action such as buttons, links, forms, video, etc.

Source: The Gutenberg Diagram in Web Design

Also consider the meaning of back and next in navigation. When progressing/completing, the general association is going right. The general association for going back/cancel is going left. So put your back button to the left of your next button.

gutenberg diagram

  • 1
    Great answer, I was about to post the same thing myself but you beat me to it :) – Joel Tebbett Jul 12 '17 at 14:19
  • 2
    Thanks, @JoelTebbett. I'm looking forward to the next time where you might beat me to it! – Nick Groeneveld Jul 12 '17 at 14:21

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.