Questions relating to there being 'too much stuff' in a user interface. Creative ways to reduce.

learn more… | top users | synonyms

107
votes
19answers
30k views

How To Display Too Much Data

We're building a web-based platform where the main dashboard shows a table of data for users to view and analyze. As we're growing this tool, we seem to be adding more and more columns and are running ...
58
votes
7answers
8k views

What's the best way to view a deep hierarchy?

I've been pondering the best way to show a deep hierarchy for a desktop application I'm working on. Here are some alternative designs I'm considering... Mac OSX Finder: If you understand what ...
41
votes
9answers
111k views

What is the best font for extremely limited space, i.e. will fit the most READABLE text in the smallest space?

I often have very limited space when creating reports and dashboards for users. I usually use Arial, or Arial Narrow, but UI isn't my area of expertise, so I want to know, is there an optimal font for ...
29
votes
13answers
2k views

Tab Overflow: What to do when I run out of space for yearly tabs?

I have page that lists previous recipients of an award, with tabs separating each year's winners. Every year there are forty recipients. The recipient's name is listed, along with his or her job ...
21
votes
8answers
5k views

Best way to select a subset of items in a long list

One of our clients wants us to build a web application to share information about the magazines he publishes. Each edition of a magazine contains a variable amount of advertisers. These advertisers ...
20
votes
11answers
10k views

How should large table columns be handled on a responsive design?

Related to This Question, I'm interested in what I should do with a responsive design theme where the users have control over the columns which are displayed in a tabular, data rich page. Users are ...
15
votes
3answers
379 views

How do you deal with unusually long labels?

A piece of software that I'm updating uses some incredibly long labels, but due to the nature of the software (taxes and payroll) this seems unavoidable at times. On some pages, maybe 50% of the ...
15
votes
4answers
1k views

How to deal with tab overflow of dynamic tabs?

Tabbed interfaces where the number of tabs is up to the user employ different solutions for the point where tabs of the default size no longer fit on the screen. Google Chrome begins to reduce the ...
13
votes
10answers
1k views

Alternatives to having an excessive number of radio buttons on a form?

I have a form which dynamically creates the user's choices as radio buttons. It functionally works, but it does not look that pretty. It looks ugly, particularly if the number of radio buttons grows. ...
12
votes
3answers
3k views

Scrolling without scrollbars

I'm developing a system which will only be used by trained operators. Along the side is a live feed of new records coming in to the system, which is designed specifically to be used at fullscreen in ...
12
votes
6answers
968 views

Icon for cancel action to distinguish from delete icon [closed]

I'm dealing with a space sensitive environment where I have a Save/Cancel actions that need to be icons. In the same area the user can also delete items, using something similar to the one in this ...
12
votes
3answers
2k views

Smallest button size and spacing for a touchscreen

For a touch screen, such as the iPhone, what is the smallest size for a button you could get away with? And how closely could they be shoved together? I've got an app thats going to have a lot of ...
12
votes
5answers
2k views

How do I elegantly limit text area input by size not by character count.

I am building a web app that requires user input of text and images to be placed on a PDF page which will later be printed as a letter. This page will have a specified area for text and a specified ...
11
votes
5answers
689 views

Making it clear which items in a long list are selected

I'm trying to design a portion of a web interface that allows users to tag items and view all items with a tag or set of tags on them - think gmail, if gmail allowed you to easily select multiple tags ...
11
votes
3answers
576 views

Labeling a multi-layered bar graph

Question I love Last.fm's bar graph. It allows me to quickly compare how someone plays one song over another. I'm trying to apply the same design to my app. It monitors the health of servers and ...
10
votes
9answers
541 views

Hyphenating URLs and email addresses that would overflow their container?

This is clearly bad UX and web development: It's important to make sure that email addresses and URLs don't overflow the container, but also that they are fully visible. But should the email ...
10
votes
4answers
1k views

In a grid, how to display long column headers

When displaying data in a grid (each row contains a record, each column a different record field), vertical space need is easily solved with scrolling or paging. We are usually sooner missing ...
10
votes
4answers
825 views

How can I display forum paging on a mobile UI in a more pleasant way?

I am having a problem trying to find out how to display the page numbers on a forum in a pleasant way. Please look at the picture below: As the picture shows, the page numbers appear to the right ...
8
votes
4answers
1k views

How to present heavy data tables on smartphones?

Problem: I've got a table with 10 columns and ~100 rows. What is the best way to present these on small screens? My idea: effective search + data displayed row-by-row. Is there any better solution?
8
votes
4answers
2k views

tables with lots of columns

I have a table that lists various attributes of an individuals personal development plan; objective, time to complete objective, comments etc. The table is editable so the user can directly add ...
8
votes
3answers
2k views

How to best display a long list of check boxes

In my application users are required to select from a drop down, a list of projects they wish to include in their custom search. The easy part is that users can select one project to filter on or ...
8
votes
2answers
327 views

Elegantly display dynamic text in a fixed width & height area

This may be an impossible question to answer but I'll put it out there anyway. Basically whats an elegant way to handle dynamic text in a fixed width area. See the example below... how would you ...
7
votes
5answers
854 views

How to make a boring (but very functional) dashboard more interesting and appealing without cluttering it unnessesarily?

I have a simple dashboard for project managers. It's intended to give very basic information, and to give them a "launching point" to get to all the most important things they need to take action on. ...
7
votes
4answers
557 views

Context sensitive help for wordy user preferences

Current UI Here is a poorly designed panel on a preferences dialog for the open source audio editor 'Audacity'. I'd like to do something about it. How it got that way In the past the text beside ...
7
votes
2answers
1k views

Design suggestion for pagination with a large number of pages.

I have a CMS site with Content Library where on pagination I show all the contents with pagination with each page showing 10 links. like. <<First <<previous 1 2 3 4 5 6 7 8 9 10 ...
6
votes
4answers
334 views

How to optimise the space used by tags in the right column of StackExchange sites?

In this meta question about what the StackExchange UI site should look like, I'm working on (read: messing around with) a design for the site. I'm using a web-based tool to edit the page's CSS, which ...
5
votes
5answers
336 views

How do you deal with too many bullets in a slider?

I have an issue with a simple image slider on a mobile application. The slider uses bullets to indicate the pages of the slider. Now, it became quickly evident that the navigation bullets could easily ...
5
votes
2answers
772 views

Dropdown Button and disjunct options

At the top of the application we have a function bar that (almost) contains all functions that can be done on entries in a table below, quite similar to Office Fluent UI. We try to minimize the amount ...
5
votes
5answers
1k views

Alternatives to dropdown list when possible results are not known

For quite some time I've been looking around the web for alternatives to a dropdown list in assignment of data (i.e., during data capture that will be saved, NOT when searching for some data). One ...
5
votes
4answers
452 views

In a long list of customers, how can I efficiently mark which have been edited?

There exists a narrow table listing about 250 customers in alphabetical order. Each row contains the customer's name, account code, city and state. I need to indicate in each row if the customer ...
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
4answers
149 views

condensing a long uninterrupted string

I have some URLs and emails that are output into a column with borders, which is sometimes too narrow for the data. As a result it "spills over" the border on the right. It's too late to change the ...
4
votes
4answers
4k views

Alternatives to More Tab Button in a UITabBar?

I am working on an iPad application that currently uses a UITabBar as the prevailing navigation element. The application has maxed out the number of buttons on the bar and is now forcing a More ...
3
votes
4answers
757 views

Do Marquees Have Good UX?

I'm working on a theme for a forum, and I'm trying to display the top 20 most recently updated topics in the sidebar. The problem is, a list of 20 items takes up a lot of space. My solution was to ...
3
votes
2answers
204 views

Are there standard methods to maximise space?

We have a web application that has a lot of controls and has steps that the user progresses through. Most of the steps are on the same page, and when one section is done, we don't necessarily need to ...
3
votes
4answers
1k views

How to display large amounts of data compactly?

I have a database driven asp.net mvc3 web application. In it, a user can go to a page and enter data based on the completion of a task. I bolded the task because it is hugely weighted in this ...
3
votes
3answers
246 views

Visually showing that a textbox contains text longer than its width?

I am evaluating ideas for displaying that there is hidden overflow text in a fixed-size single-line input box. I this data entry application, we need to keep a particular textbox's width as narrow as ...
2
votes
2answers
125 views

Change all to accommodate one?

Sometimes a layout doesn't look great for all the different variations in data it will have. For example: Say you have a style set for the headings on a particular type of page, like a product page. ...
2
votes
1answer
163 views

How do you deal with multi-part labels along an axis of a bar chart?

I am developing mockups for several charts that we need to display. One of the recurring problems I encounter is that the labels for the category axis (y-axis in this case) are actually made of of ...
1
vote
4answers
823 views

What do you think of double tab navigation? Could you provide a better solution in this case?

We are currently thinking of a redesign of our corporate site: http://www.active.hu/en/introduction I would like to replace the double tab navigation in the top, because it takes a huge amount of ...
0
votes
4answers
892 views

Can you point to any good examples of large table presentation online [closed]

I mean big tables, and not just rows. Full blown cross tabulated tables (think about 20 rows and 30 columns, the sort of thing you generally do not see on websites, because they are difficult to ...