positioning of visual elements relative to each other.

learn more… | top users | synonyms

4
votes
1answer
88 views

What is a good arrangement for labels that may be read in any orientation?

(This question is, for the time being, theoretical.) After watching a beautiful video compiled from photographs taken from the International Space Station, I noticed the labels of the Soyuz vehicle ...
1
vote
2answers
114 views

Canonical way to layout collections that have the same behaviour

I have what is essentially a dictionary of 24 things. My initial instinct is to arrange them in a grid: The user I get to interact with has said that they want to use the scroll wheel to change the ...
2
votes
2answers
611 views

Action buttons placement related to data tables

Background Over the course of the last few months on common element shared between a large number of internal development teams, is the need to provide functionality on a data table. Once of the ...
3
votes
4answers
317 views

When appending items to a list, should the input fields be above or below the list?

We are building an application that allows a user to build a form. The user can enter the name of the label, pick the type of the input field and indicate whether or not it should be mandatory. The ...
-2
votes
1answer
494 views

Placement of Previous and Next Buttons? [duplicate]

Possible Duplicate: Button order Save | Save and next | Cancel | Previous I have a Form widget with Five Step. Steps 2-3-4 having previous and next and cancel button. Step 1 having next and ...
11
votes
5answers
3k views

Where should form instructions or hints be placed?

I was browsing Forrst and came about a screenshot of a form designed with Twitter Bootstrap that had the label on the left, the input field on the right, and the instruction that it's required under ...
3
votes
3answers
620 views

Where to place buttons on forms in a desktop application?

When you have a desktop application in which a user is editing records (and performing other operations on records), where is the ideal location to place the buttons for those operations? I have in ...
13
votes
4answers
4k views

Is there a recommended location for a submit button in relation to a cancel on the web?

On the web, is there a recommended location for the submit (Go, Search, Submit, etc) button in relation to the cancel, reset or back button? I'm thinking the recommended positions makes it easiest for ...
2
votes
1answer
212 views

Best placement for “ultimate” page actions

I'm designing an interface for a financial company and am not crazy about the placement of our buttons in some of our wireframes. Essentially, the links in the left sidebar are for "smaller" ...
5
votes
1answer
380 views

Is it ok to have the secondary navigation in the right-hand column?

I've noticed this on thefader.com. my concern is that this is a uncommon place for a subnav and will be mixed-in with ads. further, our site is pretty content-heavy. thoughts?
3
votes
2answers
104 views

Display related images along with the main image

Let's say I've got one screen that has 10-20 images. Each of those will have up to 4 related images. I would need to display the related images along with the main image. Any suggestion on how to ...
14
votes
2answers
757 views

Where should the “Add to cart” button be placed in the product page?

I came across this awesome question on LinkedIn. The author has posted it across multiple UX groups (some open & some closed) so I'd like to preserve the best answers in one location. Many ...
2
votes
1answer
130 views

Navigating a section in which content displayed varies depending on selected year

I have a page that lists a bunch of events depending on what year is given to the site (current, or via URL): The page happens to be at the front of a sub-section, so I have the site's main ...
9
votes
3answers
2k views

What's the Best Placement for Save/Cancel Buttons on Very Long Forms?

I have a big project creation form having atleast having 30-40 fields where i have already grouped the relevant fields as a set(splitting into 3 columns) with proper headers, but still i have a long ...
0
votes
1answer
108 views

What is a good visual format for a “show” page?

Let's say the user clicks on something that is an entity in the system. In my case, it's a template for a course that students take. On this screen, I want to show various properties of the template ...
0
votes
2answers
137 views

What is the optimal position for groupings of odd numbered buttons on a form?

I have 3 buttons on a form: submit, cancel, and exit. I used a larger size and topmost position for the submit and put the cancel and exit as smaller buttons below on the left and right respectively. ...
0
votes
2answers
1k views

Date picker button placement: inside or outside the right bounds?

Which of these is a better approach for placement of the date picker button: Having the button outside the right bounds of the other textboxes: Or having the picker inside: I'm also thinking of ...
1
vote
3answers
238 views

Actions through buttons and alternative ideas

In the following image, you can see a screenshot of the current look of a "Contacts" panel I created. In the area I have highlighted (bottom) there are two buttons to add and remove contacts ...
12
votes
3answers
1k views

Best place for placement of error messages on a form (both generic and specific) [duplicate]

I'm working on a simple registration form which, when invalid data is entered, will display both a generic error (e.g: "There is an error on your form") and also specific errors (e.g: "This is not a ...
5
votes
5answers
425 views

What is the optimal position for a right click menu?

We're in the middle of designing a web application with a right click menu, and I was thinking where to position it relative to the position of the cursor. There are different solutions: Solution ...
3
votes
2answers
365 views

Comment Box above or below ?

I am creating a commenting block on my website. I just want to know which is the better way to put the comment box above the list of comments or below it ? Show i place the Comments above or below ...
7
votes
5answers
1k views

Where to place list filter controls?

Suppose the user -- from a CMS backend WYSIWYG editor -- opens an Insert link-dialog. When having a list of possible link destination pages, where would be an appropriate place to put filter ...
3
votes
2answers
191 views

Placement additional menu on video website; top, bottom or something else

A friend of mine is building a video website where you can watch user submitted videos. Those videos are of individuals speaking their dream in the camera. The focus is on letting people watch those ...
0
votes
5answers
339 views

What is the optimal placement for the RSS icon? is there any?

I think for all websites it would be a MUST to ensure the RSS icon is displayed in the address bar! But there are tons of pages, who don't care and even hide the RSS icon somewhere on the site. What ...
3
votes
3answers
143 views

Need advice on a scroll situation where the clicked item is hard to place

I am developing a GUI where I have a list with products to the left. When a product is selected, an info box is shown to the right. My problem is that the scrollbar for the products is placed to the ...
8
votes
1answer
251 views

Keyboard shortcuts versus mouse usage

I've read about Keystroke Level Monitor and I believe that for the (call centre) application in question the keyboard is, without doubt, the correct input tool for the job. However, there are so many ...