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

learn more… | top users | synonyms

3
votes
2answers
637 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
91 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
332 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
422 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
2answers
110 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
1answer
2k 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
126 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
271 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
686 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
109 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 ...
3
votes
1answer
50 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
6answers
321 views

Enforce or assume an orientation for the layout of a mobile web application

When designing a mobile layout in a web application, is it fine to assume a given orientation (horizontal or vertical) or to ask to the user to adopt a specific orientation? I have seen several ...
2
votes
3answers
266 views

What ways can I present an addtional field to combobox when user can't find item they looking for?

I have ComboBox and it has item inside user can select item they want, if they can't find item they can select first item (Not in this list) and input data in textbox (textbox will show if user select ...
2
votes
4answers
497 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
4answers
195 views

Panels vs multiple windows

There are many programs for which the GUI contains several, discrete parts (all visible at the same time) for performing different actions, usually with one main part and other secondary parts. What ...
2
votes
2answers
533 views

Where should the submit button be for these type of compact forms? (bootstrap 3 module)

So Im creating a compact forum module for bootstrap 3. The project is opensource on github. This type of forms are good in two ways: Its so 2014 and very user friendly on mobile devices. But Im ...
2
votes
3answers
143 views

How to enhnance thumbnails resizing?

We have a standard thumbnail browser interface in a desktop application which (for our discussion) resembles much to Windows Explorer. Something like this: download bmml source – ...
2
votes
2answers
247 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 ...
2
votes
5answers
439 views

Designing gantt like schedule in grayscale

I had some problem deciding if this should go here or in Graphic Design site. I hope I got it right! So I'm redesigning a schedule application. It looks something like this: Each activity has a ...
2
votes
4answers
237 views

Which version of this upcoming beer app UI do you think is more effective and why? [closed]

I am trying to decide which version of my layout to go with from a color and post layout perspective. Any reasoning for your choice would be really helpful! ...
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 ...
2
votes
2answers
449 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?
2
votes
2answers
443 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
3answers
237 views

Should a large company worry about Browser Zoom

After designing a large site with multiple forms (And launching last night) My QA team came to me with a very intriguing question. They showed me a "bug" where, when a user zooms out (not in) some ...
2
votes
2answers
113 views

Will this layout work with other languages?

I'm working on a reminder application. Specifically, I'm now building the snooze functionality. I'd like to do a layout using buttons like this: Snooze for 15 minutes Clicking minutes allows you ...
2
votes
5answers
2k views

Best placement for a “Go Back” button: top or bottom?

I know that it is bad practice to use a "Go Back" button (since the browser has such a function) but when it can't be avoided for some reason, is it better to put it on top (similar to how the back ...
2
votes
4answers
249 views

How should a website handle signup for two types of accounts?

For instance, say a site is for merchants and consumers; people should either sign up as a merchant or a consumer – they require two different forms located on different pages. From the home page, ...
2
votes
2answers
155 views

Showtimes for movies

I'm working on local cinemas guide (for arab users), and I want to design showtimes schedule in cinemas on movie page.. easy & simple for users and easy for developer and data entry. Can I use ...
2
votes
3answers
267 views

Improve form design for more efficient editing/browsing through data

INTRODUCTION: I am asking for advice to properly redesign the GUI so user can have the best possible user experience. Although I am generally satisfied how things turned out for entering data into ...
2
votes
1answer
97 views

Is there a disconnect between the fields of neuroscience and user experience on the topic of horizontal-bias?

Jakob Nielsen says that: Horizontal Attention Leans Left While evidence from neuroscience, as described by Jeremy Tunnell (Product Manager for Stack Exchange) suggests that "the brain’s visual system ...
2
votes
3answers
204 views

iPhone - Hiding/showing a common Carousel view

I have a Carousel view (horizontally aligned images, can be swiped left/right to switch images) above a Table view that displays some information. Assuming I'd like to give the user the option to ...
2
votes
2answers
2k views

Best way to display more table columns and rows than I have room for?

I have a similar problem to what is mentioned in Best way to display more table columns than I have room for?. But to make things a little more difficult, the table has approximately 1000 rows and 64 ...
2
votes
5answers
115 views

Gratuity (tips) interface for Mobile Point of Sale (mPOS)

here is our current design of Mobile Point of Sale (MPOS) UI for the Gratuity (leaving tips if simple). MPOS is that device that you see mostly in supermarket when paying by card (small screen, card ...
2
votes
1answer
766 views

Is “above the fold” still relevant in 2014?

I'm currently researching about the validity of the "above the fold" concept in 2014. So far the generally agreed-upon facts I've detected about the "above the fold" are: Scrolling is now natural ...
2
votes
3answers
273 views

Web Form With About 350 Fields Layout

We are developing web app for managing employee's salary. Each employee entity has about 350 fields of data. Currently layout uses tabs and fields grouping inside each tab with multiply columns. Users ...
2
votes
2answers
224 views

Should form fields flow top to bottom or left to right/right to left?

I'm currently designing a small form for a user create experience inside an app. I'm wondering if it makes sense to have the last name field shown to the right of the first name OR down below the ...
2
votes
3answers
127 views

How to improve calendar event containment?

I'm using FullCalendar on a project where users primarily have a single event that lasts multiple days or weeks, with multiple other events scattered throughout. I've had a handfull of users say that ...
2
votes
3answers
99 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 ...
2
votes
3answers
147 views

Which side of the screen should a user HUD be on?

I'm trying to come up with the UI for a game I'm creating for the iPhone/iPad. The game is based off another online game form years ago, and they had their HUD on the left side of the screen. I'm ...
2
votes
3answers
75 views

Grouping Similar Controls

For Windows based software regarding image processing, I am torn between two options for grouping logically similar parameter controls. The option on the left is more thrifty with screen space, ...
2
votes
1answer
114 views

Buttons in the “tab area” of a page control

Is it OK to put buttons (or a toolbar) in the "tab area" of a page control? In the example above, the number of tabs is fixed. The rationale behind this is to "save space". However. It "feels" ...
2
votes
3answers
324 views

How can I make a textarea larger and keep a clean UI?

I need a better way to of working with the textarea on the left without relying on the horizontal scroll for large amounts of text. Atm it's a horrible UX editing large amounts of text. This is an ...
2
votes
4answers
224 views

Alternatives to glossary layout?

I've been looking for different ways of laying out glossary content but only seem to find layouts that look like below. While I think this is effective and intuitive for users I was wondering if you ...
2
votes
3answers
240 views

How can I display lots of controls that are contained within expanders?

I'm currently building and Dashboard system for a factory and there is a control panel to control all the displays in the factory and to decide which detail(KPI type) to be displayed. Following is the ...
2
votes
1answer
257 views

How to display large data over a full screen image slider?

On my website www.goo.gl/uompd I have a full screen image slider which works just fine (the images are from screenshots of other websites I have done). On the slider I want to put 4 text boxes, a ...
2
votes
2answers
230 views

iPad Nav Strategies for presenting deeper levels

Does anyone have examples or suggestions of iPad/tablet interfaces that present more than a couple of levels of content? I'm struggling with how to properly present this information without either 2 ...
2
votes
1answer
193 views

Desktop application problem: how to present a new option without confusing existing users

Background: Our user runs an internet shop, based on a SoS platform we provide. In particular we provide a desktop app (Windows), which basically stacks up the shelves of this store by uploading ...
2
votes
1answer
250 views

Advantages of big forms (especially in ecommerce)

What are the advantages or disadvantages using big forms? (especially in ecommerce) I notice sites like Stack Exchange are using big form input fields with big bold labels inside of them ...
2
votes
1answer
136 views

Is the label orientation on this product a message from the manufacturer?

I posted a question on the DIY SE site, and it was recommended that maybe a part of it would be better asked here. Consider these two outlets: The blue WR logo indicates that the outlet is ...
2
votes
2answers
438 views

Responsive Layouts: Can they respond to *on-screen* keyboards? (i.e. Tablet / Mobile keyboards)

This question is fairly simple, though I'm not sure the technology exists yet. I'm building a responsive version of a website to be optimized for use with a tablet device. This is one challenge ...