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

learn more… | top users | synonyms

3
votes
3answers
401 views

Is a timeline a form of sorting?

I am working on the design of a page that is supposed to provide call center employees with the means to view transaction history. There are 8-9 variables in play, I have tackled this by allowing ...
3
votes
4answers
394 views

iPad full screen in landscape mode - which side to put on my controls panel?

I have an app which helps the user to design a full screen sized postcard. The result is exactly what the user sees on the screen. Because a lot of users scan things in an F pattern, I assume that ...
3
votes
3answers
462 views

Presenting data in a grid form versus a tabled form

Is there a general rule when displaying data in a grid form versus a simple tabled list? Since modern screens tend to be wider now, it makes more sense to me to start utilizing grids instead of normal ...
3
votes
4answers
297 views

Should I include any other information on a page with a long signup form?

I'm working on a form users will fill out to start a free trial of our product. Unfortunately all of the fields I've included are required for us to put them in our system properly. What I'm ...
3
votes
2answers
350 views

What is a good way to position chart elements on a dashboard?

I'm designing some dashboards for a client who will see sliced and diced versions of data based on a lot of parameters. I plan to give him a Pie Chart, Bar Graph and a Table on the same dashboard. ...
3
votes
5answers
161 views

Should a tagline be on all public pages?

I have a tagline that describes my site/business as you can see below. My question is whether this tagline should be on all public pages? As far as I can see the benefit of it being on all pages is ...
3
votes
3answers
402 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
3answers
123 views

Is better to have two columns of the same size instead of the typical sidebar? Could it confuse the user?

I´m working on the new version of this site and I would like some feedback. The new site has two columns of the same size with information in both, instead of one main content column (bigger) at the ...
3
votes
1answer
117 views

Sticky header positioning

The page below is a detail page of a certain Patient, in this case: "Mevr adasfad..." When end-users scroll down they'd like some additional feedback on what page exactly they are, the name of the ...
3
votes
2answers
137 views

Alternative to large selection of check boxes on profile page

We are currently re-working our profile pages in our software and would like to explore the alternatives of having a large amount of tick boxes for users to select to attain certain privileges. The ...
3
votes
1answer
177 views

Why doesn't YouTube center ads?

Left aligned Centered ad Is there any reason why Youtube is not centering the ads? It is very simple to center it, so I am guessing they are thinking about some user experience.
3
votes
2answers
508 views

mobile first design - main navigation placement & considering desktop users too

I'm considering placement of the main navigation for a responsive site in a thin sidebar similar to the navigation on Twitter's iPad app, as seen on the left. However with the icons and links ...
3
votes
1answer
521 views

Are there any guidelines for vertical layout and spacing?

The proliferation of grid systems have made it easy to determine the horizontal layout of a site - column widths and margins are just made to fit into the correct grid spacing. But what about ...
3
votes
3answers
231 views

How should the [Big Buy Now Button] in the right gutter be linked?

I'm redisigning my website and would like to know how the "Big Buy Now Button" in the right gutter should be linked. This button will be available on every page of the site. I sell two software ...
3
votes
1answer
48 views

Alternatives to 'perspectives'

When looking at popular software like Eclipse, Adobe, 3D-Sutdio-Max, XCode they all do all the same to narrow the interface to a specific task by re-organizing the layout & panels for you. This ...
3
votes
5answers
1k views

Website Layout - different background colour sections with full width

Recently I have seen a lot of new websites have been redesigned that each paragraph or section have different background colour with full width. For example: http://theme-fusion.com/avada/ What ...
3
votes
1answer
122 views

The main user action on my page is importing files, does it matter that my import button isn't next to my select files button?

Please consider the admin screen below: One of the tasks on this screen is to import a file. However, the import button is located on the toolbar rather than next to the form. Would it be clearer to ...
3
votes
2answers
314 views

WP8 tutorial/wizard button layout

I'm trying to design a simple first-run tutorial for a Windows Phone app. It will be linear and informative only (no user input required beyond navigation). I feel the following actions are necessary ...
3
votes
3answers
821 views

Improving notification alerts UI / UX

We've got a notification system on a CRM type web app. There are many stages in the CRM, and each stage has many projects, each project can have many notifications. We have a dashboard showing the ...
3
votes
3answers
98 views

Using the logo as the About button

This is obviously something that the user doesn't need to see very often, but something that management or sales might have strong opinions about. In a desktop application the user is probably ...
3
votes
2answers
100 views

Visually distinguish an index versus a single view

I think I'm having a hard time pulling this off because no one has yet done a good job of this. Think of the home page of most blogs as the index, just a list of the latest blog posts. When you ...
3
votes
2answers
186 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 ...
3
votes
2answers
185 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 ...
3
votes
3answers
192 views

Dynamically Resize Pictures

I have a set of different sized images of products that I want to display on my web page with four to a row. The issue is that because they are different sizes, I don't know how to display them ...
3
votes
2answers
259 views

Quick search on the left, or on the right of a home page?

Is there any benefit to having a 'quick search'* on the left of a home page, or, on the right or does it not really matter? Given that people generally scan / read from left to right, it may be ...
3
votes
3answers
3k views

Responsive web design technique in desktop application?

What do you think about using responsive web design techniques in a desktop application? We need more space for large data and since all monitors today are widescreen, it could be good practice I ...
3
votes
4answers
5k views

horizontal vs vertical tabs

I was wondering, in which case are horizontal tabs better, and in which case are vertical tabs better? There is one answer I can already give, but I'd like to see if there are more. Because you ...
3
votes
1answer
310 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 ...
3
votes
1answer
59 views

Which would be more appropriate: redirecting users on a subdomain to go to my shop or stay in the same domain

I am currently designing my portfolio and I want to integrate my shop into it but I'm quite not sure if it would work with my idea. My idea is to build my portfolio and have a button where it says ...
3
votes
3answers
162 views

Do users object to homepages which contain a full section consisting of a contact form?

I've recently had users test a prototype for a new portfolio site for my company. The homepage is almost like a one-page site in that it has distinct sections, although each section links to another, ...
3
votes
3answers
648 views

Pricing page: single vs multiple call-to-action button with multiple plans (example inside)

What do you think about having single vs multiple call-to-action buttons? When we were brainstorming our pricing page, half of the room was for single and the other half was for multiple. I'm trying ...
3
votes
3answers
776 views

Where is the best position for company logo in services login page?

I'm designing the UX and UI of a suite of products which are SaaS services. These products work just like Microsoft online services, or very similar to Google Apps for businesses. I'm stuck with the ...
3
votes
1answer
734 views

Applying the Windows UX Design Guidelines for Layout and UI Design consistently

There are many potential threads to this question I want to ask, but I will just limit it to two aspects from this example: Firstly, in the Insert Picture Dialog there are five different types of ...
3
votes
2answers
136 views

How to distribute selected listitem through a table (days of week)

What 's the best way to do the following : I want to distribute my employees among the specific periods in the week My current UI is like that on The right side : The list box of employees and ...
3
votes
1answer
125 views

Using a column based layout for text content

Text typically falls into a single column on the majority of websites - the user reading down the page. The only scroll motion therefore is downward. I've been experimenting recently with the CSS3 ...
3
votes
2answers
147 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 ...
3
votes
4answers
853 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 ...
3
votes
3answers
629 views

A Create/Edit Dialog with a Save/Cancel button makes sense but a Delete Dialog not

I am struggling with the design of my web application. I am showing a dialog for my Create/Edit item views: Thats fine so far for the Edit/Create view. But how should the dialog look when the ...
3
votes
1answer
1k views

Where should I put a sub-menu on the screen?

This might seem like an odd question, but where should I put a sub-menu on the screen, assuming the main menu is horizontal - similar to the Questions/Tags/Users/Badges menu on this site. The ...
3
votes
2answers
225 views

What knowledge about GUI standards/design a test analyst should have?

I am a software tester who works on a newly developing software product. Sometimes I feel the GUIs are not very user friendly but could not justify as I do not have enough facts/knowledge on GUI ...
3
votes
2answers
780 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 ...
3
votes
1answer
191 views

What is an effective method for in-page navigation when none of the other pages have in page navigation?

I'm updating a help page that is sectioned and navigated using a list of links at the top of the page. Since there is so much content in the help page it is easy to get lost, and the only way to ...
3
votes
1answer
103 views

Layout options for document review, form data entry on web application. Monitor(s) resolution not known

We have a need to allow the users to open a document from the web application and enter data from the document to web forms. We don't know the monitor setup for the users (dual vs single / monitor ...
3
votes
1answer
366 views

How to deal with mega-dropdown menus with inconsistent content?

Context: desktop site which shows data. The main menu has from two to four levels. Without the possibility to change the page content and the menu architecture, we have to optimize the menu view. The ...
3
votes
2answers
60 views

Best way to show an applied variable across multiple plan information containers

I am trying to represent a variable that is set by a user that effects the cost of an item. The same variable would show on each applicable item block. Block may or may not be stacked as in the image ...
3
votes
3answers
153 views

Inline actions vs grouped actions

I have a page with a number of different lists on it. Each list has the option to add a new entry. Would it be better to have the actions in a separate 'action area' or position them close to the list ...
3
votes
1answer
3k views

N-level tree structure in android

I have a list of categories and subcategories and items under each category individually and also items under the subcategories. I would want to display this in a sliding layer , such that it only ...
3
votes
5answers
576 views

Is it better to put “Preview” on an iFrame with a specific height or just show it in full?

We have a page that shows a preview of another page (newsletter) on an iFrame. Now we have two ways of displaying this: Give the iFrame a specific height so that the user can scroll up / down ...
3
votes
2answers
724 views

How do I simplify my complex form? wizard vs. scrolling

In making recommendations for a lengthy registration form, I am faced with the challenge of how to lay it out without confusing the user. In the current implementation, there are many possible pages ...
3
votes
1answer
135 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 ...