Artefact 2

The aim of my second artefact is to try and see how the positioning and layout of objects can affect a viewer’s attention on certain points of a website. I intend to try and get the ‘call to action’ button to be the first thing that the user notices when on a product description page.

Artefact 1 showed that Amazon’s original homepage had the least people being drawn to the ‘call to action’, so this is the image I will alter through the second artefact.


Original




Alternate 1




Alternate 2




Alternate 3




Results + Evaluation



I conducted the above questionnaire to the same ten people as my first artefact in order to gain fair results.

Alternate 1 – In this image I simply altered the size of certain objects, by making the product image and description slightly smaller, and the ‘call to action’ larger. This gained 2 more people’s attention, but was still not very effective.

Alternate 2 – This image, I moved the call to action to within the text. This took the viewers’ attention away from the product description; however the majority of people were still drawn to the product image.

Alternate 3 – By swapping the position of the product image and the ‘call to action’ from the original image, which was done in this image, it stood out to a lot more people and drew the majority of people’s attention away from the product image.

Through this research artefact, it seems that most people are drawn to the left side of the screen and if a product is bold enough it will initially stand out to them above other content. This could be due to what they are used to, and reading from left to right. Artefact 1 did show that users’ attention was also gained through bright contrasting colours but this also relied on layout and positioning. In artefact 3, I will look at designing new call to action buttons, and how this design is effective in the content of existing websites.