Interactivity helps to make a website less static and adds visual interest. “Single user interaction” is all about engaging visitors by displaying content in a way which will attract users to spend more time on a website. It includes presenting navigation, photographs and text in a certain way. On my home page I have six images that are also links to projects. In order to show people that they are links, I decided to create a slight change when they’re scrolled over. I wanted the effect to be subtle because otherwise it could be irritating to use and too distracting.

I have decided to change the opacity slightly when users scroll over. And above is the image that demonstrates the subtle change that’s just enough to indicate a link or further page without deterring the user.

This is created through the class below.