Questions tagged [alignment]
Placement of interface or informational items such that they line up neatly, which can be used for aesthetic design or to suggest associations between related entities.
118
questions
8
votes
3
answers
2k
views
Alignment of input fields in a form with plain text
I have a details page containing a list of information and input fields at the same time. Sections are alternating between information and input fields.
I am debating between the alignment of data. ...
- 393
8
votes
4
answers
5k
views
Left-align or right-align a Call to Action button?
We are creating online presentation, and most of the text on the pages is centred, on the last page we have CTA, the button leads to a different website, that is aligned to the left. I was asked to ...
- 3,062
0
votes
1
answer
180
views
Best way to align controls in different sections of a form that has different controls and layout
I'm having a hard time designing a simple form to make it look neat. Below is the snapshot of my form which has different sections in the form.
Each section is having different combination of ...
- 103
2
votes
1
answer
2k
views
How to align a Date/Time in a field?
I have some issues about choosing how to align a Date/time data type in a field. Which is the best way to align this type of date and why? Right or left?
P.S We use WPF.
[------25.03.2015] or [25.03....
- 23
5
votes
3
answers
2k
views
Is there evidence that text in a table vertically aligned middle is easier to read compared to vertically aligned top?
I have an html table and there is one column that is much taller than the others and I am trying to get a recommendation if I should be vertically aligning the rest of the columns to the top or middle....
- 1,351
71
votes
7
answers
13k
views
Why are calculator screen digits right-aligned?
Is there any logical reason behind digit alignment on a calculator? If yes, can we apply this for visual interfaces of numbers on the web?
- 3,708
0
votes
3
answers
982
views
Icon Placement within a row
I have a table with template names and the actions available will be shown in the form of icons next to the names. There are two options.
Option 1 Icons next to the name(left aligned) appearing on ...
0
votes
3
answers
1k
views
Are centered input boxes cool?
Take a look here - http://jsfiddle.net/9wFJS/2/embedded/result/
Which of the three is good? This is inspired by a conversation here...
I like the second one, but two users disliked it. One saying ...
- 564
5
votes
5
answers
788
views
Top labels alignment on forms: Align with text (typographically) or with input borders (geometrically)?
EDIT: I've added a psd of the screen making the issue clearer. See how the text is flapping[*] on the right while he is aligned and actually seems to be more easier to read on the left?
Original post:...
- 862
2
votes
4
answers
266
views
Should quantities with unit labels be left- or right-aligned in a grid?
e.g.
3 months
12 years, 3 months
10 years
8 years, 6 months
- 139
2
votes
4
answers
4k
views
Should "Date & Price" or other Numeric column along with their Heading be aligned right always?
I have a many tables in my application, where there are some "Numeric" columns like "Phone No/ Ext No, Date, Price, Serial No"
So I have a question should these columns be always right aligned? And ...
- 291
0
votes
2
answers
220
views
Should read-only Boolean grid columns be aligned to center?
My understand is text should be left-aligned; dates, times, and numbers should be right-aligned; images should be centered.
What about Boolean strings "Yes"/"No"? My hunch says to center them.
- 139
1
vote
1
answer
374
views
Alignment for report columns
I am currently creating a Crystal report, but having difficulty on how to align certain columns. I have a Social Security, employee_name, Check Number and Amount.
I understand that the amounts ...
- 13
0
votes
2
answers
61
views
How should I align two separated items of unequal widths?
Recently, I've come across two cases where I have two items separated either by a vertical line | or a bullet *.
Here is one of the cases with an arrow pointing at the bullet:
So my question is, ...
- 154
25
votes
8
answers
5k
views
When a star-rating is right-aligned, should I fill the stars from right as well?
When building graphics for an app, I have right-aligned a rating from 1 to three stars. Being mainly a designer, my gut told me to fill the stars from right to left. So, i.e. empty empty filled for a ...
- 472
1
vote
1
answer
189
views
Different alignment for elements of two groupBox in a form
I'm trying to design a settings form for a Desktop Application. There is two groupBoxes in the form. Each groupBox may contains some elements(TextBox, ComboBox , ...). Is it force for good design to ...
- 113
2
votes
2
answers
530
views
Change Password Button Alignment - Left / Aligned to input cell / Right? Why?
We are designing a Change password box in our web app.
This is part of the "Account page" - not in a dialog.
Where does it feel the most natural to place the "Change Password" button in this case?
...
- 5,040
1
vote
4
answers
12k
views
How to best align numbers and text in one column?
I am struggling with small redesign of our app's screens. I have a few labels + values (one under the other) which contain numerical and text data.
Another complication is that some of those numeric ...
- 476
1
vote
3
answers
88
views
Is it ok to have multiple items with different alignments with an online form? or does this break flow?
We have an on-line form that gets over 40k in hits each month on our software, I am currently performing a content audit and making some initial design suggestions to improve the aesthetics of the ...
- 1,157
7
votes
3
answers
5k
views
Having the "Hamburger Menu" to the right, shouldn't menu items be right-aligned as well?
It's clear that the Hamburger Menu should be to the right of a native app and web application. At least our community concluded (through voting) on the question Hamburger menu icons - should they be ...
- 55k
0
votes
1
answer
940
views
Label align location for input box [duplicate]
I have form with long input list and corresponding labels for them. Labels inserted in left, because form has a lot of input elements and right side is reserved for errors info. So I have only option ...
- 109
6
votes
2
answers
339
views
Form label alignment for fields that are not completed in a logical order
I'm defining a project based around inputting telephone enquiries into a form. The enquiries are conversation-based rather than in a question-answer format, so the responses could come in in any order....
JonW♦
- 37.4k
6
votes
5
answers
15k
views
iOS 7 top navigation bar text alignment
I'm working on an app that has 3 elements in the nav bar:
a "back" button
the title of the screen you are currently on
a "logout" button, when you're logged in
Now I have some problems regarding ...
- 171
10
votes
8
answers
2k
views
Placing icons next to numbers - to the right or left?
In our system, we have many places where we show number values, and next to them we show an icon indicating whether the value is good/mediocre/bad. Before I joined the team, there was no guidelines, ...
- 5,033
10
votes
4
answers
4k
views
Message alignment in a chat
I am writing a chat software and we had a discussion about the message alignment.
On the one side there is the “traditional” layout where the username starts at the beginning of the line (left in ...
- 313
1
vote
2
answers
1k
views
Best practices for multiple buttons
I need some help with the layout of multiple buttons/links that have to be laid out in a row.
The delete button is furthest from the others in order to avoid error, but I will have a confirmation ...
- 595
5
votes
2
answers
4k
views
Filters on top or on side of the table
I have 2 options to show filters for a table. One option places filters on the top and the other on the side of the table. For both options we'll give users the ability to hide the filters (by ...
- 689
4
votes
5
answers
6k
views
Should mobile navigation be aligned to the left or right?
I apologise if this question is a duplicate. On a quick browse I couldn't see anything referring to this. I've always aligned my navigation icon on mobile to the right. Mainly because I just assumed ...
- 1,370
9
votes
3
answers
323
views
Having two different label alignments in one website / application
I've come to learn that label alignments have their purposes: top-aligned / right-aligned for faster completion (usually for forms asking common information) while left-aligned for slowing down ...
- 4,278
10
votes
3
answers
3k
views
Should forms be aligned left or center, if less than full page width?
Our web application has a small header and nav menu at the very top, and below, there is simply a large area of open space. We have no need for an always-present sidebar, so there is just one column. ...
- 547
9
votes
4
answers
2k
views
Is it useful to have all the input controls in a form the same width? [duplicate]
All the input controls are the same size in this question about form design: Why might right aligned field labels be better?
My question is if does it help with something, or it is just a matter of ...
- 193
1
vote
0
answers
52
views
What are the determining factors to decide whether or not centrally align a website UI? [duplicate]
Possible Duplicate:
Is there a usability reason for centering a website’s content area on a page?
For a website with fixed width (ex. Stack Exchange, Twitter UI) which shows content in a central ...
- 133
4
votes
1
answer
2k
views
Grid text alignment rules
I was wondering if someone has come across rules used by web designers for text alignment in a grid.
I was observing that majority of text is aligned towards left, but financial figures with ...
- 481
25
votes
2
answers
3k
views
Input Field Widths
In a form with several input fields, is it better to define the same width for all fields (in order to maintain alignment), or to have different sizes for fields that are intended for less data?
For ...
- 363
1
vote
1
answer
968
views
Alignment of dates/dateparts in grids
In some applications, dates can be entered manually as a date, or also as year/week (where we then calculate the first date of this week). We also use this for periods as well (year/period).
How ...
- 503
3
votes
2
answers
222
views
How do you align information in a layout with a lot of horizonal space?
I am building a profile page for a web app with a fixed layout with a width 985px (essentially to fit a maximized browser window on a 1024 x 768 monitor).
I currently have a problem where there is ...
- 5,898
6
votes
3
answers
608
views
Aligning text data in a grid
I've been asked to look at one of our legacy applications from a usability perspective. On one screen, we have a situation where data is displayed in two columns (eg. Key: Value) where we've right-...
2
votes
1
answer
3k
views
Are centered web pages better than left-aligned ones? [duplicate]
Possible Duplicate:
Is there a usability reason for centring a website's content area on a page?
I'm facing a difficult problem that I can't seem to solve rationally.
I find that it that ...
- 266
3
votes
1
answer
5k
views
Accordion or drop down menus?
I am in middle of a confusion, where I am not able to choose between accordion menus and drop down menus?
I have a menu of links, just the way I have shown in below Wire frame. [Learning Apps]
On ...
- 395
41
votes
3
answers
74k
views
What is the best practice for data table cell content alignment
We are currently working on a windows based application where users capture data. Some data is captured in a table where other data is captured in text blocks. Im currently faced with the dilemma of ...
- 752
19
votes
2
answers
10k
views
Should text on the web be justified?
Are there any studies on the use of justified text in web apps? How does justification affect screen legibility?
Example of justified text:
- 1,042
6
votes
1
answer
411
views
Is it OK to change label alignment inside a form if labels vary greatly?
I am designing a form that asks for a lot of data in the form of
Short Label [text input]
However, in between all those short labels there's suddenly longer questions such as:
Are there other ...
- 355
22
votes
14
answers
33k
views
Yes/No radio buttons: Vertical or horizontal Alignment
Currently looking at a long form with a lot of "yes/no" options presented as radio buttons. Is there any evidence to suggest that displaying radio buttons aligned vertically or horizontally is ...
- 5,575
11
votes
4
answers
1k
views
Mixing Full Page-Width Navbar With A 960px Body
Is there ever a use case for mixing a full-width top navigation bar (meaning the navigation bar content is also full-width) with a contained body (around 960px)? What are the benefits or drawbacks to ...
- 10.4k
5
votes
2
answers
806
views
How to align hint icons
Let's say we have a form with a few fields, where each row contains a label, a field and a "hint" icon. Let's say it's about 10 fields.
The problem is that the fields are generated automatically, ...
- 31.2k
17
votes
2
answers
6k
views
Button Placement
I'm currently developing a website and we have come across a few things on the placement with buttons that we are unsure about.
The website has a booking process and on this process we have right-...
- 171
8
votes
2
answers
2k
views
How to best display a table of data with sub items?
We have a web application where we show lots of data in "datasheets". As part of this, some data values can have other values associated with them. To make it more complicated, every item can have ...
- 929
16
votes
4
answers
9k
views
How should times be aligned in a column
I have a data grid of three columns of type [Time, Decimal, Decimal]. All records in the decimal columns have the same number of decimal places. I have right aligned these as they're numeric.
But I ...
- 263
0
votes
2
answers
2k
views
What is the recommended alignment layout for a horizontal menu bar on a web page?
I have a horizontal menu on the top of a web page (pretty common) and I was having a debate with a friend about the preferred and most logical layout of the menu items (centered or left)
He was ...
- 1,351
10
votes
8
answers
5k
views
OK for dropdown button to be on the left?
Perhaps a minor point, but I thought I'd ask anyway...Normally, the button to drop a dropdown display is to the right of the display area, but I have the option to put it on either side, like so:
Q1: ...
- 447