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

learn more… | top users | synonyms

2
votes
2answers
58 views

Should selections of 'other' always auto generate fields for the user to populate

As per conversations already on this site such as What's the best placement for an "Other" box I am guessing the answer to this might just be a quick 'Yes' but I figured I would ask! I ...
7
votes
1answer
193 views

At what point do you let users opt in to a redesign?

I'm doing a "refresh".. mainly we are going responsive so that users over 1366px width will see a large layout with bigger media objects, users below 1366px will see the same layout with a slightly ...
1
vote
1answer
422 views

3 column layout for a video player page?

![enter image description here][1]I'm designing a new layout for a popular video site. We are doing a "large" layout for min-width 1366px. The video player can't get any bigger, so on the video ...
3
votes
1answer
122 views

Is a layout with '3D' elements easier to parse?

Contemporary web applications favor designs that make heavy use of shadows and gradients to create the effect of 3D elements. One justification for this practice is that 3D effects can be used to ...
4
votes
3answers
524 views

“Here will be your logo” - any idea how to visually represent this to a client on a demo website?

"Here will be your logo" - any idea how to visually represent this to a client on a demo website? We are a company offering free demo of client's website, before going for a deal. Although, the ...
4
votes
3answers
793 views

How can I incorporate IAB advertising banner standards in a 960 grid layout?

When I try to prototype a website thinking in the IAB display advertising guidelines using a grid system (960gs - 10-60-10) the only banner that fits in a 3 column space it's the half banner (300x250) ...
1
vote
1answer
70 views

Software product page that references multiple download locations consolidate into one button or provide separate buttons

With Software needing to be made available in many kinds of stores or download locations. When developing a product page, which offers a better user experience for obtaining the software product: 1. ...
6
votes
2answers
265 views

Linear vs Column layout, which one is more readable?

Are there existing/approved studies proving that one is better in readability than the other in these 2 layouts? Which one offers more chance to be read completely? download bmml source – ...
2
votes
3answers
480 views

Configuration form with multiple steps

I am working on converting a winforms application to WPF. So, we are also trying to make sure this is good from a UX point of view in the process. I have a configuration form that I am not sure if I ...
0
votes
2answers
305 views

Table user readability/clarity

I've got a table that displays data to users. Each line of data can have a report attached to it. The 2nd cell in the table is used to show users if there is a report present, if there is you get an ...
3
votes
4answers
594 views

Is it a bad practice to put the main web navigation on the upper right of the webpage?

My non UI savy client provides me with the webpage layout he wants via powerpoint. There's a header row on top. On the left is a logo image and then a line of text that is the company name. These are ...
0
votes
2answers
145 views

What do you call a layout in which columns expand on mouseover?

What's the proper name for a layout like this, in which a column expands when mouse enters it: http://www.lucagiorcelli.it/test/volunia/ May be called "reactive layout"?
6
votes
7answers
513 views

Display Email Address + Website? Or is it redundant?

When putting contact data on a page, do you use email and website separately or do you just go with the assumption that the user will get the website from the email (given that it's ...
8
votes
5answers
2k views

Where should form instructions or hints be placed?

I was browsing Forrst and came about a screenshot of a form designed with Twitter Bootstrap that had the label on the left, the input field on the right, and the instruction that it's required under ...
5
votes
2answers
157 views

How to contrast read-only labels from their corresponding data

Given the interface below, what would be the best way to contrast the labels from the data labels? The only thing I could think of would be to shade the background of the labels, however, according ...
5
votes
5answers
279 views

Scaling an Address Form on Resize

My application has a form for filling in the names and addresses of a donor. Each donor gets a closable tab and each tab has an address form. The problem is that the application runs in a regular ...
9
votes
4answers
4k views

Where to place currency symbol when localizing and what to do with odd symbols

Is there a suggested, single location to place the currency symbol every time for any given locale? For example, always on the left with a space before the amount like this: R 10.00 $ 10.00 € 10.00 ...
27
votes
1answer
6k views

How to handle pre-4.0 versions of Android when designing a layout?

I'm designing the UI for an Android app taking the Google User Interface guidelines into account for my Android 4.0 phone. The current concept looks like this: How would I go about supporting this ...
5
votes
2answers
933 views

Tabs within a tabbed layout in Android?

I'm working on an app for public transit information that has a base layout looking like this: The three tabs represent trip planner, departure times and disruptions respectively, which are the ...
2
votes
2answers
2k views

Best way to display more table columns and rows than I have room for?

I have a similar problem to what is mentioned in Best way to display more table columns than I have room for?. But to make things a little more difficult, the table has approximately 1000 rows and 64 ...
6
votes
1answer
245 views

UX of background advertising (or other options)

My company's users use a website that features advertising from specific sponsors. The ads are all directly related to the content of the page and the situation in which the user is viewing the page ...
4
votes
3answers
2k views

Are there any recommendations for the layout of Metro forms UI with hierarchical data on a website?

Most of the guidelines I find regarding Metro design deal with read-only or media content with few text input controls. Are there any design guidelines/examples/screenshots showing good layout of ...
3
votes
2answers
168 views

Comment section overload?

I absolutely love Smashing Magazine for the brilliant articles and helpful advice. But one thing that I have noticed about their articles is that they keep all the comments on one page (same page as ...
5
votes
2answers
207 views

How to layout buttons/bars alongside a dynamically sized table?

I have a table of data with a dynamic number of rows. It could have none, one, or a hundreds. The width is fixed across the web page and it has a fixed number of columns: 9. Along with this I ...
5
votes
3answers
1k views

hide vs disable and redistribute empty space

I have complex UI form dialog with ~12 tabs and want to decide what is best: enable/disable (gray out) fields - classic convention hide/show if not necessary - could be confusing + jumping GUI hide ...
1
vote
5answers
326 views

Can I use a single layout for both an iPad App and a Web App?

I am creating an iPad App for my business. Can I use the same skeleton for a web app (with a width of less than 1024)? I see many web apps which look like iPad Apps, so that a single layout can be ...
8
votes
6answers
550 views

Adding a tagline to a logo

I'm working on a website redesign. I have suggested that we should add a tagline to the logo to make clear what this page is all about. The client argument is that most people already know what this ...
0
votes
3answers
386 views

How tall is too tall for a fixed header?

I recently incorporated a fixed header on my site and its very helpful in keeping the search and important links available at all time. But my concern is it might be a little tall. It's about 100px ...
3
votes
3answers
413 views

best way to represent horizontal reports?

i need to display reports with various fields, column wise. The length of each column could go along 50px appx. So , the overall report length would go upto 2k-3k px , since i need to display them in ...
0
votes
3answers
185 views

Different approach for this layout

Here's my form layout. Clicking the add school will add another form table at the bottom. And I think the "Add School" button is too long.. How can I improve this..
3
votes
3answers
160 views

Dynamically Resize Pictures

I have a set of different sized images of products that I want to display on my web page with four to a row. The issue is that because they are different sizes, I don't know how to display them ...
5
votes
1answer
156 views

What is the optimal layout for a form with two respondents?

download bmml source – Wireframes created with Balsamiq Mockups I'm redesigning a form that is used by office workers who interview respondents in person. In some cases, there will be two ...
11
votes
4answers
577 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 ...
18
votes
5answers
432 views

Which placement of list of ingredients is most convenient for the cook?

In the process of doing the layout for a cookbook, I'm faced with the problem of placing the list of ingredients for each recipe. I've looked at several cookbooks and seen numerous approaches. I can ...
2
votes
1answer
129 views

Is the label orientation on this product a message from the manufacturer?

I posted a question on the DIY SE site, and it was recommended that maybe a part of it would be better asked here. Consider these two outlets: The blue WR logo indicates that the outlet is ...
0
votes
1answer
89 views

Why are there different configurations on number pads? [duplicate]

Possible Duplicate: Why do numpads on keyboards and phones have reversed layouts? So, number pads are everywhere; on you phone, keyboard, calculator, and even smart phones given the right ...
2
votes
2answers
351 views

How to display wide table on the report

I have two datasets with 50 columns and 1-100 rows. I need to display comparison of these two datasets in a report (standard letter). So, say my first dataset is as follows: Name Price Qty ...
3
votes
3answers
495 views

A Create/Edit Dialog with a Save/Cancel button makes sense but a Delete Dialog not

I am struggling with the design of my web application. I am showing a dialog for my Create/Edit item views: Thats fine so far for the Edit/Create view. But how should the dialog look when the ...
16
votes
5answers
557 views

How is a cluttered layout quantified?

In the comments of a different question, I asserted that Visual Studio has a "cluttered" layout. A different user disagreed with my assertion, and it made me curious as to how to quantify a cluttered ...
6
votes
3answers
414 views

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, ...
8
votes
2answers
1k views

How to design usable web site terms & conditions?

What are some guidelines and examples for designing usable legal terms for web sites? I know that most users don't read it, but are there innovative ways to improve readability and presentation of ...
5
votes
2answers
215 views

How to make a application with several different user controls feel more unified?

We have an application where we're combining several different user controls into one main window. About 3 of the controls are developed outside our group, so we really don't have much control over ...
0
votes
3answers
238 views

Button layout in outliner

I am writing an outliner software. At any state, one of the items in the list is selected, and the software can do the following with respect to the selected item: Prepend a new item (sibling) to ...
6
votes
3answers
297 views

Legal disclaimer on search page

I have a search screen I've created. I want the design to be very simplistic (google/amazon style) and I feel like I've achieved that. The problem now is I've been asked to attach a visible ...
1
vote
1answer
99 views

Optimum distance between fields (Textboxes etc) on mobile touch screens

What should be the optimal distance between fields such as Text boxes in mobile touch screens? In order to avoid wrongly touching other fields. download bmml source – Wireframes created ...
5
votes
1answer
669 views

Flow of Dynamic Grid

There's a recent trend in web design to use dynamic masonry grids, like Pinterest, for just about everything these days. If you haven't seen such a layout before, it presents content of variable ...
3
votes
5answers
883 views

Pagination - Placement of Navigation Control Relative to Search Results?

In a web application I am building, I will have a list of search results I am displaying to a user in a tabular format. I plan to page the results in smaller groups (10 for example) for performance ...
1
vote
4answers
293 views

What to include on an app's home page?

I'm creating my first Android application at work that shows state health rankings. It's very similar to this website: http://www.countyhealthrankings.org/. I have almost finished it, but I'm having ...
3
votes
4answers
256 views

Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?

I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
7
votes
2answers
589 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 ...