positioning of visual elements relative to each other.

learn more… | top users | synonyms

3
votes
2answers
2k 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 ...
3
votes
4answers
371 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 ...
3
votes
2answers
109 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
1answer
308 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
149 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 ...
2
votes
2answers
272 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 ...
2
votes
3answers
3k 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 ...
2
votes
2answers
759 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
3answers
372 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 ...
2
votes
1answer
230 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" ...
2
votes
1answer
149 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 ...
2
votes
2answers
407 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 ...
2
votes
6answers
308 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 ...
2
votes
1answer
131 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 ...
1
vote
2answers
122 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 ...
1
vote
2answers
137 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.
1
vote
2answers
374 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 ...
1
vote
2answers
185 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 ...
1
vote
3answers
254 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 ...
1
vote
2answers
126 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?
1
vote
3answers
284 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
108 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 ...
1
vote
4answers
422 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 ...
1
vote
6answers
709 views

Where to place Logo, left or middle? [duplicate]

Most people say upper left is the best, due to recognizability issues. I saw a video on Treehouse and showed that CNN did the bold move, to put it in the middle. Then i checked CNN and the logo was ...
0
votes
1answer
107 views

Where should the icon to the mobile menu be placed?

I had a client bring up a good point recently about a mobile menu, specifically where should the "hamburger" icon be placed? In looking at sites you see it in three common places, top right, top ...
0
votes
3answers
222 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 ...
0
votes
2answers
83 views

Button to the Left or Right of Text

If I have list and each item has an expand button, should the expand button be on the right or left of the text? If it's to the left of the text, then all the buttons will align, but if it's to the ...
0
votes
2answers
362 views

Where to place filter controls for a search

Should filter options go above the search or under? Why?
0
votes
2answers
2k 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 ...
0
votes
2answers
128 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
161 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
3answers
123 views

Where Is there a “best place” to put navigation/menu bar in an app

I am doing User Experience research and I would like to know where Is there a “best place” to put navigation/menu bar in an app to give the best user experience and why is this? By navigation I mean ...
0
votes
1answer
119 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 ...
0
votes
5answers
78 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 ...
0
votes
3answers
247 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 ...
0
votes
3answers
87 views

Where to place a “Add Car” button

I am really trying to make it simple and elegant but I can't decide where to place this button where a user can add there car to there profile. I attached a screenshot of my mobile app, any answer ...
0
votes
2answers
440 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
1answer
112 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 ...
-1
votes
1answer
677 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 ...