Tag Info

Hot answers tagged

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

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 ...


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

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: ...


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 ...


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

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 ...


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

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 ...



Only top voted, non community-wiki answers of a minimum length are eligible