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

learn more… | top users | synonyms

5
votes
3answers
3k views

hide vs disable and redistribute empty space

I have complex UI form dialog with ~12 tabs and want to decide what is best: enable/disable (gray out) fields - classic convention hide/show if not necessary - could be confusing + jumping GUI hide ...
5
votes
8answers
2k views

Best way to fit a lot of stuff onto one page [closed]

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 ...
5
votes
2answers
321 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 ...
5
votes
3answers
2k views

large amount of data on a single page

I'm a member of a team developing a business application. Basically - it is all about data entry. There are people (thousands of them) sitting whole day and filling the form below over and over in ...
5
votes
5answers
952 views

Search box in header or body?

I am designing recruitment sire where focus is not to search job but to write resume .As I know focus is on resume writing service , I have option to place job search box in header or down after ...
5
votes
4answers
1k views

Left-align or right-align a Call to Action button?

We are creating online presentation, and most of the text on the pages is centred, on the last page we have CTA, the button leads to a different website, that is aligned to the left. I was asked to ...
5
votes
2answers
1k 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 ...
5
votes
4answers
4k 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 ...
5
votes
2answers
5k 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 ...
5
votes
4answers
173 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 ...
5
votes
4answers
489 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 ...
5
votes
3answers
582 views

Login Form Placement/Isolation

If you go to http://www.notableapp.com/, you will see that when you click the Sign In button, it takes you to a completely new page with only the login form on that page. Why did the designers ...
5
votes
2answers
227 views

What's the best way to design the web interface which runs the same on almost all resolutions?

With web pages, what's the CSS framework or any other idea, which may show the web pages the same way on almost all screen resolution using div?
5
votes
5answers
5k views

How to make a long text look interesting?

I'm currently designing and building a job board website. I've started designing the page which shows a full job description posting once the user clicks through from a list of search results. The ...
5
votes
2answers
620 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 ...
5
votes
1answer
124 views

Should both bold and italics be allowed in electronic flashcards?

When people create electronic flashcards, is there a valid need for them to have markdown for both bold and italics? This is a question that I have been debating with some colleagues for a while now ...
5
votes
1answer
174 views

What is the optimal layout for a form with two respondents?

download bmml source – Wireframes created with Balsamiq Mockups I'm redesigning a form that is used by office workers who interview respondents in person. In some cases, there will be two ...
5
votes
1answer
1k 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 ...
5
votes
1answer
522 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 ...
5
votes
4answers
408 views

Should Website “Container” elements reach the bottom of the screen?

I've got a fixed width layout site much like SE and Twitter and it personally bugs me when my "short" pages don't reach the bottom of the page. I've been wondering if this is a purely stylistic issue ...
5
votes
4answers
2k views

I'm looking for good examples of Welcome pages, and any good theory on how to go about it [closed]

Kind of a discussion based question, but bare with me anyway. I am working on a web app that provides reporting. It makes reporting fun, honest! I am struggling to design the Welcome page. It's a ...
5
votes
5answers
326 views

Scaling an Address Form on Resize

My application has a form for filling in the names and addresses of a donor. Each donor gets a closable tab and each tab has an address form. The problem is that the application runs in a regular ...
5
votes
2answers
265 views

How to layout buttons/bars alongside a dynamically sized table?

I have a table of data with a dynamic number of rows. It could have none, one, or a hundreds. The width is fixed across the web page and it has a fixed number of columns: 9. Along with this I ...
5
votes
2answers
342 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.
5
votes
1answer
315 views

Chrome Options UI Pattern Name

I've been looking for a way to organize hierarchical data. I came across the UI in Chrome Options. I really like it and think will work well for what I need. Is there a name to this pattern? As you ...
5
votes
1answer
709 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 ...
5
votes
2answers
217 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
136 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
2k 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
276 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
6answers
679 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 ...
5
votes
2answers
271 views

Criteria for a valid sticky top bar

I see lot of websites that has design responsive for all devices, with css styling that as a user [, designer, and developer] can say that put effort upon. They use a banner/header/menubar on the ...
5
votes
1answer
272 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
4k 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
1answer
334 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 ...
5
votes
2answers
590 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
3answers
72 views

Should byline be above or below image?

A client of mine is a large newspaper and they are now doing some changes to their article template. One of the things they want to change is the byline so that it doesn't take up to much space. ...
5
votes
2answers
250 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
3answers
770 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
6answers
703 views

Enforce or assume an orientation for the layout of a mobile web application

When designing a mobile layout in a web application, is it fine to assume a given orientation (horizontal or vertical) or to ask to the user to adopt a specific orientation? I have seen several ...
5
votes
2answers
235 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 ...
5
votes
1answer
102 views

How to show linked entity inside another entity

I need to show some way to indicate that the green colour entity is linked and not owned by the parent (blue) entity you were currently in. Currently i'm using colour variation like here and wrapped ...
5
votes
2answers
5k 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 ...
4
votes
3answers
21k 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 desktop/...
4
votes
5answers
740 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
857 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
2answers
498 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
914 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 ...
4
votes
1answer
1k 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
442 views

How can I show that data in a table is related to other data within the same table?

I have a table where every 6 entries of the data are loosely related. How can I show that these sections of data are related without adding a separate column explicitly saying so? I've tried to ...