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

learn more… | top users | synonyms

1
vote
3answers
63 views

What should happen to dynamic height input element?

I am using Chosen multi-select inputs on a site I'm currently designing and building. I am using them on a form of 6 inputs which filters a list of results. The issue is its quite a set layout... ...
4
votes
1answer
854 views

What is the best way to visually layout an element with 3 or 5 images

My problem is that I have an element in an iOS app that is represented with a variable number of images (2->5). For 2, 3 and 4 images simply using something like this works great. What would be the ...
4
votes
3answers
401 views

Is a large breadcrumb good enough for a page title?

We have a breadcrumb under the menu and and the page title under the bread crumb. Can I get rid of the page title since it is really just a repeat of the breadcrumb? BTW, this is a LOB application ...
10
votes
4answers
615 views

In a full screen mobile game where all corners are taken, where should I put a menu button?

In a full screen mobile game, where all four corners have already been taken to display status and information, where should I put a menu button? I was relying on the hardware button of Android ...
4
votes
3answers
4k views

Is a website with a Fixed Header good for end-users of a Web2.0 website?

Fixed Header is the header that is always visible to users even the user scrolls down. It uses the fixed-position in CSS. There a lot of websites nowadays that use a fixed header, such as gmail or ...
1
vote
2answers
161 views

For 2 related sets of info, should I divide layout into 2 separated fixed Panels or just use 1 Panel?

Let's say you are building a website and you want to display 2 related sets of information. The first set is often brief while the second set is the detail. Ex: table of content vs article, product ...
4
votes
1answer
399 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 ...
22
votes
7answers
15k views

Hamburger menu icons - should they be on the left or right?

Hamburger menus (the three small horizontal bars: the new menu icon). Should they be on the right or left? I'm only thinking of mobile and tablet applications. The pattern I see the most is on the ...
2
votes
2answers
609 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) ...
10
votes
1answer
447 views

Why are nested column layouts getting so popular?

Google+, Ebay, Tumblr are just a few of many who have changed their layout to nested multiple columns instead of a uniform grid view. Personally I find it unorganized and hard to find what I´m looking ...
1
vote
1answer
147 views

Why dvorak's layout left home row is AOEIU?

I am trying to learn to type in dvorak keyboard, but I am having hard time with the vowels. I am ok with the consontants, but I am wandering why Dvorak didn't make it more simple to AEIOU for the left ...
5
votes
2answers
2k views

section header with Spinner (drop down menu) in android using holo visual language

I have a screen that displays section headers. I display 3 section headers in a scroll view. My problem is that each section can change its content based on time intervals. For example, I have 3 ...
3
votes
8answers
456 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 ...
0
votes
2answers
691 views

How to design a precise UX/UI using javascript/jquery web components?

Nowadays, it seems that designers are having more cross-skills with front-end developers as never before. My question is: How a UX/UI designer would be able to precisely design/describe front-end ...
4
votes
2answers
230 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 ...
2
votes
1answer
181 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
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 ...
8
votes
7answers
10k views

Security question & answer. What questions do you ask?

Working on a save quote feature for our new website, one of the security requirements is to ask a secret question and obtain a value from the user. Does anyone have suggestions on the type of ...
0
votes
1answer
110 views

Which is better form of displaying posts? Linear or columned cards?

Lately there has been a purge towards displaying posts in form of columned cards, a card with title, description and a small thumbnail, notably Digg, Google plus communities. Like this, Though ...
6
votes
2answers
506 views

When should a timeline go from top to bottom?

Some timelines are developed from top to bottom, where the oldest element is on top, and the newest is added at the bottom. The examples include forums and message boards, chats, event logs and also ...
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 ...
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 ...
1
vote
3answers
133 views

Settings button at the top or bottom of the screen?

If the settings don't need to be changed very often, but need to be very accessible when they need to be, is there any reason for putting them at the top instead of the bottom of the screen (or vice ...
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
3answers
775 views

How can I design an effective GUI for labels and values for an Android Tablet?

I'm trying to create a simple GUI for an android application that will primarily be used on tablets. I have portrait and landscape screenshots of my current GUI. Note that this is literally the only ...
1
vote
2answers
129 views

displaying product info layout

I have a product page, currently it is laid out like this: /////////////////////////////////////////// (Product Title) / (product price) / (add to cart) (product ...
4
votes
1answer
123 views

Photo galleries for profile photos

Has anyone seen or can anyone envision a good way to sort many (50+) photos which are profile photos of staff members? This is different from a traditional photo gallery because the emphasis isn't on ...
0
votes
1answer
121 views

Breadcrumbs Alignment

Since aligning the breadcrumbs (it's actually a trace) to the left, our layout is more clean separating header (logo, login panel, navigation, breadcrumbs) from its content area (content title, ...
1
vote
2answers
293 views

Why did browsers get rid of the standard menu across the top and now have one button in the top left corner?

It used to be typical of most computer programs to have File, View, Options etc. across the top of the application window. I have noticed that, starting with browsers, many programs have gotten rid of ...
1
vote
2answers
650 views

How to convince clients to use a one-page layout?

I've designed and developed a beta site with a one-page layout, which is having difficulty getting its final approval from the client's president and vice president. They are not technical people and ...
2
votes
3answers
148 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 – ...
0
votes
1answer
144 views

Lists or Table for Itemized Quote Page

I am developing a web application for a client who operates a business that makes custom granite countertops. A quote comprises of several items. Each item has a number of sub-items. My problem is ...
1
vote
1answer
199 views

Better paradigm for a Blender-style interface; lots of control panels and property panels

I am designing an editing application in html/js. After a while, I end up with a lot of different "panels", and I am having trouble displaying them all to the user in an efficient way. Sometimes it ...
3
votes
5answers
439 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 ...
-1
votes
1answer
421 views

Design layout statistics [closed]

Where can I find statistics about why a certain design layout is better? I keep suggesting changes at work and the department chair rolls them back. I need evidence to show why design trends are ...
3
votes
1answer
589 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 ...
1
vote
1answer
97 views

Content grouping based on time and theme

I have some articles which need to be arranged on a new website based on time and theme. For example on a blog site the content is usually arranged by date (descending latest first) - see first figure ...
1
vote
3answers
133 views

How can I decide whether to use a button or a hyperlink? [duplicate]

I have web page that shows the detail information for a parcel of land. You can do the following things from the page. I included an image with the current setup. return to results show an ...
3
votes
2answers
122 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 ...
1
vote
1answer
94 views

Are users more likely to share embedded videos or videos watched from a dedicated viewing experience (YouTube app/site, etc)?

I'm trying to form a best practice recommendation for either embedding videos (embedded youTube player) or launching videos into a dedicated viewing experience (leveraging YouTube app on smartphones ...
0
votes
2answers
125 views

Studies about button placement to download reports?

Would it be more natural for the user to click under the text area or in a centralized area of actions. In our example at http://www.bruxzir.com/science-bruxzir-zirconia-dental-crown/, we have ...
8
votes
4answers
451 views

Multiple email address field in a simple form

This is a survey site, and after completing the survey the user has the option to send a copy of the report to themselves. There is a small container on the page, with a text field and a submit ...
4
votes
2answers
3k views

Why does the Xbox controller have non-symmetrical analog sticks?

The image below shows the controllers of the three eighth-generation consoles (Xbox One, PS4, Wii U). As you can see, both the PS4 and Wii U controllers have symmetrical analog sticks, which seems ...
1
vote
1answer
425 views

Admin site UX design

I am building an application for multiple customers at once. So they will use the same system, but they will have their own admin site, with data, what they need. I have different kind of elements to ...
7
votes
3answers
444 views

select from predefined list if exist ,else insert a new item to the list?

What's the best experience to do the following: The user will insert a new subject(text) only if it isn't in the existing list. So, it will be added to the existing list for all users. I have ...
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 ...
4
votes
2answers
156 views

Best way to display support, contact, and preferences in Mac App

I'm trying to decide what the best way to display the following options to a user is: Contact / Social Connection Links (ex. find "company name" on Twitter / Facebook) Support options (ex. in-app ...
7
votes
3answers
366 views

How to organize multiple information popup areas over a table?

How might you best organize multiple popups over a table when both the table content and the popup content are equally important. Scenario: Tabulated data, for which the user may be interested in ...
5
votes
1answer
564 views

Alternatives to scrolling to display long text? [duplicate]

As you can see on the picture below, my text is displayed within a 'relatively small' DIV. Currently users have the possibility to scroll down within the DIV to read the full text but I don't really ...
7
votes
5answers
2k views

Two-level menus: Why? and When?

Two level menus: should they be used? Why are they important? I never found any resource explaining this. Should I avoid them and only use them when you really have too much stuff to present?