M2 - How the fundamental principles of HCI have been applied to my designs

M2 - How the fundamental principles of HCI have been applied to my designs



These images show the designs that I have created for my interactive disk. It is a Disney themed disk that will appeal to children below the age of 10. I have designed 3 pages; a homepage, a game page and a gallery page. The background colour of the pages is white. I chose this because I thought that it looked clean and it would make the writing, whatever the colour or font, look clear.

The type of font that I have chosen is Berlin Sans FB Demi in size 25. I think that this font and size will be good for people with impaired vision as it is clear and easy to read. The colours I have chosen for the text are;

• Homepage - Red
• Game - Blue
• Gallery - Pink

These colours show luminance as they pop out from the black background colour that they are on. Also, I haven't used to many colours as there are only the 3 shown and the black background. The colours that I have chosen emphasise the pages and they show the user that the homepage is the main page as it is an urgent colour.

The buttons will be a Mickey Mouse head as it stays with the theme of the interactive disk. I think that it will make the page more professional and it is a recurring image on each page which shows continuity.

The logo is black in colour which will make it appropriate for everyone as people with colour blindness can still see the colour black. Also, the image that I have chosen for the homepage is in colour which may not be appropriate for some people to view which I could change if it is needed.

The games that I have made for the game page will be good for people without disabilities but may be difficult to use and see to people that have. This is because of the use of colours and the use of the keyboard for the controls.

The gallery contains 12 images which when hovered over appears as a larger image in the centre of the page. This may be ok for some people if they don't have a sight disability or a physical disability. If they do I will have to make a change so that they will be able to see the screen as others do.

These images show the designs that I have created for the Trends website. It is a website that sells both men's and women's clothing. I have designed 3 pages; a homepage, a men's page and a women's page. The background colour is black. I chose this because I thought that it looked clear and made the other colours stand out.

The font that I have chosen is Cambria Math in different sizes ranging from 10 to 50. I have chosen this because it is clear and easy to read. The colour I have chosen for the text is white which is repetitive throughout the 3 pages.

The button colour I am going to use is a dark grey and a red to highlight which page the user is on. I feel that these colours look appealing however they may be inappropriate for some users. Also, the red on the black background will make theme more urgent rather than clean.

To conclude, I think that some of the aspects of my designs will look good and appealing for some people but may be inappropriate for others. Therefore, I may need to make some changes to the designs to make them correct for everyone to view.