Tag Info

New answers tagged

0

Do Not Repeat Currency Symbol Currency symbols are boulders along the road our eye takes in reading a table of numbers. Omit them from any series of data values. Embed the currency symbol in the column header, such as Total ($). Even better, embed the three-letter standard ISO 4217 code for the currency if there is any possible ambiguity in the context. ...


1

I think you should give a display of all of the days and the times of the notifications for each day. Group this list into 2 groups (one group for each week), then the times (AM/PM) beside each day should be clickable so they can be changed individually. This way they act as a status of the time set and as an actual control that is clickable. When tapped ...


0

Can it be like this? download bmml source – Wireframes created with Balsamiq Mockups


1

Here is an example solution, I suggest you keep the column width static. As having the whole table change width might be a bit unsettling (assuming that there are more columns).


0

If you don't want anything to clutter your rows all the time with icons (like a drop down menu arrow, a hamburger menu, 3 vertical dots or similar) I think your option here is to show one of those icons when the row is clicked. You will at some point need to tell the user that the row has options, and that is really the standard way of doing that. You can ...


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



Top 50 recent answers are included