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

learn more… | top users | synonyms

3
votes
2answers
329 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
155 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
369 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
120 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
115 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
131 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
170 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
502 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
510 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
1answer
47 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
910 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
106 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
308 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
756 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
97 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
99 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
180 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
180 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
190 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
256 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
111 views

iOS/ Android - Can we implement a popup over an other popup?

When a user is prompted with a popup to select a option, Whether we can invoke a second popup over this first popup or closing/hiding the first popup to showcase the second one?? Or any other good ...
3
votes
1answer
202 views

UI to quickly build a tree

Our users need to build trees with unlimited hierarchy containing several types of nodes, and they need to control the order of the nodes. A user will start with a root node, and add child nodes to ...
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
159 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
605 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
713 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
705 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
129 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
120 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
142 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
834 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
609 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
223 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
751 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
153 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
89 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
340 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
58 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
141 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
534 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
691 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
133 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 ...
3
votes
1answer
309 views

Multi-pane code editor with preview: help me find a good compromise between usability and complexity

I am creating a simple web site/app for testing JavScript code in the browser, similar to jsbin.com, jsfiddle.net, and tinkerbin.com. The usual approach is to have 3 code editors (for JS, CSS, and ...
3
votes
4answers
761 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 ...
3
votes
2answers
117 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 ...