Artifact 6 Results

Here are my results for my artifact 6, where I was testing 3D based websites on movies and games.

Iron Man 2

- No first initial problems
- Blue, red and gold
Blue, red and green
Grey and green
- Navigation no problems
- Images are clear
- Factor levels all okay
- No imagery missing
Angle of images causes problems

Toy story 3

- No initial problems
Page too busy
- Nav colour Red
- Navigation no problems
Contrasting colours work well
- Images are clear
- Factor levels all okay
- No imagery missing

Borderlands

- No initial problems
- Nav colour Red and 1 person saw green.
- Navigation no problems
- Images are clear
background not so clear
High levels of contrast works well.
- Factor levels all okay
- No imagery missing
- Icon colour red, 1 person saw brown/green

Guitar Hero: World tour

- No initial problems
- Main colours on screen red, grey and yellow another saw red, green and grey
- Navigation no problems
- Images are clear
- Factor levels all okay, high levels work well.
- No imagery missing
- Red background causes no probs


From this i have found that even though some of the users see colours as another colour for example seeing red as green, the high levels of contrast work well so that users can still identify the shape and and the image is meant to be. The users tested could still see and work the navigation due to it's high contrast again. Some users found that the backgrounds was too busy and there was too much going on, on the page. But i have noticed that using a high contrast when designing is compulsary as this enables people with colour deficiencies to view your webpage and works almost every time even if they cannot see the original colour used.

Artefact 6

For my last artefact i wanted to create a website that informed all of my feedback and results from my previous artefacts, to put to the test what i had found out and whether i could create a compatible website for colour deficient and normal vi son.

As this might prove to be time consuming with the little time i have, an idea was to look at full flash websites with 3D elements, such as promotional games and film websites would be a good source.

In this last artefact i want to tie up all of my artefacts with the results i have found and test these answers with recent existing designs. I am going to ask colour deficient people what problems they have when entering these websites, can they navigate easily, how they feel about the contrast, brightness, hue and saturation, how could it be improved to help them? and so on.

Artefact 5 Results

For my 5th artefact I was testing an coloured image and adjusting the saturation and brightness levels to see if it made any difference to a colour deficient person finding out whether they could distinguish that there are multiple colours within a picture.

Here is the original image.



So just to test to see what brightness and saturation alone does to the image, i wanted to know how people see the image and whether it helped with reconising different colours.

Test 1


Comparing to the original image.

Results:
Saturation - slightly different shades of green, not much difference.
Brightness - Yellow is more distinct, different shades of green, some can tell there is meant to be 3 different colours but majority thinks there is 2 green peppers.

------------------------------------------------------------------------------------------------
The following tests i want to see what the colours the users can see, and whether they can tell that there is meant to be 3 different colours, I want to find what saturation and brightness combination works best with a colourful image like this.

Test 2

Saturation +50

Brightness +50

Results: Users saw mainly yellow and green shades and they saw 2 shades of green.

------------------------------------------------------------------------------------------------

Test 3

Saturation +60

Brightness +100

Results:Users saw 2 shades of yellow and 1 green. Users said the green pepper looked yellow.

------------------------------------------------------------------------------------------------

Test 4

Saturation +60

Brightness -30

Results: Users saw 3 shades of green, no sense of different shades of colour and not much different from the original photo.

------------------------------------------------------------------------------------------------

Test 5

Saturation -30

Brightness +50

Results:Users saw again not much difference to the original, but some users saw a slight difference in the red pepper.

------------------------------------------------------------------------------------------------

Test 6

Saturation -30

Brightness +80

Results:Users could tell that the red pepper was meant to be a different colour, the yellow pepper was sometimes mistaken for a light green.

------------------------------------------------------------------------------------------------

Test 7

Saturation -40

Brightness +100

Results:Users thought the brightness was set too high but could tell there is 3 different shades of colour.

------------------------------------------------------------------------------------------------

Test 8

Saturation -50

Brightness +100

Results:Users thought the image was too desaturated and can only tell very slightly the shades of colour.

------------------------------------------------------------------------------------------------

What have I discovered new?

- Looking at these results I have found that the images with a very low saturation and high brightness, Users could tell that there were meant to be 3 different colours. I found this with images 6 & 7.

- I also found that images with a high saturation and a low level brightness, it made no big difference to the image and looked similar to the original image.

- When i tested with both high levels of saturation and brightness, users could only see shades of green and yellow with no hint of another colour.

So a low saturation level and a high brightness level work best with a multicoloured image from my findings.

Client Website

Here is my client website, let me know your thoughts and opinions. =)

www.bsmotorcycle.co.uk

Client update

I going to have a meeting with my client to retrieve more information to put within the website and to show him what i have made so far with the deadline being next week. So i am going ot see if he wants to make any last minute changes.

Artifact 5

After my last 2 set of results the answer i have received have related to the high contrast in colours that should be used. Although some of the colours do not mix well and can cause problems for people such as eye tiredness and strain.

So for my 5th artifact i am going to test and experiment with the saturation and brightness within images and see if this has any effect on people who have colour deficiencies. I am going to test to see if a high or low saturation and brightness has any effect on the users and see whether people can view the images with more ease or not at all.

The reason why i am testing with saturation and brightness is because someone who is unable to distinguish between say, red and green, may well be able to distinguish between a saturated red and a desaturated green. So i am going to see what results i receive.

Artefact 4 results

For my fourth artifact I created 4 pages monochrome, red/green, blue/orange and yellow/violet.

With the monochrome I was testing to see if people could see all information available to them. If this caused no problem then I changed the colours to the colour wheel complementary colours and see if any problems occurred.

Here is what I found within my results.

(1) Monochrome

Is all the information on the page easily viewable by you as the user? For example: logo, images, text colour banners and etc.

10 = Yes

2 = No

Comments

Hard to identify the images.

Can you easily read the logo and text on the background colours used upon the page?

12 = Yes

(2) Red/ Green

Is all the information on the page easily viewable by you as the user? For example: logo, images, text colour banners and etc.

10 = Yes

2 = No

Comments

Struggled with the banner, with them being colour deficient.

Can you easily read the logo and text on the background colours used upon the page?

11 = Yes

1 = No

Comments

Can read the text but not the logo.

1 prefered the monochrome as information was clear.

(3) Blue/ Orange

Is all the information on the page easily viewable by you as the user? For example: logo, images, text colour banners and etc.

12 = Yes

Can you easily read the logo and text on the background colours used upon the page?

12 = Yes

(4) Yellow/ Violet

Is all the information on the page easily viewable by you as the user? For example: logo, images, text colour banners and etc.

11 = Yes

1 didn’t answer.

Can you easily read the logo and text on the background colours used upon the page?

12 = Yes

Comments

Yellow and white together are not good combinations

Colours too bright.

Within my results i found that even though people can see all information in the monochrome page, adding certain colours can still cause problems and the main colour problem was the red and green colours. Colour deficiencies are effected by the hue, and within my last set of results someone mentioned that the contrast should be set high for things to be more viewable to users.

For my next artifact, i am going to test and see whether the saturation and brightness can have any effect on the way people with colour deficiencies view things upon the web. I am going to try this test on a range of images and see what outcome this brings. I want to see whether a low saturation or a high saturation helps people in any way at all or if it has no effect.