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

learn more… | top users | synonyms

2
votes
2answers
455 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
99 views

Best wording to use for “General” portal in navigation

I am designing a navigation bar at the top of a web page with several buttons used for navigation. On the right side of the bar, there are two buttons pertaining to user-specific functions (log in, ...
2
votes
3answers
346 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
118 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
6answers
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
284 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
168 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
2answers
113 views

General rule to calculate padding

Is there a general rule to calculate padding/margin values to make web page layout more err... beautiful? (Spacing between elements on a page, between elements and page borders, etc.)
2
votes
3answers
369 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
3answers
3k views

Grid View vs List View for products

I am looking for some general insight on a comparison between grid view and list view in e-commerce and not only. I want to start from this general research, find the proper terms I don't know at ...
2
votes
2answers
365 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
1answer
98 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
219 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
4answers
372 views

When designing a website, what screen resolution should I design for?

I have a simple question about the best resolution to consider when developing a website. Usually I consider the max-width: 1920x1080px, but now TVs are smart and some of them allow you to browse the ...
2
votes
6answers
254 views

Volume controls and mute order

I'm designing a remote control that only have Volume Up, Volume Down and Mute. But I can't decide where to put the mute button, in the middle or on the bottom. And what should I have for the Mute ...
2
votes
5answers
163 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
3answers
351 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
3answers
152 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
113 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
157 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
2answers
97 views

Why do desktop applications place settings in one dialog?

It's easier understand why web sites are doing it, but i'm not sure why desktops place settings in one dialog when, for example, multiple windows can be opened. I once wrote an application with a ...
2
votes
3answers
87 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
143 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
408 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
302 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
266 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
290 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
260 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
260 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
154 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
599 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 ...
2
votes
4answers
726 views

Examples of “Light table” GUIs for editing and comparing images, text or other data

I'm looking for examples of existing solutions of the following interface problem. The interface must have a table, list, thumbnail view or such of items, which depending on the example could be ...
2
votes
3answers
217 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 ...
2
votes
2answers
490 views

Alternative to “Hover For More Information” Controls

I don't like modal popups, because they force you to close them before you resume normal input -- and because they tend to dominate the screen. When I made Valence, I had a dilemma: where do I put ...
2
votes
3answers
308 views

How should I design a small help system for a Windows application?

Context I've written a simple, business application which generates a report from information in a database. The only user input required are two file paths--one to a list of items to report on and ...
2
votes
4answers
4k 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 ...
2
votes
3answers
238 views

Main Menu in Popup window

Am working on a software product that have up to 100 view, so my main concern is simplicity and quick access navigation. My idea is to put all the menu items in a popup window. The user can access ...
2
votes
2answers
62 views

Order of multiple photos and text in articles

I've read on previous questions here that it's generally better to have this order when organizing photos and relevant text together. [photo] [text describing photo] I don't have a problem with the ...
2
votes
3answers
290 views

Multiple choice with Yes/No but some are not mandatory

I am looking for UI patterns for scenarios where the answer to a question can be Yes or No but the user can also choose to not answer the question. The meaning is different in all the 3 scenarios. ...
2
votes
1answer
127 views

Same interface items, how to organize them better?

This is a website builder application and I'm having trouble reflecting an easy interface for the user. In my opinion, there are several shortcomings in terms of design here but I don't know to do any ...
2
votes
3answers
490 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 ...
2
votes
2answers
611 views

How to make fluid web site consistent

I am redesigning my fixed width web site to be (more) responsive and ran into some problems: For one, I really like using a fluid width layout since a lot of visitors are using my web site in (much) ...
2
votes
2answers
1k views

How can I display multiple forms and lot of important form information on an Android application?

In my app, one of the main feature is to complete 'forms'. One form contains a lot of read-only information, described by the following mockup. On this UI everything is read-only: Titles ...
2
votes
3answers
232 views

How can I display really long content pages on a responsive site?

What are some of the better UX techniques to deal with really long static content pages? We are talking about 4-5 printed pages on a single URL of a site (meaning that if you were to print these ...
2
votes
1answer
811 views

Is there a reason behind gratuitous use of whitespace on YouTube's new layout? [duplicate]

Possible Duplicate(s): What are some advantages of left-aligning columns within the browser window? UX design pattern for whitespace I opened YouTube on Friday to see its new redesign. It ...
2
votes
1answer
576 views

System status and availability best practice

What are is considered best practice (layout, age of information, level of detail, etc.) for UX guidelines when creating system status and availability page(s)? Below are links from major companies ...
2
votes
3answers
105 views

Will combining fixed and flexible layouts on the same page confuse people?

I've recently put a limit on the maximum width of my web app (similar to the Stack Exchange sites) to avoid looking ridiculous at very high resolutions and large monitors. Most pages are limited to ...
2
votes
1answer
283 views

Best Layout for an “Object” Voting System?

I'm more of a developer and less of a designer and I'm currently working on a website that will display a list of books and will allow users to vote for their favorite book (or add a new one if their ...
2
votes
2answers
225 views

White space vs. Information [duplicate]

Possible Duplicate: How can I defend and/or encourage white space as an effective design element? At the company where I work, every day, there are discussions about "how to fill the ...