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

learn more… | top users | synonyms

2
votes
3answers
124 views

Layout of information on registration page

I am making the registration page for a website. How should the different components be laid out relative to each other? For example should the heading be on level or above the text input field? ...
1
vote
4answers
734 views

What's more readable, reading an ordered list vertically or horizontally? [duplicate]

For example, I have a numbered list, what is easier for an average user to read ? Vertically [1] [5] [2] [6] [3] [7] [4] [8] OR Horizontally [1] [2] [3] [4] [5] [6] [7] [8] ...
6
votes
3answers
305 views

Group of checkboxes and supporting text fields

What is the best way to layout a group of checkboxes and supporting form fields? For instance, in this form the user can select several choices for a report delivery method. Some of the choices ...
2
votes
1answer
85 views

Rarely used translation function placement

I have just been looking at the analytics of one of the websites I work on, and one of the features is required - but rarely used. There is a Microsoft Translate button, with their "Powered by ...
5
votes
1answer
361 views

UI Layout improvement

I'm currently implementing a database querying tool, and am currently working on a section which would allow users to specify ORDER BY and Aggregate clauses. My biggest challenge has been to represent ...
1
vote
2answers
205 views

Is there a better way to layout this UI using the Microsoft Office Ribbon?

I am building a Microsoft Outlook VSTO addin and I am trying to figure out the best way to lay out the UI and from looking through the office apps i can't seem to find the right layout pattern that ...
2
votes
4answers
248 views

How should a website handle signup for two types of accounts?

For instance, say a site is for merchants and consumers; people should either sign up as a merchant or a consumer – they require two different forms located on different pages. From the home page, ...
4
votes
2answers
240 views

How Many Screenshots Are Too Many

At what point am I offering too many screenshots? I am working a redesign of my company's help guides - these guides are mostly centered around our hosted mail services. How to set up Outlook, set up ...
12
votes
4answers
2k views

Should the search box be on the left or the right side

In a web app with a search box in the header - where should the search go, on the left or the right side of the header? What considerations should be taken into account when making this decision? In ...
2
votes
1answer
667 views

ecommerce: optimal width

I am going to redesign an ecommerce shop. Currently the shop has the standard 940px width. I was wondering if 940px/960px is still the recommended width? Nowadays we have responsive grids and bigger ...
4
votes
2answers
172 views

Adding comments to a list of items, is there an elegant solution?

I've been looking through the forums and haven't had much luck. I have kind of a weird dilemma, I hope someone can help. I have a list of items (like a list of favorite movies) each item has buttons ...
8
votes
9answers
576 views

How should text wrap in a code block?

I am working on an application where code will be shown on a mobile device. This gives us a constrained width as horizontal scrolling isn't a desired choice for code with long lines. So we have to ...
17
votes
7answers
1k views

Greyed-Out vs Invisible

What is a good criterion or rule-of-thumb for determining when a control should be greyed-out and when should it be completely invisible?
3
votes
2answers
93 views

Visually distinguish an index versus a single view

I think I'm having a hard time pulling this off because no one has yet done a good job of this. Think of the home page of most blogs as the index, just a list of the latest blog posts. When you ...
2
votes
3answers
99 views

Is better to have two columns of the same size instead of the typical sidebar? Could it confuse the user?

I´m working on the new version of this site and I would like some feedback. The new site has two columns of the same size with information in both, instead of one main content column (bigger) at the ...
27
votes
3answers
2k views

Odd or even number of products per row on a product listing page?

I heard from a reputable source that on e-commerce websites, users find it easier to choose a product when there is an odd number of items in row, as compared to an even number. In their experience, ...
2
votes
4answers
405 views

Small form, big page

When you have a huge canvas (think: responsive design) but the content you need to display is very narrow, how do you prevent it from looking awkward? Center it, left-align, find more stuff to fill ...
3
votes
2answers
403 views

mobile first design - main navigation placement & considering desktop users too

I'm considering placement of the main navigation for a responsive site in a thin sidebar similar to the navigation on Twitter's iPad app, as seen on the left. However with the icons and links ...
4
votes
2answers
215 views

Scrollbar width in Component Vs. Containers (UX dilemma)

Do you think a thinner scrollbar should be applied in components (such as combo box and text area) and wider scrollbar in containers such as window & panel? And if not, will you apply a thinner ...
3
votes
1answer
104 views

Using a column based layout for text content

Text typically falls into a single column on the majority of websites - the user reading down the page. The only scroll motion therefore is downward. I've been experimenting recently with the CSS3 ...
6
votes
1answer
5k views

Good user interface for multiple checkbox selection and a dropdown list (View/Editable mode)

I have a Dropdownlist and many Checkboxs. For any particular dropdown select value I will show all checkboxs and if their is already any database relation with that dropdown value I have set checkbox ...
2
votes
1answer
97 views

Is there a disconnect between the fields of neuroscience and user experience on the topic of horizontal-bias?

Jakob Nielsen says that: Horizontal Attention Leans Left While evidence from neuroscience, as described by Jeremy Tunnell (Product Manager for Stack Exchange) suggests that "the brain’s visual system ...
7
votes
4answers
724 views

Why use a 3-column layout like StackExchange, Facebook and YouTube?

Why do sites like StackExchange, Facebook and YouTube center their content and reduce its width? As opposed to sites like Reddit that go full width. Are they trying to spare the user from too much ...
5
votes
1answer
151 views

What is the optimal vertical margin between paragraphs?

Here on ux.StackExchange they have gaps that are a bit smaller than one line height (~88%), but I’ve read a few times that 100% of the line height provides best readability because it continues the ...
3
votes
5answers
123 views

Should a tagline be on all public pages?

I have a tagline that describes my site/business as you can see below. My question is whether this tagline should be on all public pages? As far as I can see the benefit of it being on all pages is ...
4
votes
2answers
339 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 ...
1
vote
2answers
429 views

Is grid the right layout for mobile web applications?

Suppose you are creating a web application which supposed to work on mobile platforms like Android or iPhone, and one of the features of your app is to give the user an interface for adding, viewing, ...
1
vote
2answers
262 views

iPad splitview layout as a website layout?

Im in the process of making a website where people can sell or buy pets/animal books/pets accessories. I was thinking about doing a very diffrent layout. And that is an iPad splitview application. ...
0
votes
1answer
283 views

What is the best layout / most important data, for an online auction?

Ok, so I am tasked with designing the UX for an auction application. First things first, layout of a page representing a single auction. The question is the optimal arrangement of the layout ...
6
votes
2answers
201 views

Improving a 'page layout' editor's user interface

Below you can see a screenshot of a web-based page layout editor. It is basically a drag and drop WYSIWYG editor for interactive apps, and allows the user to use a page backdrop and add a "layer" of ...
6
votes
1answer
277 views

How to achieve this layout in a responsive design?

I am currently, working on the below layout and I am finding it difficult to maintain alignment and layout. Below is the layout I want, in blue border.
1
vote
3answers
270 views

Text layout in forms [closed]

I'm in the process of creating some design guidelines for a big form based application. The application has its fair share of "this information is vital to the users and can't be missed". I've seen ...
26
votes
3answers
1k views

What to do when a page's content doesn't fill up enough of a fixed area?

An application has a fixed size, i.e 800x600 px. However, a problem I often run in to is that the page's content isn't enough. It's simply too little content on a big area. Consider the mockup below, ...
6
votes
2answers
590 views

Stressless user experience for data entry forms

We're currently discussing a redesign of the applications we develop for internal use. Now, to change things for the better, we'd like to make as many UX considerations as possible before we go ahead. ...
2
votes
1answer
766 views

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

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 ...
0
votes
1answer
201 views

What's the most beautiful navigation experience you've seen in an app in the last year? [closed]

I've noticed that all apps are becoming the same. Top and bottom navigation bars, and everything where you expect it to be. This isn't necessarily a bad thing, but has anyone seen anything thing ...
7
votes
3answers
598 views

What are some advantages of left-aligning columns within the browser window?

Youtube and Google Plus have changed their layouts such that in a very wide browser window, the content columns are left-aliged, leaving a large white space on the right side. This is a change from ...
5
votes
3answers
1k views

large amount of data on a single page

I'm a member of a team developing a business application. Basically - it is all about data entry. There are people (thousands of them) sitting whole day and filling the form below over and over in ...
2
votes
3answers
203 views

iPhone - Hiding/showing a common Carousel view

I have a Carousel view (horizontally aligned images, can be swiped left/right to switch images) above a Table view that displays some information. Assuming I'd like to give the user the option to ...
0
votes
1answer
101 views

Default column width for text data in a table

I'm designing an application with a data table. The data is backed by a C-style string (that is to say, a char array) so I know the maximum theoretical width using my proportionally-spaced typeface. ...
10
votes
2answers
619 views

Caption below or above image for navigation purposes?

It was already discussed here that for layout purposes, where images and video appear on a web page, ordinary captions are probably best placed below the graphic — largely due to convention. I want ...
4
votes
5answers
499 views

Attractive website layout without a tile of thumbnails

I'm trying to figure out possible layout options for a website project. Its function closely resembles EnglishCentral. This website helps people practice spoken English through a series of videos with ...
2
votes
2answers
123 views

How to show comment at top level, without using a popup?

If user clicks on add comment, what are other options to show 'comment area' (no popup).
5
votes
1answer
117 views

Should both bold and italics be allowed in electronic flashcards?

When people create electronic flashcards, is there a valid need for them to have markdown for both bold and italics? This is a question that I have been debating with some colleagues for a while now ...
4
votes
1answer
126 views

Does showing items in decreasing order of prices help in conversion

I was asked to show 4 items in a featured products list which would be below the hero image in the site. The client recommended showing the most expensive items last suggesting that people might get ...
1
vote
0answers
112 views

Advice on BlackBerry Navigation and Layout Design [closed]

I have some problems trying to design layout and navigation structure for BlackBerry app. The basic of our layout is consists of two headers that will be fixed so that when users scroll horizontally ...
3
votes
2answers
163 views

What impacts the user's visual flow on geometrically non-traditional web layouts?

I'm interested in making pages that don't conform to the traditional layout of a rectangular grid, for example: Using a grid of hexagons or triangles. Placing the title in the center of the page ...
5
votes
3answers
302 views

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 ...
1
vote
4answers
2k views

1000px width layout. May I have problems using it?

I'm designing 12 columns site using Bootstrap. I have a quite crowded layout (can't simplify it further), so I want to use a 1000px wide layout (exactly this one), instead of using classic grids like ...
4
votes
4answers
352 views

Navigation with or without sub-navigation?

Considering following site architecture, where each category has multiple products inside it: /Home /About /Products/Category 1 /Products/Category 2 /Products/Category 3 /Products/Category 4 ...