positioning of visual elements relative to each other.

learn more… | top users | synonyms

34
votes
14answers
6k views

Should the OK/Cancel buttons be aligned right or centered?

Where should I put the OK/Cancel buttons on my dialogs? At the bottom centered or aligned right? I've seen both and I personally don't care, but I want to create a consistant look across my ...
3
votes
2answers
177 views

Are button wheels around cursors ineffective?

Because of Fitts' law, it seems that positioning commands at the immediate proximity of the cursor makes it possible to access them relatively fast: probably not as fast as elements in the corners of ...
0
votes
1answer
93 views

Is it best for users to put the delete action/button/link on the edit record page on the web?

It seems that a lot of interfaces put the delete action on the record edit page/screen and sometimes the view page/screen vs putting them right in the record list. I'm wondering if this is considered ...
9
votes
12answers
3k views

Placement of “done” checkbox button

My team is having trouble deciding where to place a done checkbox. We have a website containing a collection of pages in a row from first page to last page. Each page can be a text or assignment. ...
0
votes
1answer
42 views

Displaying add to cart button upon mouse-over?

I noticed that on Etsy, when you mouse over products after conducting a search, two buttons display in the upper right hand corner to either "heart" the product or add the product to a list. How ...
0
votes
2answers
40 views

Where should I place the leaderboard ad? [closed]

I've seen the leaderboard ad mainly being displayed on two locations: above header and below header. Above: Below: My question is, why did these websites went for one option over the other?
190
votes
24answers
36k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
3
votes
4answers
132 views

Place Ad after Title or Lead text?

I have a blog that focuses on list articles (10 Photos of Cats You Like) that are structured like this: > Title > Facebook Share > Lead Text > Image #1 > Image #2 > Image #3 > ...
3
votes
2answers
230 views

Is it really a bad thing to place an ad TV in front of the stairs?

We have the following room arrangement with a plan on a 40 inch TV mounted on the wall. download bmml source – Wireframes created with Balsamiq Mockups In this place people usually walk ...
5
votes
3answers
602 views

Does the 'mile high menu bar' still apply to web apps?

In this article from Joel on Software, Joel talks about how the easiest parts of the screen to click are the edges, and how putting menu bars at the absolute top of the screen increases usability. Can ...
1
vote
2answers
89 views

Where should table filters and search be placed?

Any ideas on whether filters should be on the left or right of a table? What about search? They both narrow down the contents of what's in the table.
2
votes
2answers
216 views

Ok to show iAd beneath Tab Bar?

Would it be acceptable in an iPhone app to show the iAd underneath the bottom tab bar? I know that this is not ideal, but for programming reasons I find that it may be necessary. Does this impact the ...
11
votes
4answers
1k views

Position of negative/positive buttons [duplicate]

Consider two buttons: - OK - Cancel Should the positive 'OK' button be placed on the right or left? Is there some rule or convention that needs to be followed in this case. Consider the following ...
0
votes
5answers
68 views

What's a sensible location for privacy or terms of service info for a page without a footer

For legal reasons, we now need to provide a link for privacy and terms of service information. This needs to be accessible from all pages in the system. Normally this stuff goes at the bottom of the ...
2
votes
1answer
94 views

Best place on screen to put drag and drop

I'm having a set of items and a set of groups, The items can be dragged and dropped onto the groups to make a different combinations as user wants. Now my question is which is the best place on ...
5
votes
3answers
179 views

How should I place 3 equally important CTA buttons?

This is an airport transfer quotation form I've created. The user will first select the pick up, destination and number of passengers. Then, they will retrieve the type of vehicle, price and ...
23
votes
6answers
1k views

Placement of buttons for Previous, Next, and Save Draft actions

I am designing a five step form. The user can exit the form and return to it later. So I have a Previous, Next, and Save Draft action. What is the ideal placement of the buttons/elements? I want ...
4
votes
3answers
377 views

Formatting a Login Screen

I am designing a login page for my school's network. I'd like to display the logo of our school next to the login form. I've created two prototypes: In the first design, the image+form is ...
1
vote
3answers
116 views

Alternating images left and right: is the UX better than all on one side?

The site I'm working on is basically a brochure showing prospective job candidates about our non-profit organization and our city. I've done some research and cannot find any relevant information ...
1
vote
2answers
166 views

Are window interaction buttons on the right bad for cross-platform apps with a custom border deployed on a Mac?

I am developing a cross-platform application with a custom border. The window interactions buttons (minimize/maximize/close) are in the top right, like Windows. However, when the application is run on ...
9
votes
3answers
6k views

How to choose the better placement for Sidebar: Left or Right?

I have a question about sidebar navigation. I am designing a web page for latest news and placed the sidebar (news navigation) on the right side. My logic was that "On the news page at first people ...
3
votes
3answers
466 views

Placement of Buy now/Download buttons

Hello respected UX community, I am working on a new website which will be used to sell a software application, but will also have a free limited version of it (not time limited, but feature limited). ...
2
votes
2answers
98 views

What is the best placement of character counter relative to the text field?

I want to show a character count beside a multi-line text field. Looking for any research or usability test findings regarding the location of that character count relative to the field (pic shows ...
0
votes
2answers
255 views
5
votes
5answers
463 views

Where to place a delete button in a modal

Currently in our application we have tables of information that give you some of the most important data and them we have a view more link that pops open a modal dialog and gives the user all of the ...
1
vote
2answers
268 views

Correct Placement of Newsletter Sign Up?

I am working on a website for an asset management company, and I need to provide a newsletter sign-up option. Is a newsletter something users are specifically looking for on a site, or is it more of ...
54
votes
11answers
21k views

Should checkbox labels be to the right or the left?

I've got some checkboxes with text values of varying lengths (from say 5 characters up to about 60) - which is the preferred layout? Value to the left and checkbox to the right, or vice versa?
9
votes
6answers
5k views

Placement of the logout button/link?

In my experience, having a "logout" button/link of some description in the upper right hand corner is (or was) pretty standard. Is this documented/recommended anywhere? Sites that require javascript ...
0
votes
2answers
313 views

Login in a popup vs sidebar [closed]

I have been wondering why most of the popular websites go for displaying the login form on a popup or a separate page vs having it in the sidebar. One of the very few of them that has the login form ...
0
votes
3answers
200 views

Side comments on news feed

I am building a news feed and I thought of changing the location of the comments to be on the side. Besides Medium that does it more for footnotes, I didn't see a website that has real discussions on ...
3
votes
2answers
1k views

Is an off-canvas slideout menu usable when placed on the bottom-right instead of the top-left?

As I'm going into CSS frameworks(Toast, Yaml ,Bootstrap, Foundation, etc) I've hooked into the usability of navigation menus when viewed in smaller screens, some frameworks convert it into a ...
1
vote
2answers
82 views

What would be a good placement for a translation menu that works well on the desktop and mobile versions of a website?

I'm designing a website and I need a visible menu for the English translation. I'm looking for a good placement for mobile and desktop. Right now I found 2014.ictdays.it as a good solution for the ...
9
votes
5answers
1k views

Volume controls: Why is left down and right up?

I see a lot of people discuss the order of buttons (e.g., should OK be on the left and cancel on the right? or submit button on the left or right?) but something that I wonder: Why do volume ...
13
votes
4answers
7k views

Where to place currency symbol when localizing and what to do with odd symbols

Is there a suggested, single location to place the currency symbol every time for any given locale? For example, always on the left with a space before the amount like this: R 10.00 $ 10.00 € 10.00 ...
12
votes
7answers
4k views

Is there a “best place” to put ads in an app to avoid user irritation or will users look over them anyway?

I'm embarking on a new project and one of the stipulations from the client is that the Android app I am designing MUST have banner ads in it but they are also to be put where they will "cause the ...
4
votes
2answers
143 views

Should the comments/discussion slide-in from the side?

I'm implementing something similar to source control (like GitHub for flow charts) where users will have a list of changes that can be submitted. On this review page they can click on a change to see ...
17
votes
4answers
611 views

What is the important aspect to consider when deciding where windows interaction buttons should be placed?

In most windows desktops the minimize, maximize and restore buttons for a window are placed in the windows decoration on the top right. However, MacOS and now Gnome in Ubuntu have placed those buttons ...
1
vote
4answers
350 views

On a mobile device, where in the navigation menu should “login” be placed?

Let's say that on mobile devices, a user selects a menu icon to reveal a dropdown menu of navigation items. Within these navigation items, there is the option for the user to login - With all other ...
16
votes
5answers
847 views

Emerging UI trend: comments in the margin - pros and cons?

Context: Irrespective of threaded-vs-unthreaded comments, I've noticed that a few sites have started to experiment with comments in the margin (as compared to comments above or below content in a ...
2
votes
3answers
278 views

How should 'Quit', 'Save Draft', and 'Continue' be positioned on mobile web?

Note: Due to the constraints of this project, I can only touch the CSS. Basically, we're being hacky and styling this desktop site so that it's halfway usable on mobile. I'm working on a web app ...
4
votes
2answers
271 views

How can I place contents on the body of this site layout without making it look like it's floating? [closed]

I am a programmer and I need a designer's expert advice regarding the website layout I am currently working on. Here is the layout to start with: Click image for full resolution I have a full ...
4
votes
3answers
358 views

Long Form, What to Place First: Required or Optional Fields?

We have a very long form, 40 fields. Q1: Where we should place the required fields, at the top or at the bottom? Q2: Based on the first question, where we should place the submit button? Top, bottom ...
4
votes
2answers
2k views

Form design and placement of action buttons

This question involves a data entry form in a web application. The form will be used in a desktop environment only; there's no need to account for mobile. A single user of this web app could be ...
0
votes
3answers
172 views

placement of interaction elements on screen?

What is the best place for interaction elements? Here's the situation: In our software there is an object (in this case a list with several items) that a user wants to work on. A user could perform ...
17
votes
3answers
2k views

Horizontal and vertical menus in web applications

It is now very common to find top horizontal menus in websites. Some reason of that might be habits and Jakob's law. In web applications you might find a menu on top or on the left side equally. Most ...
6
votes
5answers
393 views

Forms: Sample description- for label or field? what should be the placement?

I need to place example input text [abc@pqr.com] for a field or label. Where should I place example (or sample) input description? Here, I have shown four examples of an email ID input for ...
5
votes
1answer
5k views

Why do my / sent text messages appear on the right of the dialogue?

When I read another thread why text messages on the iphone aren't displayed at the full width the following question came to my mind: Why do my text messages appear on the right and not on the left ...
2
votes
6answers
273 views

Placement/order of buttons

I'm designing a form that will be used for posting an advertisement. The form will include the following buttons in its bottom section: Reset Preview Update I need advice regarding the ordering ...
5
votes
4answers
354 views

Should I place my menu on top of my mobile version of this showtimes website?

I'm trying to design a simple website that will show movie showtimes in a few cities. It's going to be a french website but I translated the important content in the screenshots and the website to let ...
2
votes
2answers
255 views

What is a clean, uncluttered way to have a “Main Menu” access button in a videogame?

I am trying to design a UI system for a computer game I am creating, but I don't know how to have the player access the main menu without clutter and unnecessary distraction. The ideas I have ...