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

learn more… | top users | synonyms

6
votes
3answers
421 views

How to display a large user info in a small space?

I am currently taking a stab at a problem that - user needs to see all his info in the header. The problem is - as per current design the header is very small .How should I include the user name,dob, ...
8
votes
2answers
2k views

How to design usable web site terms & conditions?

What are some guidelines and examples for designing usable legal terms for web sites? I know that most users don't read it, but are there innovative ways to improve readability and presentation of ...
5
votes
2answers
215 views

How to make a application with several different user controls feel more unified?

We have an application where we're combining several different user controls into one main window. About 3 of the controls are developed outside our group, so we really don't have much control over ...
0
votes
3answers
240 views

Button layout in outliner

I am writing an outliner software. At any state, one of the items in the list is selected, and the software can do the following with respect to the selected item: Prepend a new item (sibling) to ...
6
votes
3answers
305 views

Legal disclaimer on search page

I have a search screen I've created. I want the design to be very simplistic (google/amazon style) and I feel like I've achieved that. The problem now is I've been asked to attach a visible ...
1
vote
1answer
102 views

Optimum distance between fields (Textboxes etc) on mobile touch screens

What should be the optimal distance between fields such as Text boxes in mobile touch screens? In order to avoid wrongly touching other fields. download bmml source – Wireframes created ...
5
votes
1answer
690 views

Flow of Dynamic Grid

There's a recent trend in web design to use dynamic masonry grids, like Pinterest, for just about everything these days. If you haven't seen such a layout before, it presents content of variable ...
3
votes
5answers
911 views

Pagination - Placement of Navigation Control Relative to Search Results?

In a web application I am building, I will have a list of search results I am displaying to a user in a tabular format. I plan to page the results in smaller groups (10 for example) for performance ...
1
vote
4answers
293 views

What to include on an app's home page?

I'm creating my first Android application at work that shows state health rankings. It's very similar to this website: http://www.countyhealthrankings.org/. I have almost finished it, but I'm having ...
3
votes
4answers
259 views

Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?

I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
7
votes
2answers
610 views

How to best display a table of data with sub items?

We have a web application where we show lots of data in "datasheets". As part of this, some data values can have other values associated with them. To make it more complicated, every item can have ...
5
votes
3answers
376 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
310 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
915 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
626 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
268 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
694 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
272 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 ...
5
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
404 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
155 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
674 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
389 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
175 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
365 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
660 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
406 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 ...
18
votes
5answers
1k 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
217 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
336 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 ...
63
votes
4answers
5k 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
262 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 ...
9
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
208 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
482 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
132 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
822 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
533 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
248 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
661 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
197 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 ...