Questions tagged [overflow]
Questions relating to there being 'too much stuff' in a user interface. Creative ways to reduce.
55 questions
0
votes
1
answer
85
views
Indicating scrollable overflowing content - dark ui
As one can't indicate that an overflowing container is scrollable with a (dark) shadow gradient at the bottom of the element, what are desirable options to do so?
We are looking for options without ...
- 1
10
votes
2
answers
2k
views
How to best handle many breadcrumbs with overflow menu
We have a well-developed breadcrumbs component in the design system. Its logic is that breadcrumbs containing more than 5 elements are reduced and a drop-down menu appears. Currently, we show the ...
- 131
1
vote
0
answers
271
views
Overlapping div in left side when turning off the collapse on the left sidebar [closed]
I built a dashboard that contains sidebar with collapse. When I try to put chartjs and make it display:grid, it turns out it is overlapping the right side when turning of the collapse.
Here is my html ...
- 11
2
votes
1
answer
1k
views
Handling text overflow in wireframes
This is something that has bothered me a lot on how to approach.
I like to use "ugly data" in my wireframes since my goal isn't to have pretty wireframes, but functional ones. Using simple ...
- 21
5
votes
3
answers
542
views
How to show a huge amount in a small pill?
I have come across this challenge where a developer is asking me as to how to show a large account balance in a small pill.
In case of webapps, we show ellipsis and tool tips in order to show the ...
- 1,809
2
votes
1
answer
229
views
How to choose menu animation style?
We have a bottom bar menu in one of our mobile applications with an overflow icon which currently opens the overflow menu.
Here is what it currently looks like:
We are updating our application UI ...
- 57
4
votes
1
answer
509
views
Action Overflow VS. Command Menus for primary and secondary actions on a datatable
I'm currently researching what are the best practices for handling a lot of actions on a data table.
The two that I'm familiar with are grouping actions together in a command menu, using the action ...
- 41
2
votes
2
answers
75
views
How to make long headings easy to copy inside a card?
When somebody hovers on the heading "Thanksgiving", the full text appears as tooltip. The problem here is the Heading must be easy to copy so that user can send it to another user for particular ...
- 307
2
votes
3
answers
3k
views
Expand truncated table cell content on hover
I'm working on a project using Google's Material Design and am running into an issue where we need to truncate table cell content. There is a spec for truncating table headers and showing the full ...
- 21
2
votes
6
answers
606
views
How can I improve add entry tab?
I'm making a UX/UI for Telenor software that we are developing as summer project. How to do the navigation/controls for this Software style:
I'm stuck on how best to do the Add Entry for this tab.
...
- 129
2
votes
2
answers
966
views
Is the cognitive load of using both vertical dot and horizontal dot menus worth hinting at how the menu will appear?
For overflow and more menus, Google Material Design seems to favour vertical dot menus, see
Apple seems to favour horizontal dot menus (see https://i.sstatic.net/qEdr3.jpg).
On desktop applications,...
- 121
4
votes
4
answers
1k
views
Step UI when the list of steps is wider than screen width?
So I really like Semantic UI, and take a lot of direction from them when I can. I have a stepped-process checkout, and have taken after their "Ordered Step" UI.
However, sadly, even their component ...
- 153
2
votes
1
answer
55
views
Is it ok to let users scroll for more information on the main elements?
I know that your suppose to have the most important content and information in front view. In other words, users shouldn't have to scroll to get to the content. However, what about the content of ...
19
votes
9
answers
3k
views
Marquee or Ellipsis for song name in music player?
I have a music player where song that is being played is displayed on top side. Often there is a case where name of the song that is being played is long enough that it can't be shown completely due ...
- 301
5
votes
5
answers
3k
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 ...
- 1,079
3
votes
3
answers
1k
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 ...
11
votes
9
answers
2k
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 address ...
- 928
8
votes
2
answers
1k
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 ...
- 253
16
votes
4
answers
9k
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 ...
- 2,699
21
votes
4
answers
6k
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 ...
- 31.5k
4
votes
4
answers
2k
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 ...
- 201
4
votes
4
answers
196
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 ...
- 153
9
votes
4
answers
2k
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 of ...
- 583
60
votes
12
answers
88k
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 ...
- 817
2
votes
1
answer
409
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 ...
- 185
14
votes
10
answers
3k
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. ...
- 399
10
votes
4
answers
4k
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?
- 1,042
8
votes
4
answers
3k
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 ...
user4662
10
votes
5
answers
6k
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,270
13
votes
5
answers
4k
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 ...
- 2,033
6
votes
4
answers
12k
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 ...
- 163
19
votes
3
answers
1k
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 ...
- 1,958
2
votes
4
answers
2k
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 ...
- 709
11
votes
3
answers
1k
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.9k
8
votes
5
answers
1k
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. ...
- 3,264
8
votes
5
answers
3k
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 ...
- 211
14
votes
3
answers
24k
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 next>&...
- 1,157
7
votes
4
answers
820
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 ...
- 4,583
5
votes
8
answers
3k
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 ...
- 175
2
votes
2
answers
156
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.
...
- 243
1
vote
4
answers
1k
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 ...
- 5,040
123
votes
14
answers
683k
views
How do you choose a 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, how do you determine an ...
- 3,264
3
votes
2
answers
222
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 ...
- 1,005
11
votes
3
answers
6k
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 ...
- 361
82
votes
8
answers
20k
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 you're ...
- 1,852
13
votes
6
answers
1k
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 ...
- 271
5
votes
2
answers
1k
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 ...
- 53
41
votes
9
answers
16k
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 ...
- 843
14
votes
5
answers
9k
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 ...
- 2,048
234
votes
23
answers
153k
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 ...
- 2,765