What can be done to this matrix to make it more obvious to end user to click on number to see list of items in it, when a user will click on the box, if there any number shown on it e.g. starting from "1" then it will show a list of items on the right side,

enter image description here

I am going to make it a like a graph.

3 Answers 3


Add a drop shadow to the box to a elevate it, making it appear tactile.

Or underline the number to indicate it's clickable.

The drop shadow approach is better because it correctly indicates the entire square as clickable, versus just the number.

For example (the drop shadow and underline are poorly done because I'm on mobile right now):

enter image description here


A couple things come to mind like adding a border, bolding the text, but maybe the simplest would be adding a tooltip that explains what you want to have happen when they click.

enter image description here


I think a Chevron with some drop-shadow would be sufficient to let the user know the item is clickable. A border around the object when hovering/clicking may help as well. If it could be viewed on a desktop, I would also add some hover-over tooltips as well. enter image description here

  • So basically what I said 3 hours ago =D Apr 8, 2015 at 16:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.