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

learn more… | top users | synonyms

8
votes
1answer
217 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
319 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 ...
4
votes
3answers
113 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
172 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 ...
3
votes
1answer
491 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
199 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, ...
0
votes
0answers
12 views

Examples of programs showing patents/ patents pending info [duplicate]

Possible Duplicate: Where to put your patents/ patent pending info in software? And should you really do it? I'm trying to look for inspiration on where to put info on patents/ patents ...
2
votes
1answer
185 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?
5
votes
2answers
1k 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. ...
4
votes
3answers
139 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 ...
3
votes
1answer
216 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
164 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 ...
2
votes
1answer
114 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 ...
4
votes
2answers
338 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 ...
6
votes
2answers
169 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
165 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?
3
votes
3answers
5k 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 ...
3
votes
2answers
119 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
164 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
612 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
93 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
49 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
182 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
199 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
107 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
280 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
380 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) ...
-3
votes
1answer
186 views

Is it bad to have two levels of drill-down data shown at once? [closed]

As a general rule of design is it looked down upon to have more than one div on top of the page contents? I have a table displaying a list of records. When one is clicked, another table is added ...
1
vote
1answer
54 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
191 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
306 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
144 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
349 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
121 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
479 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
493 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
112 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
231 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 ...
8
votes
4answers
954 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 ...
26
votes
1answer
4k 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
385 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
726 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 ...
5
votes
1answer
182 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
2answers
1k 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
128 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
162 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 ...
4
votes
3answers
460 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
262 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
450 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
254 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 ...

1 2 3 4 5 7