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

learn more… | top users | synonyms

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
520 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
179 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
492 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
2answers
209 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
5answers
610 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
6answers
1k 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
3answers
1k 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
2answers
327 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
3answers
409 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
1answer
361 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
464 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
306 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
286 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
221 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
825 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
369 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
2answers
600 views

Multiple forms on a single screen

I have about 5 sets of forms to be filled up by the user, one by one. Most of the fields in these set of forms are mandatory so it is obvious that the user has to check out all these 5 forms. Now I ...
4
votes
3answers
203 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
221 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
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 ...
4
votes
2answers
459 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
330 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
242 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
120 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
194 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
573 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
260 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
71 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
266 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
233 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
2answers
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
566 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
89 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
116 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
1answer
319 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 ...
4
votes
2answers
193 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
265 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
118 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
156 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 ...
4
votes
1answer
113 views

Does showing items in decreasing order of prices help in conversion

I was asked to show 4 items in a featured products list which would be below the hero image in the site. The client recommended showing the most expensive items last suggesting that people might get ...
4
votes
1answer
341 views

Android: Does it make sense to place action buttons in the Action bar in a settings app?

I'm currently playing with an Android layout for an app that is to be used to configure a remote (wireless connected) embedded controller. It configures a bunch of modes and related settings in the ...
4
votes
3answers
687 views

How can I incorporate IAB advertising banner standards in a 960 grid layout?

When I try to prototype a website thinking in the IAB display advertising guidelines using a grid system (960gs - 10-60-10) the only banner that fits in a 3 column space it's the half banner (300x250) ...
4
votes
2answers
263 views

How can I place contents on the body of this site layout without making it look like it's floating? [closed]

I am a programmer and I need a designer's expert advice regarding the website layout I am currently working on. Here is the layout to start with: Click image for full resolution I have a full ...
4
votes
1answer
107 views

Fixed form button bars

Recently I've been designing complex multi-page forms for financial institutions and up until now they've been designed with a fixed navigation bar at the bottom of the screen, like so: The forms ...
4
votes
2answers
1k views

How to let the user add and edit items in a ComboBox? (WinForms)

In my WinForms application there is a ComboBox with default values. The user should be able to add items to the ComboBox or rename existing items. I want the design to be simplistic. This was my ...
3
votes
3answers
13k 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 ...