Tag Info

New answers tagged

1

It is very common to use an ellipsis (...) to indicate truncation. Many UIs use this to indicate that the full text is not seen in a text field, grid cell, or other control, but will be available on hover. In a grid cell it would work like the below screenshot: What you could do with your header is prefix the property name with ellipsis like this: ...


3

A small coloured triangle hint in the very top right/left corner of the cell. Examples: Oracle ADF Desktop Integration (very similar to your exact scenario) Source: http://docs.oracle.com/middleware/1213/adf/develop-desktop-integration/adf-desktop-table-comps.htm Microsoft Excel (related but not the same scenario) In Microsoft Excel when there is more ...


2

Similarly to the way an abbr and an acronym tag is styled to indicate there is more to read if you hover, you could add a dashed/dotted line below the headers that have a tooltip. Example N.b. I'm not 100% sure on the 'rules' on this, i.e. can you use a dashed underline to indicate any type of tooltip or can they only be used for actual abbreviations or ...


1

You can use an icon to indicate that the box has a hover state. The actual icon you'd use would depend on the look and feel of your UI, but icons I've seen used for this purpose include: Magnifying glass icons square frame (stylised window) icons Mouse cursor icons speech bubble icons The important thing is to signal to your users that some of the ...


1

Yes, this is definitely an improvement, provided that you've Considered important columns to be seen by the user upfront 1. You are not showering with the information 2. Due to collapse/expand drop-downs - you're adding Discover-ability. 3. The UI becomes less cluttered. Additionally you can implement 2. Give an additional control to append more columns ...


0

You have reduced the number of columns visible in the table. Without a context, its hard to say if this is an improvement. It might be a good thing, provided the users of this table are happy to have those columns hidden. Also, I don't see a way to bring those columns back into view. The three actions buttons are confusing to me. What do the green and the ...


2

Outlook does this reasonably well by right clicking on a column header and selecting group-by. This doesn't work so well on the Web especially with touch interfaces - though touch and hold is becoming more common. A tree icon by each column heading would work but would be a bit fiddly especially on small screens. A mobile style menu icon (small square with ...


1

Unless users should be allowed to arbitrarily create new codes through the same interface you'll want the interface to provide the available codes to the user, either a full list of all available codes or through a full or partial auto-complete functionality (like assigning tags to questions here in the stack exchange.) Unless there is need for extended ...


1

Your example solution requires the admin to remember a list of relevant codes & what they mean/who they are linked to. I don't know about your specific users, but most people are not very good at recalling number codes. If the list of code is short enough, consider displaying a table of these code. download bmml source – Wireframes created ...


1

I cannot give a comprehensive answer, but there is one very important case where the table is superior. Sometimes we have lots of equally structured items (that's an important precondition!) and need to display lots of information about an item in an UI which supports multiple tasks (or multiple scenarios of the same task), but only one piece is relevant ...


1

1) One important aspect is that a tile layout makes it easier to analyse the items one by one (a) while a table makes it easier to compare the items (b): a) The power of getting all the data around one content item in one separated layout item is not to be underestimated. The analogy between the two entities makes it a lot easier to focus on in and make a ...


1

The absolute best solution I've come across is a column chooser where each user gets to choose the columns that they want to see. Large grids like this tend to come about when lots of different people with lots of different data requirements all use the same data grid for different purposes. In my experience, implementing a column chooser allowed me to ...


0

Darkhorse Analytics has one of the easiest to understand explanations for improving tables The points relevant to alignment of table data are: Left align text (where appropriate) Right align numbers (where appropriate) Align titles with data Resize columns to data


0

And yet there are times when ALL the columns are necessary - and there are too many to fit the available space. I've faced that problem. Hiding columns doesn't work as the data is necessary. In one example I partially solved the problem by reducing the text in some of the columns. For example the user scans the columns to know which competitor (8 ...


0

What about radar charts? One application of radar charts is the control of quality improvement to display the performance metrics of any ongoing program. They are also being used in sports to chart players' strengths and weaknesses, where they are usually called spider charts. Here's a nice example.


0

This is a pretty difficult question to answer, so I think the best thing is to give you some ideas to think about. The process of designing interfaces for the purpose of data visualization is a whole subject area in itself, although you'll find plenty of good areas to start with from the likes of Edward Tufte and Stephen Few. So some areas you want to ...


0

You may want to try looking at Tableau. I've used their desktop app (free trial) and they have some really nice data visualization tools. You could also check out extjs. They are not as visually compelling out of the box, but they have a lot of nice sorting and filtering tools that you can use. Another paid option is Infragistics, who makes UI widgets. ...


1

I like your second solution better because: Office locations are consolidated into one column for one person. This reinforces the notion that the person works out of multiple offices. Out of the possible offices, there must be a main office and sorting by the main office makes sense One idea you could consider is allowing user to have the option to ...



Top 50 recent answers are included