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

learn more… | top users | synonyms

3
votes
2answers
218 views

Flashcard app - list or boxes?

I am making a flashcard webapp, and am deciding between using lists or boxes to represent the decks and cards. i.e., Lists Boxes (with create new deck/card box at the end) So far, my points are as ...
2
votes
5answers
232 views

I'm considering two different layouts for an index of articles. Which of these is more usable?

I'm redoing the layout for a website that contains technical articles. The demographics are mostly engineers. I'm trying to decide between two different layout styles for the actual article listings, ...
2
votes
3answers
290 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
634 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
2answers
735 views

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

So, I'm creating a compact form module for bootstrap 3. The project is opensource on github. This type of forms are good in two ways: It's so 2014 and very user friendly on mobile devices. But Im ...
2
votes
5answers
354 views

What is the best way to arrange chinese words on a menu [closed]

On a English menu , the food items can be arranged according to alphabetical order For a Chinese menu , there are no alphabet, only chinese characters , what would be alternative way best to ...
2
votes
1answer
200 views

How could I better layout a list of 200+ members?

I'm looking for suggestions on how I can lay out this long list of members. Just for some extra context, when you select a person's name an overlay will appear with their information along with a ...
2
votes
3answers
156 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
271 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
512 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
238 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
497 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
467 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
115 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
542 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
119 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
3k 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
313 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
173 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
184 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
431 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
2answers
528 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
99 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
223 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
1answer
310 views

Facebook Like button too intruding? [closed]

Does anybody feel the Facebook Like button is too intruding in ones UI? Like it doesn't fit in, like it's some cheap plastic thing? Have anybody ever used JS or something to make any alternatives ...
2
votes
2answers
117 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
4answers
1k 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
307 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
192 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
408 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
181 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
170 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
97 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
157 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
497 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
384 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
290 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
318 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
278 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
269 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
162 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
698 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
743 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
224 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
514 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
324 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
3answers
6k views

Tab Bar In Split View Controller Master View

Currently I am using a UITabBarController in my iPad application in the master view of a UISplitViewController. However, in my detail view, there is a UIToolbar, and the UITabBar looks out of place. ...
2
votes
2answers
230 views

How to best display a lot of information or data on a single webpage?

Are there any "rules" or recommendations in UX Design for displaying a lot of data on a webpage? Or how to select the most needed information to display data?