Saturday, January 27, 2018

How to indicate that an image is a link too?


I have a section in my website called "Techonology" that is not part of the main content where I put the logos of each technology used in the website (PHP, MySQL, Bootstrap, etc). But I'm searching for a way to point to user that images are links too.


Is there a technique to indicate that an image is a link when this can't be too obvious?



Answer




There a few common practices to consider:



  1. Make the image appear button-like by giving it a raised appearance with drop-shadows. This helps imply the button can be depressed.

  2. Alternatively, create the button effect by framing the image in a border (this can be hard to pull off aesthetically)

  3. Ensure the image has a hover state that implies it can be interacted with. Raising it further from the page or applying / colouring the border can work wonders.


What's important, though, is that it's clear when an image is and isn't a link. If users can see no differences between static and interactive elements until they click, you'll engender confusion and frustration - and stop users clicking in future.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...