Artefact 1 Results + Evaluation

I surveyed 10 people when conducting my questionnaire as I believed this would be sufficient to get the results that I was after.

The first question aimed to see what the first thing that stood out to the viewer was when viewing the initial homepage of e-commerce websites:

Amazon – Shows that even when the call to action button is altered, the majority of people are initially drawn to the product image. Maybe due to the positioning of the ‘add to basket’ button, which will be researched through Artefact 2.

HMV – With the original homepage, many people first noticed a promotion offer of ‘DVDs for £2.99’. Maybe this is something that HMV wanted to attract the users’ attention in order to encourage more sales. However when the call to action button was changed to a blue colour, contrasting to everything else on the page, this gained more people’s attention than the original.

Play – The majority of people were initially drawn to the call to action button, even with the original colours. Changing the colour still managed to draw a few people’s attention away from the product image and to the ‘buy’ button.

Question 2 shows that the original homepages from the three websites are the most visually attractive. Perhaps the company put aesthetics before trying to grab the customers’ attention.

Question 3 shows that very few people find the original call to action button to stand out most effectively and that this button is most attention grabbing when changed to a completely contrasting colour that is not found elsewhere on the page.

Artefact 1

The following three images show the initial screen as the user enters the item description page in order to purchase the item. I used the same DVD product page so not to get biased results when conducting the survey. For the first artefact, I aim to look at just the colour of the 'Call to action' buttons in order to find what looks better on both an aesthetic level as well as which colour encourages the button to stand out from the surrounding content.

Original Images







By using Adobe Kuler to create colour swatches, I altered the call to action button in 2 different ways for each of the 3 websites. From the original colour of the button, I used the opposing colour to create a complimentary hue and a triad colour, at right angles on the colour wheel. By doing this it gives two completely different colour combinations in which I will create a short questionairre to find out which of these creates a better impression on the user.

Alternate 1







Alternate 2

Splash Page idea

Another Mock-up idea.

Really quite happy with this idea of combining a summary of the shop alongside a jquery image slider makes the homepage feel a lot fuller, but with not too overwhelming. This idea would still have an 'about' page for more information on the store.

Research Project - Artefact 1

For the first artefact, I aim to look at the 'call to action' buttons over a series of e-commerce websites and look at how different colours could be used in order to make the buttons more effective and what encourages these to stand out from surrounding content.

I will look at the same item on 3 sites, Amazon, Play.com and HMV.co.uk and experiment with different colours and conduct a questionairre to conclude what provides for the most effective call to action design.

New Mock-Up

Gantt Chart

Mock-Ups

More recent quick mock-ups. Both would contain a jQuery image changer as the main feature of the page containing striking images to draw the attention of the user. Both have a different style of navigation, personally I prefer the vertical one, which could then be used to include a vertical scrolling to certain points when a link is clicked.

Mock-Ups

Couple of mock-ups I did a while ago before a logo had been decided on, not really too keen on them anymore. .

Wordpress

After what should have apparently taken 5 minutes, I have managed to install Wordpress onto my website in just under 2 hours. I have done this for the client project in order to provide a way of blogging for the client to easily upload images of new stock and provide users with updates on the store. I have created it using a responsive theme, which will hopefully not be too difficult to personalise, but I will work that out at a later date. Finally when I have it how I want it all to look on my server, I will be able to copy all the files over to the current server. Now to work on homepage mock-ups and wireframes.