Tagged Questions

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

learn more… | top users | synonyms

13
votes
8answers
2k views

How do you conquer the challenge of designing for large screen real-estate?

This question is a bit more subjective, but I'm hoping to get some new perspective. I'm so used to designing for a certain screen size (typically 1024x768) that I find that size to not be a problem. ...
26
votes
10answers
2k views

Is there a usability reason for centering a website's content area on a page?

A lot of websites these days have content area's which are center-aligned: http://ux.stackexchange.com is an example. However some sites are left-aligned e.g. http://forums.adobe.com/index.jspa, ...
1
vote
2answers
149 views

Form's title and/or logo.

As you can see some applications have a logo or/and title at the top left side. Does it help to understand where is the user at this moment (what form user is working with)? Are there any other ways ...
2
votes
2answers
448 views

Legend Or Key??

What is the difference between a legend and a key? Is a legend still a legend if it is at the top of a page? Where is the optimal placement of a legend or key for a page that scrolls?
4
votes
1answer
281 views

Best way to tell user either to select an existing entry or enter new entry

I am designing a web page for mobile devices as I have limited screen space. The web page is used to select a store name from a list of stores (which the user entered earlier) or enters a new store ...
14
votes
4answers
3k views

fixed-width vs full-browser for web app

I'm in the early stages of designing a web application (a network management application). And I can't really decide if to go with a fixed width layout (say 960px) or a variable (full browser width) ...
16
votes
1answer
413 views

As screens become wider, should navigations and toolbars go away from the top, to the sides?

The counter-example to my question are the ribbons that MS introduced with Office 2007; they take up a lot of screen estate at the top of the user-interface. Since the screens become wider and wider ...
3
votes
2answers
635 views

Alternative way to displaying unordered list items in 3 columns

I'm trying to find an alternative way of displaying 50 unordered list items in 2 or 3 column layout. I feel the pattern I've using looks quite "blah." Sample layout: Browse by Featured Topics ...
5
votes
5answers
725 views

Search box in header or body?

I am designing recruitment sire where focus is not to search job but to write resume .As I know focus is on resume writing service , I have option to place job search box in header or down after ...
5
votes
3answers
525 views

Login Form Placement/Isolation

If you go to http://www.notableapp.com/, you will see that when you click the Sign In button, it takes you to a completely new page with only the login form on that page. Why did the designers ...
2
votes
2answers
246 views

What is a clean, uncluttered way to have a “Main Menu” access button in a videogame?

I am trying to design a UI system for a computer game I am creating, but I don't know how to have the player access the main menu without clutter and unnecessary distraction. The ideas I have ...
4
votes
2answers
266 views

How can I place contents on the body of this site layout without making it look like it's floating? [closed]

I am a programmer and I need a designer's expert advice regarding the website layout I am currently working on. Here is the layout to start with: Click image for full resolution I have a full ...
8
votes
3answers
2k views

How to best display a long list of check boxes

In my application users are required to select from a drop down, a list of projects they wish to include in their custom search. The easy part is that users can select one project to filter on or ...
13
votes
7answers
689 views

Easy to understand public transit journey planner results

I am developing a London jouney planner app (called Pubtran London, it's on Android Market). Somebody told me that the results are hard to understand and I was quite surprised by that. Maybe it's ...
2
votes
2answers
442 views

How to differentiate between vertical and horizontal splitting of a view

I'm working on the programming interface (public functions) to an API for graphical UI layout. The API does everything in terms of frame objects - simple rectangles in which stuff can be displayed. I ...
2
votes
4answers
489 views

How or where to add an explanatory legend without the use of asterisk?

We are currently working on improving an online e-commerce website, and recently we bumped into the issue of adding an explanatory legend that had not previously been requested. There's a product ...
2
votes
2answers
567 views

How do I lay out non-rectangular UI elements?

Does anyone have a good reference for laying out non-rectangular user elements? I don't just mean circular buttons which are laid out as if they were in a square box, and I don't mean placing them ...
33
votes
10answers
1k views

Which direction indicates newer/older?

So I'm reading some blogs and I get to the bottom of the page when I see a graphic similar to this: << Newer Posts Older Posts >> This makes sense to me. But then, quite often, ...
10
votes
4answers
1k views

In a grid, how to display long column headers

When displaying data in a grid (each row contains a record, each column a different record field), vertical space need is easily solved with scrolling or paging. We are usually sooner missing ...
13
votes
6answers
2k views

Breadcrumbs: ok to place at the top of a page?

Should breadcrumbs ever be placed at the very top-left of a page? Breadcrumbs seem to always be located either directly below the nav menu or above the page content. An article from 1stWebDesigner ...
18
votes
5answers
10k views

Best Design/Order/Layout For Mailing Address Form

Is there any standards out there when it comes to a mailing address form? I need to collect the following fields: address line 1 address line 2 city postal code (or zip) province(or state) country ...
6
votes
6answers
967 views

UI paradigm for nested layout editor

I have an application that with a layout editor, somewhat similar to the WinForms editor in Visual Studio -- with drag-and-drop widget placement, a property panel, etc. I'm adding the option to have ...
110
votes
19answers
31k views

How To Display Too Much Data

We're building a web-based platform where the main dashboard shows a table of data for users to view and analyze. As we're growing this tool, we seem to be adding more and more columns and are running ...
17
votes
11answers
652 views

Separation of play and pause buttons for playing media

I seem to remember reading somewhere that having the play pause actions triggered from a single button that toggles is a bad idea It seems to me that this idiom works well (e.g. pressing space to ...
6
votes
2answers
2k views

Good ways to make a dynamic GUI?

I have an application I am designing and it's in a pretty functional state at the moment. But the database I am using has 1000's of items and is constantly changing and growing. The application of ...
161
votes
23answers
27k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
-1
votes
5answers
2k views

Mixing percent and fixed CSS [closed]

I cannot delete the question but I have moved it to SO: http://stackoverflow.com/questions/3600204/mixing-percent-and-fixed-css Should you ever apply percentage and fixed CSS together? Will it cause ...
2
votes
3answers
6k views

Tab Bar In Split View Controller Master View

Currently I am using a UITabBarController in my iPad application in the master view of a UISplitViewController. However, in my detail view, there is a UIToolbar, and the UITabBar looks out of place. ...
9
votes
10answers
4k views

Should headings always use the same font as the body?

I'm working on some of the layout for a User Handbook and right now my main concern is fonts. I'm trying to decide whether to use the same font for the body text and the headings. If I use different ...
5
votes
1answer
248 views

Best way to handle a system failure (not the user's fault)

In my application, we're very dependent on a service to provide some information that the user can interact with. It's possible that the service could be down, or in some invalid state to where any ...
5
votes
2answers
215 views

What's the best way to design the web interface which runs the same on almost all resolutions?

With web pages, what's the CSS framework or any other idea, which may show the web pages the same way on almost all screen resolution using div?
4
votes
6answers
610 views

Layout suggestions for social media sharing page

I need to make a "Share This Site" page that offer all the regular social sharing mediums and send to a friend email option. With Facebook like facebook share ReTweet this Digg Buzz delicious email ...
7
votes
4answers
624 views

How many elements are too many for one screen of a mobile (iOS/Android) application?

Without scrolling, what would be the maximum amount of centered buttons I could arrange on a vertical axis before it became too cluttered? Interface Builder gives suggested distances between ...
5
votes
2answers
546 views

Best layout for lots of user input elements?

I have an application that presents a question/answer form to the user. It was mandated that the form look as close to the paper form as possible. The paper form was built in a spreadsheet as two ...
29
votes
11answers
3k views

For websites, is it better to have a variable width layout or a fixed width layout?

Due to different screen resolutions, the user experience browsing a website might be different. Is it better to layout the website with a fixed width? (and if so should there be different static ...
30
votes
8answers
2k views

Is it a good idea to have a large footer containing many links?

In recent years, it's become quite a common design pattern to have a large footer on every page, containing a 'mini sitemap'. For example: This has supposed SEO benefits, but would also seem to ...
47
votes
11answers
16k views

Should checkbox labels be to the right or the left?

I've got some checkboxes with text values of varying lengths (from say 5 characters up to about 60) - which is the preferred layout? Value to the left and checkbox to the right, or vice versa?
15
votes
5answers
1k views

When you have to fill up the rest of the page…

I've noticed that I often run into the same problem in many projects I work on: It seems like I always end up having that extra space that I have nothing to fill up with. Here's a quick sample: See ...