Similar to say images on the CNN or USA today home page. I have a slider display of images that will look like a bunch of small snapshots of reports. The reports will have the report name underneath that acts like a standard link. Clicking on the link will open the report. My issue is we have 2 behaviors we want to trigger. One is opening the report, the other is opening a lightbox that contains the report details. I have an image to represent the opening of that secondary action. (translation issues prevent the use of text links)
While there is a hand indicator and tool tip on both paths (report name link, and open report details), visually it isn't prominent that there are 2 actions. The icon for the secondary path (open report details) visually over powers the desired primary action - to open the report. I need a way to visually show the user there are 2 different paths. I can't use dimming the image, and I can't use strong colors - I have to stay within the color guidelines of company. I can't use another icon since longer term we will have more icons. I have the secondary path (icon) in a faint color and at the bottom right of the whole container - out of the way from the image and report name. I have a container for both the image, the report name link and the icon that represents the report details popup. The container outlines in a different color when that report is selected.
After a few sample reviews, people are not clicking on the link or the image - they are assuming the little gray icon is the way to open the report. Thus my issue - the main desired path is not visually strong enough despite have the most real estate.
Any suggestion for making the primary action more prominent?