positioning of visual elements relative to each other.

learn more… | top users | synonyms

8
votes
6answers
3k 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
96 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
93 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
168 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
42 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 ...
8
votes
5answers
523 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 ...
9
votes
4answers
3k 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 ...
11
votes
7answers
1k 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 ...
1
vote
1answer
82 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 ...
42
votes
11answers
11k 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?
4
votes
2answers
114 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 ...
28
votes
14answers
4k 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 ...
14
votes
4answers
421 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
256 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 ...
15
votes
5answers
646 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
175 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
263 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
231 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 ...
19
votes
6answers
721 views

Placement of Previous / Next / Save

Disclaimer: Many questions have been asked on this general topic, so apologies if this is a duplicate, but I think this is distinct from the existing questions. I am designing a five step form. The ...
3
votes
2answers
1k 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
126 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 ...
7
votes
3answers
1k 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 ...
4
votes
4answers
246 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 ...
6
votes
5answers
229 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 ...
4
votes
1answer
2k 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
188 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 ...
143
votes
22answers
19k 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?
4
votes
4answers
325 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 ...
3
votes
3answers
303 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
230 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 ...
3
votes
1answer
186 views

Filter wildget in a dashboard: where best placed?

I have one web page (single web-app) which shows a powerful dashboard. The design of the dashboard is nice and neat and it contains all of the information required by its functionality. To give you ...
5
votes
3answers
500 views

Login Form Placement/Isolation

If you go to http://www.notableapp.com/, you will see that when you click the Sign In button, it takes you to a completely new page with only the login form on that page. Why did the designers ...
4
votes
2answers
265 views

Where to put a global “add item” button?

We're adding a global "Add new X" button to our application (it will show a CRUD form for an activity, the fundamental "thing" in our app). We want it to be clickable from anywhere in the application ...
3
votes
3answers
2k 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 ...
2
votes
3answers
2k views

Fixed Feedback button on the side of LEFT or RIGHT side of the window?

My start up [WEBSITE] is going to be launching in private beta soon and we're trying to decide where our feedback button/tab should go. We've looked at how UserVoice does theirs (bottom right) and ...
3
votes
4answers
260 views

How should I determine where to place an application version number?

I'm developing a desktop application that requires an application number to be viewable in some way for our users. I am trying to determine what would be a good place for it that is meaningful to ...
4
votes
1answer
84 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
104 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
415 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
258 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
339 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 ...
8
votes
5answers
1k 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
540 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 ...
12
votes
4answers
3k 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 ...
1
vote
1answer
181 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" ...
4
votes
1answer
310 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
100 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 ...
12
votes
2answers
524 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
126 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 ...
8
votes
3answers
1k 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 ...