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

learn more… | top users | synonyms

10
votes
2answers
621 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
500 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
118 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
128 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
113 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
164 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
306 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
354 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 ...
2
votes
1answer
93 views

Prize/Gift selection campaign

I'm trying to plan a wireframe/site that allows new registered users to reclaim a reward for registering. There are 3 very different rewards they can pick. Sort of like when you register an Adobe ...
1
vote
3answers
191 views

Where is the best place to put example input for a form? [duplicate]

Possible Duplicate: Where should form instructions or hints be placed? Which of the following is the best place for the example (e.g. 12345) on long/short/busy/simple forms? (...and why?) ...
1
vote
1answer
72 views

How to align a shopping cart which can have only one item at a time?

We are designing the interface for our shopping cart. More precisely, we call it register page which is used for registering one course at a time. However, we ran into a little disagreement in ...
2
votes
1answer
257 views

How to display large data over a full screen image slider?

On my website www.goo.gl/uompd I have a full screen image slider which works just fine (the images are from screenshots of other websites I have done). On the slider I want to put 4 text boxes, a ...
2
votes
2answers
210 views

What design should I use to represent multi-touch video controls?

I am creating app for multitouch devices which has big screen (22 inches and more). It would be application for presenting content (mainly video content) to people who would be passed through the room ...
0
votes
1answer
70 views

Putting a one-page view of my website on other websites I do

When I do websites, most times I add a page dedicated only to my main website to serve as publicity and awareness..this is normally done after seeking the consent of the website owner. The issues I'm ...
4
votes
4answers
243 views

Banner Blindness on Non-Profit Web Site With Zero Ads

I am currently considering a page structure that would include a video. The context of the page is it is a kind of landing page meant to provide access to informational and educational materials ...
4
votes
2answers
368 views

Best layout for a custom calculator (for mobile web browser)

I like to record my Max Weights for exercises (e.g. Bench Press) on my phone. I have a web app I created for doing this. One of the tools I created is a "Barbell Calculator". I plug in my weights ...
2
votes
2answers
230 views

iPad Nav Strategies for presenting deeper levels

Does anyone have examples or suggestions of iPad/tablet interfaces that present more than a couple of levels of content? I'm struggling with how to properly present this information without either 2 ...
11
votes
2answers
674 views

Where to put the “new button” in a metro style app

I am creating a Windows 8 style app, and I am confused where to put the new button. I have many options I can choose from. First above the search list: Second under the search list: Third with ...
3
votes
3answers
276 views

When to show a Selection Column in a data grid

I have a windows based desktop LOB application. In a multi step process a user is requested to select a SINGLE row on a datagrid. My question is? should or shouldnt I use a selection column to ...
3
votes
4answers
483 views

Why choose dark navbars?

Been reading about Google's new dark navbar over at ReadWrite. It's funny that ReadWrite, as well as StackExchange, has chosen a dark navbar as well. Why this trend to choose dark navbars?
1
vote
2answers
162 views

Visual hierarchy of contact form, testimonials on homepage?

How high should a contact form, testimonials, and business contact info rank in the visual hierarchy on a homepage for a local business? Higher than content that provides "ins" to other pages like ...
3
votes
5answers
2k views

Form layout. Vertical Labels vs Horizontal Labels. Images inside

After reading http://www.lukew.com/ff/entry.asp?1502 and http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php Placing labels above input fields is preferable, but if you choose to ...
12
votes
5answers
726 views

Emphasize Label or Value?

I've often wondered what is the recommended item to emphasize -- the item label or the item value -- when you want to draw a user's attention to a specific piece of information. For example, our ...
1
vote
2answers
118 views

Best way to combine object selection and object editing in a dialog

There might potentially be a very straight forward solution to this, but I'm can't see it, hence the question. I'm wondering what is the best way to structure a dialog where the user can select items ...
-2
votes
3answers
751 views

Any outstanding examples of a flight reservation system UI? [closed]

I am developing a flight reservation/booking system for a corporate client. Does anyone have any good examples of an outstanding UI for a flight reservation/booking system?
3
votes
2answers
110 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
249 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
557 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
400 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
720 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
124 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
198 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
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
251 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
321 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. ...
5
votes
3answers
205 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
414 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
448 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
193 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
765 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
423 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
217 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
17k 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
166 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
250 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
823 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 ...