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

learn more… | top users | synonyms

5
votes
2answers
198 views

Improving a 'page layout' editor's user interface

Below you can see a screenshot of a web-based page layout editor. It is basically a drag and drop WYSIWYG editor for interactive apps, and allows the user to use a page backdrop and add a "layer" of ...
5
votes
2answers
179 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), ...
5
votes
1answer
119 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 ...
5
votes
3answers
1k views

What's the best way to display and navigate about a list of 2000+ items?

I've recently decided to update the look of a site and was confronted with a page that is a list of 2,000+ items sorted into a table and a blob of links that go with it. First Robotics competition ...
5
votes
1answer
248 views

Best way to handle a system failure (not the user's fault)

In my application, we're very dependent on a service to provide some information that the user can interact with. It's possible that the service could be down, or in some invalid state to where any ...
5
votes
1answer
148 views

What is the optimal vertical margin between paragraphs?

Here on ux.StackExchange they have gaps that are a bit smaller than one line height (~88%), but I’ve read a few times that 100% of the line height provides best readability because it continues the ...
5
votes
2answers
162 views

How to contrast read-only labels from their corresponding data

Given the interface below, what would be the best way to contrast the labels from the data labels? The only thing I could think of would be to shade the background of the labels, however, according ...
5
votes
1answer
252 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 ...
5
votes
4answers
3k views

Designing an Advanced Search Control for iOS?

I'm working on iOS app and part of what I'm making is an advanced search interface. The default iOS search components allow for text entry and for a "scope bar". That is, a bar which allows you to ...
5
votes
2answers
541 views

Best layout for lots of user input elements?

I have an application that presents a question/answer form to the user. It was mandated that the form look as close to the paper form as possible. The paper form was built in a spreadsheet as two ...
5
votes
2answers
190 views

How to calculate the best width of a text element

I am developing a visual editor where the nodes in the editor can contain text. The size of the text can vary, and can contain any character. Since it is important for me to minimize the size of the ...
5
votes
2answers
541 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
3answers
222 views

Should all fields in a web form be the same length? [duplicate]

Attached is a screenshot of a web application I am building. It shows where the user can enter input to perform a search. My question: should the text boxes/comboboxes all be the same width? The ...
5
votes
2answers
217 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 ...
4
votes
3answers
16k views

Optimal “fixed-width” website design?

RE: Design of 'fixed-width' websites, optimized for universal readability across all screen-size resolutions (i.e., best viewed, with no horizontal scrolling, over broadest range of both ...
4
votes
5answers
633 views

Encourage users to tap the “review” button

How to layout an Info screen, so as many as possible are tempted to tap the "review" button? I wish users would tap the "review" button and write a long positive review on the app store where they ...
4
votes
3answers
557 views

“Here will be your logo” - any idea how to visually represent this to a client on a demo website?

"Here will be your logo" - any idea how to visually represent this to a client on a demo website? We are a company offering free demo of client's website, before going for a deal. Although, the ...
4
votes
3answers
2k 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 ...
4
votes
6answers
2k views

Best way to fit a lot of stuff onto one page

I have created a webpage, but my boss came back saying that the page is too busy. I was just wanting some ideas of how to split up the page e.g. accordion, tabs etc. What tactics have you implemented ...
4
votes
2answers
358 views

Best layout for a custom calculator (for mobile web browser)

I like to record my Max Weights for exercises (e.g. Bench Press) on my phone. I have a web app I created for doing this. One of the tools I created is a "Barbell Calculator". I plug in my weights ...
4
votes
1answer
516 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
5answers
497 views

Attractive website layout without a tile of thumbnails

I'm trying to figure out possible layout options for a website project. Its function closely resembles EnglishCentral. This website helps people practice spoken English through a series of videos with ...
4
votes
4answers
347 views

Navigation with or without sub-navigation?

Considering following site architecture, where each category has multiple products inside it: /Home /About /Products/Category 1 /Products/Category 2 /Products/Category 3 /Products/Category 4 ...
4
votes
3answers
291 views

Does Usability/design matter in admin(client) sites?

I worked at many organization, few of my old employers developed old system for clients which is running from more than 5 years and work perfect. They do not care about any user experience(design, ...
4
votes
4answers
240 views

Banner Blindness on Non-Profit Web Site With Zero Ads

I am currently considering a page structure that would include a video. The context of the page is it is a kind of landing page meant to provide access to informational and educational materials ...
4
votes
4answers
1k 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 ...
4
votes
5answers
401 views

Which spot has the best conversion in the grid layout?

We are going to show popup with 6 different offers, positioned by 3 in two rows. Of the these 6 offers, 2 are really beneficial for us (say, have high reward for click). Common sense says that we ...
4
votes
3answers
208 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: ...
4
votes
2answers
2k 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 ...
4
votes
2answers
237 views

How Many Screenshots Are Too Many

At what point am I offering too many screenshots? I am working a redesign of my company's help guides - these guides are mostly centered around our hosted mail services. How to set up Outlook, set up ...
4
votes
3answers
640 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 ...
4
votes
4answers
356 views

How to prevent grey/black lines after effect?

I have made some new design for my private blog (a black design). However, If I now read a blog piece and then look around I see around me all kinds of black/grey horizontals bars as after effect, ...
4
votes
3answers
285 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 ...
4
votes
3answers
124 views

Should certain functions be “hard to find” for powerusers to discover?

This is more of a fundamental question about access to the "poweruser" features for an application. One side thinks that power features should be more or less, "tough to find" and leaves the curious ...
4
votes
2answers
204 views

Allow list box to expand to browser height?

I'm designing a web app that includes a list builder. I've proposed that the height of the list box containing the available items should grow depending upon the available browser height. However, I ...
4
votes
2answers
683 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 ...
4
votes
2answers
284 views

Advice on layout/presentation of information to user in web page

I'm developing a website that helps connect nightlife promotion companies with consumers. Each night life company hosts events and various venues and on various nights. I want to give users/consumers ...
4
votes
2answers
1k views

What are unique UI controls on Android?

Apart from regular UI controls like tabview and listview, are there any unique and attractive UI controls like Quick action bar, Action bar, or iOS spinner (Date and time selector) which are ...
4
votes
1answer
94 views

When is it appropriate to use a complex interface, and when we should keep things simple?

I have a general question about layouts incorporating toolbars, sidebars, and/or panels. Common design sense might stress simplicity, not to cram too many elements into the UI design. But we often ...
4
votes
2answers
324 views

Where to put a global “add item” button?

We're adding a global "Add new X" button to our application (it will show a CRUD form for an activity, the fundamental "thing" in our app). We want it to be clickable from anywhere in the application ...
4
votes
2answers
243 views

How can you show human element without showing pictures of people?

With a company that changes all the time, how can you show the personal touch of human interaction without showing pictures of humans? Essentially, blurring the line between technology and people, ...
4
votes
3answers
2k views

Are there any recommendations for the layout of Metro forms UI with hierarchical data on a website?

Most of the guidelines I find regarding Metro design deal with read-only or media content with few text input controls. Are there any design guidelines/examples/screenshots showing good layout of ...
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
6answers
607 views

Layout suggestions for social media sharing page

I need to make a "Share This Site" page that offer all the regular social sharing mediums and send to a friend email option. With Facebook like facebook share ReTweet this Digg Buzz delicious email ...
4
votes
1answer
109 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 ...
4
votes
1answer
129 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 ...
4
votes
2answers
212 views

Scrollbar width in Component Vs. Containers (UX dilemma)

Do you think a thinner scrollbar should be applied in components (such as combo box and text area) and wider scrollbar in containers such as window & panel? And if not, will you apply a thinner ...
4
votes
1answer
279 views

Best way to tell user either to select an existing entry or enter new entry

I am designing a web page for mobile devices as I have limited screen space. The web page is used to select a store name from a list of stores (which the user entered earlier) or enters a new store ...
4
votes
2answers
127 views

How to better display metadata about a card?

A Card has the following metadata: Information: Status (ready or not), Stage (one of nine) Actions: Edit, View Statistics, Edit, Delete, Archive I need to display both sides of the card on this ...
4
votes
2answers
169 views

Adding comments to a list of items, is there an elegant solution?

I've been looking through the forums and haven't had much luck. I have kind of a weird dilemma, I hope someone can help. I have a list of items (like a list of favorite movies) each item has buttons ...