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

learn more… | top users | synonyms

3
votes
2answers
119 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 ...
0
votes
1answer
254 views

Best way to display different site links (eg Google, Diapers.com, etc)

I have a site which performs different search services. For example, some of my different searches are weather, events, and business search. What's the best way to give the user a way to switch ...
10
votes
11answers
572 views

Giving users ability to change order of information on their profiles

I'd like to allow people to change the order of sections on their profiles. The idea is that if a person X has an impressive "Experience" section, while person Y has no experience but an interesting ...
8
votes
1answer
422 views

How does the orientation of a pricing table affect conversion rates?

Do people buy more when products are presented horizontally across the page or when they are presented vertically on the left? My company is in the first stages of redesigning one of our e-commerce ...
10
votes
4answers
893 views

How do I represent null values in a line chart?

I am building a web-based analytics platform. I am looking to plot a line chart that represents the number of seconds it took for me to reach a live service agent via phone on a given day. In the ...
5
votes
4answers
165 views

Should certain functions be “hard to find” for powerusers to discover?

This is more of a fundamental question about access to the "poweruser" features for an application. One side thinks that power features should be more or less, "tough to find" and leaves the curious ...
1
vote
2answers
200 views

When to use different colors?

I'm designing an IDE. I'm creating an icon to represent a function (which has at least one output parameter) and a procedure (which has no output parameters). I'm undecided about using the same icon ...
4
votes
1answer
2k views

Using JQuery DataTables to display many columns

We have a large document archive. It is built similarly to how a Cassandra Database would store items having column names and column values stored for each item. This can lead to having way to many ...
4
votes
2answers
295 views

How can you show human element without showing pictures of people?

With a company that changes all the time, how can you show the personal touch of human interaction without showing pictures of humans? Essentially, blurring the line between technology and people, ...
2
votes
1answer
339 views

Where to put your patents/ patent pending info in software? And should you really do it?

My softare company has a few patents/ patent pendings. Does it make sense to showcase this in our products? If so, where should we put it? In our splash screen? In the Help Menu?
6
votes
2answers
2k views

Lateral Navigation with swipe views and tabs together with mapview

I've recently designed a new Android Application for a theme park. According to Android Design Guidelines: If your app uses action bar tabs, use swipe to navigate between the different views. ...
6
votes
3answers
229 views

Is there a word for left-to-right and top-to-bottom?

When I was learning about web design, and I remember similar things from art classes, people said that the eye sees things the most on an object which are in a line from the top-left to bottom-right ...
4
votes
1answer
469 views

Android: Does it make sense to place action buttons in the Action bar in a settings app?

I'm currently playing with an Android layout for an app that is to be used to configure a remote (wireless connected) embedded controller. It configures a bunch of modes and related settings in the ...
2
votes
1answer
492 views

System status and availability best practice

What are is considered best practice (layout, age of information, level of detail, etc.) for UX guidelines when creating system status and availability page(s)? Below are links from major companies ...
3
votes
1answer
205 views

Desktop application problem: how to present a new option without confusing existing users

Background: Our user runs an internet shop, based on a SoS platform we provide. In particular we provide a desktop app (Windows), which basically stacks up the shelves of this store by uploading ...
5
votes
2answers
828 views

Multiple forms on a single screen

I have about 5 sets of forms to be filled up by the user, one by one. Most of the fields in these set of forms are mandatory so it is obvious that the user has to check out all these 5 forms. Now I ...
7
votes
2answers
478 views

Layout for adding one or more contacts to a record

The context: The user is creating a client record. Against each record their could be one or more contacts (people) provided. Often this will be adding 1 or 2 but could sometimes be up to 5-10. The ...
1
vote
1answer
225 views

why we need multi-column page layout? Why we do need sidebars? [closed]

Some websites only have one column. Some websites have multi-columns. So why we need sidebar, or why we need multi-column page layout in web /print media ? Is there any UX principles?
4
votes
3answers
18k views

Optimal “fixed-width” website design?

RE: Design of 'fixed-width' websites, optimized for universal readability across all screen-size resolutions (i.e., best viewed, with no horizontal scrolling, over broadest range of both ...
4
votes
2answers
174 views

Displaying multiple large images at a time

I'm developing a desktop application which will show details of various types of aircraft. Previously, the application looked like this: When the user mouses over the image in the top right, arrows ...
2
votes
1answer
254 views

Advantages of big forms (especially in ecommerce)

What are the advantages or disadvantages using big forms? (especially in ecommerce) I notice sites like Stack Exchange are using big form input fields with big bold labels inside of them ...
7
votes
3answers
860 views

Graphically displaying a conversation between more than two people

I'm working on a project that involves displaying a text-only conversation between anywhere from two to ten or more people. The reader will be either zero or one of the participants. The main UI will ...
2
votes
3answers
105 views

Will combining fixed and flexible layouts on the same page confuse people?

I've recently put a limit on the maximum width of my web app (similar to the Stack Exchange sites) to avoid looking ridiculous at very high resolutions and large monitors. Most pages are limited to ...
2
votes
2answers
62 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
203 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
490 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
127 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
649 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
1k 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
75 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
300 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
553 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
387 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
737 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
151 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
549 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 ...
11
votes
5answers
3k 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 ...
6
votes
2answers
175 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
291 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 ...
11
votes
4answers
6k 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 ...
4
votes
2answers
1k 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
270 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
175 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
239 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
2k 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
347 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
591 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 ...