Questions tagged [placement]

positioning of visual elements relative to each other.

Filter by
Sorted by
Tagged with
1
vote
1answer
42 views

Why do modern GUIs tend to have buttons on the side of message boxes?

Message boxes used to have buttons centered horizontally. E.g. here's one you'd get with MessageBoxW API function on Windows XP: But more modern systems have message boxes with the buttons on the ...
2
votes
1answer
52 views

How to present a lot of choices and options, where each case is important?

Can't show app interface but here is the concept. 1st image situation and a short description of the person. The Second image is Cases and options for how to help. (First, you choose case then option)....
-1
votes
1answer
47 views

best landing page CTA placement (best practises)

We are building a landing page for buy box report where we want user to fill out the form as priority and so we kept the cta in each section. click on cta it again goes to top section to fill out the ...
19
votes
6answers
5k views

Should submit button be always visible or displayed after filling all required fields?

I am designing a long form in which all fields are mandatory and form cannot be broken down into steps should submit button be fixed at bottom keeping rest of the form scrollable or the button should ...
0
votes
2answers
123 views

Form alignment left side to right side

I am very new to UX and I find my form to be sloppy. Is it an alignment problem? Should I align the text on the right side with the text in the left side of the form? For example: should I align " ...
1
vote
5answers
282 views

Placement of Help button: left or right to OK/Cancel

I'm adding help to a Windows desktop application that is being in use since the Windows XP era. All the modal dialogs display the typical OK/Cancel button set placed at the bottom right as shown in ...
1
vote
2answers
75 views

The placement of Next button in app for warehouse men

The app will be used on an Android device with touchscreen but physical keyboard. The device allows for bar code scanning so there's also a handle for more comfortable usage. There are a few steps ...
1
vote
1answer
257 views

How to display a page with only one sentence and a link? [closed]

I have a page with only one sentence and a link after a form submission but I don't know how to display them to look good and still kind of 'appealing' to the user. The sentence is (translated): Data ...
0
votes
1answer
64 views

chat and back to top in the right bottom corner

I can't find any good examples from the web where chat box button and back to top button are both placed in the right bottom corner.I have to place both of them and I don't know what would be the best ...
1
vote
3answers
142 views

Confusing button options for user

We are working on a design that allows users to select from a few designs and then print. The issue is that there are 3 options : Print with Regular printer Save as image and print with special ...
8
votes
5answers
2k views

Placement of More Information/Help Icon button for Radio Buttons

Throughout our system we are going to standardize when and how more information/help is used on specific input fields. In general the standard will be to have the icon/button follow the field like so:...
1
vote
0answers
44 views

Gaps between active areas of menu items [duplicate]

What is a better solution to make gaps between active areas of menu items or place them close to each other? I'm asking just about active areas of links not about visual styles. For example, maybe ...
2
votes
1answer
36 views

Where to put a live video feed in our app

I need to incorporate the live video feed from a camera into our app (which runs on Desktop but also tablets), which is basically a navigation tool with a map view, and some controls on the right side....
4
votes
3answers
198 views

How to write currency codes for cryptocurrencies?

For "normal" currencies there is usually a sign (e.g. $, €) and a code (e.g. USD and EUR) to denote that a number is a monetary value. Depending on your locale setting the sign can be written before ...
1
vote
2answers
77 views

Numbers alignment in a table and in a topdown label placement

Hello UX Stackexchange, Recently I'm facing an issue in terms of forms design. My developer has insisted that numbers should be aligned right. But I think that since the input for numbers are far ...
1
vote
2answers
858 views

Placement of data table delete/edit button

Using material design and making a desktop application. Should I add the delete and edit button on each row like this: or in the Color zone at the right (near the 3 dots):
1
vote
5answers
158 views

Can I put shopping cart there?

As far as I know, right top corner (near or on the nav bar) is where users typically look for a shopping cart. But here I have my navigation in a sidebar, so is it justified to put the shopping cart ...
2
votes
2answers
243 views

Call to action button within/out of a table on a pricing page

I am wondering if there are any points/reasons regarding UX in defense of either one of those two solutions: the CTA outside of the table at all or in the bottom "section". Not minding the colors ...
1
vote
4answers
164 views

Disagreements with button proximity

On the Sign In page, we have two links. One is for Clients, which is the primary login form. There is a button for our Employee Login, which is a Single Sign On process. I put the button on the top ...
3
votes
1answer
92 views

UI Design to explain translation and rotation of an specific object to the reference

I want to explain and show the user in which way he should rotate or move the object to fit exactly in the right place. The user can't see the orientation points that are outside the view. He also ...
14
votes
5answers
5k views

Which is better, Side Menu or Fixed Bottom Menu?

Currently I'm designing an android app that has 4 main menus without extra sub-menus (just simple menus like Home, My Loans, History, Settings). This app is a financial product to help users acquire ...
21
votes
3answers
12k views

How to deal when two or more markers in a map are super close?

I would appreciate if you can help me to find an elegant solution to the issue of having lots of markers in nearly the same position of a map. Clustering is not a good solution in this case given the ...
0
votes
1answer
40 views

I need help arranging the elements for my minimal password generator

Here is the website right now: apasswordgenerator.website So there are 3 elements: A generate button two trackbars to change the settings three passwords that are generated Right now I have the ...
4
votes
4answers
2k views

Where should a floating feedback button be placed for maximum use?

I am working on a project where my actionable buttons next and previous were placed to the bottom right and left corner of the browser. It wasn't a problem until floating feedback button was added to ...
27
votes
1answer
6k views

Where is the Best Placement for Breadcrumb, top or bottom?

Usually I see that every website put their breadcrumb on the top, but apple put their breadcrumb on the bottom before the footer. Does that work better than when we put it on the top?
6
votes
2answers
667 views

Placement for next, prev and complete form later actions

We have a seven step form that the user must take, in every step there is condition that affects the next step. This is a government project, so the form has many fields and it takes a while to ...
1
vote
1answer
2k views

Where is the best place to put my AdMob banner that will minimize misclicks?

Here is the current position of my AdMob banner: Is this the best place? Because I have some concerns: The ad may be too close to the FloatingActionButtons, although there is some space between the ...
1
vote
2answers
83 views

Where to place my summary row

I am currently working on a event scheduling page and I am not sure where to show the summary of the event scheduled. I have shown it on the top right corner but I feel it can be shown in some other ...
2
votes
4answers
126 views

Advertisement and breadcrumb placement on listing page

I just want to place a Google ad on the catalog page. Right now I have placed the breadcrumbs before the ad (option A). I have another option that I can place the breadcrumbs after the ad like in ...
1
vote
1answer
399 views

Will a banner with CTA (Call to Action) drive more users click than banner without CTA (Call to Action)?

I'm just curious that a banner with CTA (Call to Action) will drive more users to click than banner without CTA (Call to Action). The banners will be placed on homepage as a slider.
0
votes
1answer
36 views

Placing meta data in horizontal post boxes [closed]

Note: Dark gray line represents the post title Gray lines represent the post excerpt Light gray line represents metadata; data/author name etc. Displaying meta data in a horizontal box looks fine ...
1
vote
1answer
182 views

Placement of a status area

I have read with great interest this discussion relative to web applications. Now I'm facing a very similar problem with respect to notification/status information inside Desktop applications. There ...
2
votes
2answers
405 views

Action button placement different for modals than base screens

I'm redesigning a product for iPad and Windows, and currently looking at the way buttons are placed in the application. Base screen Here is what a generic "base screen" looks like. Nothing special, ...
2
votes
1answer
357 views

Placement of language switcher when multilingual isn't global

We're creating multilingual variants for certain content types in our site, as well as the home page and several other main landing pages. However, we are not making (nor do we need) Spanish-...
1
vote
2answers
58 views

Action placement for reoccurring tasks

I am trying to figure out where the action button should be located in an internal application where various tasks and data decisions are presented to a user. Each item has various content which could ...
1
vote
2answers
708 views

Filter placement

I'm working on a page which shows multiple products and it needs some sort of filtering. I've seen a lot of websites place filters for the content either above or left of the content, as shown in the ...
3
votes
1answer
699 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 ...
7
votes
2answers
214 views

The logic behind the switchers placement in the iOS Control Center

The iOS Control Center contains two rows of buttons at the top and bottom of the area. The previous implementation of it made more sense to me, as the top buttons were switchers, and the bottom ...
0
votes
2answers
107 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
3answers
208 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
3answers
1k 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 ...
3
votes
1answer
399 views

Where to put licence notes of used artifacts

I intend to use an icon in a website, of which the licence requires a link back to the designers site. What is a good place to put this link into? My current idea is to have a link in the footer to ...
5
votes
1answer
670 views

Put a search/filter above or below a list?

I'm giving users a dialog box to search for and select one font and provide a way to filter the list of fonts. What I don't know is whether to put the search box above or below the list. Above: Pro:...
2
votes
6answers
7k 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 ...
3
votes
3answers
548 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
502 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 ...
11
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
2answers
648 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 ...
1
vote
2answers
812 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?
2
votes
2answers
326 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.