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

learn more… | top users | synonyms

5
votes
3answers
371 views

How should I present landscape-orientation page thumbnails in a series of portrait-orientation thumbnails?

I am working on a small web site which has traditionally presented small (300 x 388)px thumbnails of their event posters, which are linked to the full, tagged PDF. The majority of their posters are ...
5
votes
2answers
307 views

Where can I find research on readability of web sites?

I am looking specifically for text alignment (e.g. left vs. full justification) and what size/width text sections ideally have.
2
votes
2answers
149 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 ...
7
votes
2answers
892 views

What is the optimal layout for a mobile search form with a large number of fields?

I'm working on the layout for a search form that has approximately 8-10 fields. At this point, the search form fills nearly the entire viewport. My research has turned up general strategies for large ...
12
votes
2answers
605 views

Where should the “Add to cart” button be placed in the product page?

I came across this awesome question on LinkedIn. The author has posted it across multiple UX groups (some open & some closed) so I'd like to preserve the best answers in one location. Many ...
3
votes
1answer
266 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 ...
13
votes
4answers
671 views

Should radio options be displayed vertically or horizontally?

For Example: Results must match () All () Any () None Of the search criteria vs Results must match () All of the search criteria () Any () None The ...
2
votes
0answers
269 views

When using Verdana, is it common to use Tahoma for headlines? [closed]

So Verdana looks excellent at small sizes. For big sizes like headlines though, is it common to use Tahoma as a replacement, which I hear is a condensed version of Verdana?
11
votes
5answers
1k views

Bylines at the top or bottom of an article? Or both?

Jakob Nielsen's latest Alertbox post recommends omitting bylines except in a few cases regarding credibility. We've considered dropping bylines from the top of news articles to the bottom of articles ...
4
votes
3answers
2k views

Pull-to-refresh and search bar

I have an iOS app that uses tables views. It also implements a pull-to-refresh model, which works very nicely. I now want to add the option to search that table view. Normally, I would just hide the ...
2
votes
2answers
390 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 ...
6
votes
1answer
152 views

Wanted: terms and info for “display density” / “space conciousness” by Gmail

In gmail, the contents of the page is beautifully laid out with regards to how big the browser window is. There are three modes: Comfortable, Cozy, and Compact. There is a menu for switching manually, ...
1
vote
1answer
263 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 ...
13
votes
7answers
1k views

Ads, when the user has no internet connection

I have an Android app which, in free version, has an ad block at the top of the screen. Of course users can see ads only if they're connected to internet. If they are not connected they get the same ...
1
vote
2answers
655 views

What is the recommended alignment layout for a horizontal menu bar on a web page?

I have a horizontal menu on the top of a web page (pretty common) and I was having a debate with a friend about the preferred and most logical layout of the menu items (centered or left) He was ...
3
votes
1answer
379 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 ...
5
votes
2answers
172 views

How to place advertisements effectively, but not annoyingly

I was wondering the best way to place advertising on a website, so users don't feel like the advertising is forced upon them. It can often make a website unpleasant to be on (like quite a lot of u), ...
1
vote
2answers
346 views

Admin Layout - where to put the categories list?

See the Admin layout (wireframe) below. Header - Logo and Logout Link Main navigation - Orders, Members, Shops, etc. Sub-Navigation - List of links that is related to Main navigation. Eg: If you ...
2
votes
4answers
647 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 ...
5
votes
4answers
398 views

how to make compact UI for lists

I'm making an app with 2 lists in the main screen, and the space allocated for the 2 lists are equal. So there will be only 5 items visible for each list. I'm thinking of an improvement on making ...
8
votes
3answers
5k views

Best way to display more table columns than I have room for? [duplicate]

The web development office I work for is working on a fixed-width web site. On one page, we have a table inside of the fixed 960px space available. So far, this table has worked out great for us, but ...
17
votes
5answers
988 views

Which is more likely to be read and processed: (related) text placed above or below an image/video?

I'm thinking about layout on pages where the main asset is visual — for instance, a photo of an item from the collection on a museum website, or embedded video as on YouTube and many news sites. ...
3
votes
2answers
216 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 ...
5
votes
1answer
331 views

Price plan table with multiple payment options

I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
62
votes
4answers
4k views

Why do numpads on keyboards and phones have reversed layouts?

I came across this on the web. It's supposed to be funny, but we all know better :) So, why are the numpad layouts different, and what are the reasons behind each?
2
votes
1answer
260 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 ...
8
votes
3answers
3k views

How to organize a form with many fields?

Where I work, we have a system that has a screen with several fields. There are approximately 50 fields and all are important and should appear. //edited in gimp :D Any suggestions on how to ...
5
votes
1answer
117 views

Is it necessary to reorganize your entire layout to suit multilingual left-to-right languages?

I'm working on a flash project right now that is necessary to support 16 languages, from english to hebrew, and etc... My dilemma right now is whether or not it is necessary to flip my whole design to ...
2
votes
2answers
206 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 ...
4
votes
2answers
472 views

What are some reasons that not all websites have fluid layouts?

Recently, I was using Facebook and I resized it to 50% of my screen to look at something else. What I saw was that most of the page was cut off. What are some reasons for Facebook or any other major ...
13
votes
5answers
6k views

Should social sharing buttons be at the top or bottom of an article?

I can certainly see arguments for both sides of this one: Buttons at the top: Easy to find, reliably positioned regardless of the article length. Extreme ease of sharing as you don't have to reach ...
0
votes
2answers
130 views

interface suggestions

I have a simple site I'm creating that basically just allows you to set your status as away or available. Super easy and very simple. However, I'm definitely not a UX person and I really struggle at ...
5
votes
4answers
2k views

Is Amazon's layout good or bad from a UX and conversion optimization POV? [closed]

I'm in the process of designing a theme for my company's online store that will (obviously) hopefully boost our conversion rate as much as possible. It seems only logical when planning the theme to ...
8
votes
10answers
801 views

How can I deal with too much blank space in a desktop application?

Usually people are concerned with too much data/interface, and not enough screen real estate, but I'm in the opposite situation. The desktop application I'm working on has several tabs for entering ...
5
votes
2answers
519 views

Handling images larger than viewport in carousel-based gallery

I'm trying to figure out the best way to design an image gallery embedded in a lightbox. The gallery has thumbnail versions of each image in a carousel, and clicking a thumbnail brings that image ...
5
votes
1answer
246 views

Should my gutter/margins expand in a fluid design?

I'm redesigning a page, and am going for a fairly basic fluid, 2-column layout. With a fluid layout though, should I have my gutter and margins expand along with the columns, or would it be better to ...
4
votes
4answers
1k views

Fixed feedback tab on the left/right window border

What is your experience about using tabs/buttons that are fixed to the left or right on the browser window? (see an example to the right on this site) They are usually used for feedback forms or ...
4
votes
2answers
651 views

Android a lot of information on one screen - how to simplify?

I am new to Android development. I am working on application where Sql-lite is also involved, its a database application. The application is used on Android Tablets In of the screen we have a lot of ...
2
votes
3answers
196 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 ...
0
votes
2answers
207 views

How to layout an article with illustrations?

I need to right an article/tutorial that has illustrations. The illustrations are not necessary, but are nice to have. They will help visually inclined people or people who just hate reading. How ...
5
votes
3answers
688 views

Why is the new Twitter menu bar on the bottom on iPhone?

Twitter recently released a complete redesign for all major platforms, in part the redesign has been made to unify the experience across platforms. But, because of this goal I couldn't help noticing ...
4
votes
4answers
958 views

Should I use a radial menu design for a touchscreen game?

We are working on a game for android. We had a normal menu where each menu entry is below the other. As we find this boring, we looked to different approaches and came across the lock screen on ...
0
votes
1answer
84 views

Visitor's reactions on web development agency's page?

I need to step-up of the freelance side and step into a more business side of web agencies and I need your opinions about how people react on your philosophy and decide to go or leave you. The way I ...
2
votes
3answers
140 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 ...
7
votes
4answers
319 views

What research, patterns or techniques will help me choose the correct colors (or saturations) to the various UI elements of a page?

I am building a tool that will be used by call center agents. It is to help them support products on behalf of the customers who call up. It acts as a portal to many different types of product ...
3
votes
3answers
535 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
1answer
938 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 ...
0
votes
3answers
201 views

How to improve my layout [closed]

I have a couple of questions here: 1) What if I have two news stories posted for a day should I bullet the titles or how should I format them so that it stands out more that they are separate news ...
4
votes
3answers
207 views

Displaying/presenting options neatly

I have a Windows application which has some options regarding notifications. Each type of message can be turned on and off for the statusbar and for pop-up messages. Here is what it looks like now: ...
2
votes
2answers
426 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 ...