User Experience Stack Exchange
User Experience Stack Exchange

Questions tagged [layout]

The way in which the elements of an interface are laid out.

Layout, generally, means the spatial arrangement of elements. It may be in architecture, design, or some other field.

In context of UX, we generally talk about the interface layout. Interface layout represents the positioning of the various interface elements viz. text, buttons, labels, menus, media, etc. in the designed interface.

901 questions
19
votes
1 answer

As screens become wider, should navigations and toolbars go away from the top, to the sides?

The counter-example to my question are the ribbons that MS introduced with Office 2007; they take up a lot of screen estate at the top of the user-interface. Since the screens become wider and wider (from the original ratio of 4:3 to 16:10, now at…
ammoQ
  • 979
  • 7
  • 11
17
votes
6 answers

Ragged edges vs. alignment

In an enterprise application I have a list of items and their statuses, and we can't agree on the layout. Some people are bothered by the ragged edge that's created on the left in the first version. They insist on aligning the statuses to the…
Vitaly Mijiritsky
  • 31,167
  • 12
  • 84
  • 146
6
votes
3 answers

Where should vertical tab-bars be placed?

we are redesigning our webbased software product. All main tabs (called: modules) have the same layout: In the upperleft of each they have a breadcrumb and the page title. Most modules have a second navigation level, represented by a second…
Maarten
  • 127
  • 1
  • 5
6
votes
3 answers

How to display a large user info in a small space?

I am currently taking a stab at a problem that - user needs to see all his info in the header. The problem is - as per current design the header is very small .How should I include the user name,dob, address etc in that small field? User also wants…
UI test
  • 61
  • 2
5
votes
1 answer

Should my gutter/margins expand in a fluid design?

I'm redesigning a page, and am going for a fairly basic fluid, 2-column layout. With a fluid layout though, should I have my gutter and margins expand along with the columns, or would it be better to keep them a static size regardless of how the…
aslum
  • 1,383
  • 13
  • 16
4
votes
2 answers

How to display vertical and horizontal information in the same space?

I am working on a webapp that is largely datagrids. When a row of the data grid is selected a detail pane slides up from the bottom of the app that displays various information related to the selected row. My issue is most of the information is also…
rdellara
  • 880
  • 8
  • 17
3
votes
1 answer

Which would be more appropriate: redirecting users on a subdomain to go to my shop or stay in the same domain

I am currently designing my portfolio and I want to integrate my shop into it but I'm quite not sure if it would work with my idea. My idea is to build my portfolio and have a button where it says "Visit my shop" then they'll be redirected on…
CheeseCake
  • 131
  • 2
3
votes
2 answers

Alternative way to displaying unordered list items in 3 columns

I'm trying to find an alternative way of displaying 50 unordered list items in 2 or 3 column layout. I feel the pattern I've using looks quite "blah." Sample layout: Browse by Featured Topics [Image, heading 1] [Image, heading 2] [Image, heading…
Dev Sites
  • 31
  • 2
3
votes
2 answers

How do I lay out non-rectangular UI elements?

Does anyone have a good reference for laying out non-rectangular user elements? I don't just mean circular buttons which are laid out as if they were in a square box, and I don't mean placing them exactly - I need an automated way to lay out a…
DJClayworth
  • 684
  • 4
  • 12
2
votes
1 answer

Ideas for a interface layout

Hope you get the idea of what I'm trying to layout. I have an interface where I display all the information of a user (name, age, height,etc etc) and I also want to display the last weight of this user. Something like this: Weight: 45KG | new Weight…
Giancarlo Corzo
  • 123
  • 2
2
votes
1 answer

Is there a reason behind gratuitous use of whitespace on YouTube's new layout?

Possible Duplicate(s): What are some advantages of left-aligning columns within the browser window? UX design pattern for whitespace I opened YouTube on Friday to see its new redesign. It seems it has been "left-aligned" rather than "centered"…
tombull89
  • 121
  • 4
2
votes
3 answers

page overloaded with tables

I am looking for a better ui-design idea for this page. So each company has different types of vehicles (trucks, personal vehicle , tractor etc) Each vehicle has its own dates for the different government required documents like insurance,…
JavaSheriff
  • 123
  • 3
2
votes
1 answer

Should a box shadow be used on a container?

I have a container that's used for pagination (as you scroll down it loads more elements). I rounded the edges out and added a box-shadow, but I'm not sure if this was the right decision. Is there some sort of a rule for where/when/how box-shadows …
p32094
  • 155
  • 3
2
votes
1 answer

How to display grid/card style information (without any images) so it doesn't look repetative?

My intent is to display data in a grid formation, presented as cards. I don't know what cardinal rule(s) of design / UX I'm breaking here but it is not working out how i would like it. Here is a mockup/placeholder for what I'm trying to achieve…
user1684699
  • 23
  • 4
1
vote
1 answer

Hierarchy file display

I am working on an application which should display multiple files with each file being dependent on one or more files. There are 2 levels of nesting (fileA -> fileB -> fileC) and there can be 25 files per level. More files can have same dependency…
Michelle
  • 13
  • 2
1
2 3