positioning of visual elements relative to each other.
3
votes
4answers
114 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
109 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 ...
7
votes
3answers
299 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 ...
2
votes
6answers
119 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 ...
4
votes
2answers
143 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
253 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 ...
0
votes
3answers
80 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 ...
1
vote
3answers
650 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
205 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 ...
3
votes
1answer
136 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 ...
3
votes
3answers
211 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). ...
4
votes
1answer
75 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
92 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
229 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 ...
2
votes
4answers
197 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
189 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
490 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 ...
8
votes
4answers
949 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
...
4
votes
1answer
1k 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 ...
3
votes
4answers
265 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 ...
1
vote
1answer
150 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" ...
8
votes
5answers
1k 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 ...
4
votes
1answer
224 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
90 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 ...
3
votes
2answers
666 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 ...
12
votes
2answers
353 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
113 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
798 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
93 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
99 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
456 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
173 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 ...
4
votes
5answers
375 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
267 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 ...
12
votes
3answers
813 views
Best place for placement of error messages on a form (both generic and specific)
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 ...
7
votes
5answers
938 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
168 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 ...
3
votes
3answers
455 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 ...
0
votes
5answers
258 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
133 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 ...
7
votes
1answer
224 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 ...
5
votes
3answers
428 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 ...
2
votes
2answers
214 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 ...
5
votes
2answers
218 views
Help with body layout to produce non-floating effect on contents
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. ...
121
votes
23answers
13k 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
3answers
431 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 ...
27
votes
12answers
3k 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 ...
11
votes
4answers
1k 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 ...
12
votes
3answers
309 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 ...
33
votes
9answers
7k 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?
