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

learn more… | top users | synonyms

5
votes
2answers
842 views

How to lay out a list of lot of checkboxes that may vary in length?

I have a list of checkboxes under header titles (at least three, one of them has sub headers, all in one page), something like this: Problem is, these checkboxes may end up with 10 elements per ...
7
votes
6answers
467 views

Making contact detail form more friendly

I have a windows based form in my project for adding contact details. Here's a screenshot I have added textbox for First name, Last name , var and cst (vat and cst are numbers related to ...
5
votes
5answers
3k views

Is it a bad idea to put the logo in the top-right corner and the navigation in the top-left?

Firstly I would like to say that I don't think there is a concrete rule about where the logo on a website should be – but intuitively I think it should be in the top left at least for continuities ...
7
votes
2answers
429 views

Does moving the secondary navigation impact a users experience?

I'm in the process of designing the navigation for a web application. I have a few different types of views. One is a map, the others are all fairly similar and are like a standard web page. Mapping ...
17
votes
8answers
5k views

Should we provide “back” button for mobile website?

In mobile website for all smartphones (iPhone, Android, Blackberry, Windows phone 7), should I provide a "Back" button inside the webpage even when the browser has functionality to go to back? ...
13
votes
7answers
564 views

How do you go about convincing the stubborn “powers that be” to let you change a clumsy layout that users are used to?

How do you go about convincing the stubborn "powers that be" to let you change a clumsy layout that users are used to? Say there was a layout in a previous version of software from years back and ...
8
votes
6answers
5k views

What would be the best layout width when traffic monitor sizes are mostly 1280 x 1024?

I am arguing with my client, that 960 pixels layout width will be okay for the site. He keeps suggestion that the layout width should be larger. He gave me these Statistics In % descending order: ...
1
vote
3answers
157 views

How to represent a quoter and a quotee for a webapp

For my own personal project while I learn PHP, I am creating a web app where friends can quote each other. So a user will come and post what their friend said and their friends can like it and comment ...
7
votes
2answers
234 views

How and when to go about challenging a tried and true user behavior?

There are many user behaviors that have been ingrained in us over time. Some of them good, and some of them just because, "that's the way that it has been done for years, people expect it." The ...
51
votes
13answers
52k views

Common screen resolution?

I'm developing a web application which is quite information heavy. This means that every pixel available in the screen for display helps a lot, to avoid the UI looking too cluttered and to display ...
4
votes
2answers
1k views

What are unique UI controls on Android?

Apart from regular UI controls like tabview and listview, are there any unique and attractive UI controls like Quick action bar, Action bar, or iOS spinner (Date and time selector) which are ...
2
votes
2answers
378 views

Best organization option for handling a multi-level gallery or portfolio?

I am helping my cousin with a small web site for his custom upholstery business. On this site, there will be a portfolio section displaying images of his prior work. His work typically involves ...
2
votes
3answers
2k views

A keyboard for developers? [closed]

Being a software developer, the keyboard is the most important tool to interact with the computer. Thus, the layout and placement of buttons is very essential. Especially the grouping of the ...
12
votes
8answers
5k views

What are the rules of thumb for margins in web design?

My web designer tells me that in a web page, the empty margins or padding should always be multiples of a standard. For example 6 px, 12px, 18px. This should produce nicely balanced lay-outs. I would ...
6
votes
3answers
281 views

Does having a visually distinct header help the user get comfortable with the website?

We had an interesting but "un-resolved" discussion recently within the team regarding header design (logo + navigation links etc) for a web application. I would like to know if having a dark or ...
3
votes
1answer
293 views

Using mobile design elements for standard web pages?

I'm a big fan of minimalist design and really like the efficiency and layout of sites and apps designed for mobile devices (Tripit.com comes to mind). I often find myself trying to incorporate similar ...
7
votes
1answer
930 views

Reporting web app - how to design large data tables?

I'm working on a legacy webapp that's mainly focused on reporting large amounts of data - ie tables with 20+ columns reporting financial data. The main problem is table layout inconsistency depending ...
0
votes
1answer
452 views

Simple, elegant manner of presenting parent/child CRUD operations

Consider the following grid: The parent is comprised of "Code" and "Type", and each parent can have 0 or more children. Each child is comprised of "Name" and "Type". There's already a delete link ...
4
votes
6answers
2k views

Best way to fit a lot of stuff onto one page

I have created a webpage, but my boss came back saying that the page is too busy. I was just wanting some ideas of how to split up the page e.g. accordion, tabs etc. What tactics have you implemented ...
4
votes
5answers
631 views

Encourage users to tap the “review” button

How to layout an Info screen, so as many as possible are tempted to tap the "review" button? I wish users would tap the "review" button and write a long positive review on the app store where they ...
2
votes
1answer
251 views

Ideas for a interface layout [closed]

Hope you get the idea of what I'm trying to layout. I have an interface where I display all the information of a user (name, age, height,etc etc) and I also want to display the last weight of this ...
3
votes
4answers
672 views

What are examples of complex digital interfaces? [closed]

This is a call for inspiration, as I don't seem to find any beautiful web-based UI that deals with complex actions and visualizations out there on the web. I'm designing a (web-based) digital ...
0
votes
1answer
218 views

I'm developing a dark application UI, how do I make sure I access / style all possible components? [closed]

I want to make sure I style all the relevant tags so that I don't end up with a broken UI which will be ugly or difficult to use. EDIT: I'm hope to produce a .QSS file (Qt4) that can be loaded into ...
3
votes
2answers
106 views

Advise strategy for partially translated webpage

I am working on a site and some but not all of the content is being translated into French. The content that is being translated is the long description and summaries of the content items (which are ...
12
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
441 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
276 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
401 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
617 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
711 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
516 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
241 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
265 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
685 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
438 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
476 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
561 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
9k 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
959 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 ...
105
votes
19answers
28k 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
645 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
1k 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 ...
156
votes
23answers
25k 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?