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

learn more… | top users | synonyms

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 ...
4
votes
1answer
136 views

Fixed form button bars

Recently I've been designing complex multi-page forms for financial institutions and up until now they've been designed with a fixed navigation bar at the bottom of the screen, like so: The forms ...
4
votes
1answer
376 views

How to display multiple (100+) content blocks on a single page

i have a page which comprises of multiple blocks. The blocks are like containers that have to accommodate several contents. The contents you can imagine as say some text/sentences. These are present ...
4
votes
2answers
2k views

How to let the user add and edit items in a ComboBox? (WinForms)

In my WinForms application there is a ComboBox with default values. The user should be able to add items to the ComboBox or rename existing items. I want the design to be simplistic. This was my ...
3
votes
4answers
439 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?
3
votes
8answers
437 views

Users keep missing an important page element

I run some user tests on a finished page (not the mockup you see below) and found that two thirds of the users (in a sample of about 10) miss the Back to previous page link at the top left of the ...
3
votes
4answers
260 views

Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?

I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
3
votes
3answers
553 views

Should I redesign my desktop application so it looks and acts like a website?

I'm in the process of redesigning one of my older desktop applications. The original design I did was based on a 640 X 480 screen. Times have changed and there several different screen resolutions ...
3
votes
3answers
339 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
462 views

Should I have “read more” links in a responsive design?

I'm currently in the middle of a re-design for a mid-market newspaper's website, and for each article there's a "Continue reading story >>" link after the lede paragraph on topic pages and the home ...
3
votes
4answers
325 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
422 views

best way to represent horizontal reports?

i need to display reports with various fields, column wise. The length of each column could go along 50px appx. So , the overall report length would go upto 2k-3k px , since i need to display them in ...
3
votes
4answers
185 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
5answers
120 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
263 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
2answers
66 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
5answers
1k views

How to make a long text look interesting?

I'm currently designing and building a job board website. I've started designing the page which shows a full job description posting once the user clicks through from a list of search results. The ...
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 ...
3
votes
2answers
377 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
5answers
931 views

Pagination - Placement of Navigation Control Relative to Search Results?

In a web application I am building, I will have a list of search results I am displaying to a user in a tabular format. I plan to page the results in smaller groups (10 for example) for performance ...
3
votes
1answer
392 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
5answers
290 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
2answers
196 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
361 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
94 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
91 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
163 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
169 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
165 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
223 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
2k 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
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 ...
3
votes
1answer
42 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 wanna 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
133 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
2answers
173 views

How to display vertical and horizontal information in the same space?

I am working on a webapp that is largely datagrids. When a row of the data grid is selected a detail pane slides up from the bottom of the app that displays various information related to the selected ...
3
votes
1answer
452 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
100 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
101 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
160 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 ...
3
votes
4answers
613 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
507 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
966 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
208 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
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 ...
3
votes
3answers
83 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
5answers
304 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
356 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
1k 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 ...
3
votes
1answer
124 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
269 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 ...