Contents
INTRODUCTION............................................................................................................................................ 2
TARGET AUDIENCE, GENDER, AGE, PRODUCT/SERVICE.................................................................................................2
WHITE SPACE........................................................................................................................................................ 2
ACCESSIBILITY........................................................................................................................................................2
LAYOUT................................................................................................................................................................ 3
TYPOGRAPHY.........................................................................................................................................................3
ALIGNMENT.......................................................................................................................................................... 3
CLARITY................................................................................................................................................................4
CONSISTENCY........................................................................................................................................................ 4
ACCURACY............................................................................................................................................................ 4
CONTENT..............................................................................................................................................................4
SIMPLICITY............................................................................................................................................................ 5
MEDIA AND OBJECTS.................................................................................................................................... 5
POSITION..............................................................................................................................................................5
SIZE..................................................................................................................................................................... 5
APPROPRIATENESS..................................................................................................................................................6
COLOUR AND CONTRAST.......................................................................................................................................... 6
SEO............................................................................................................................................................... 6
INDEXING (META TAGS)..........................................................................................................................................6
WEB CRAWLING.....................................................................................................................................................7
USE OF KEYWORDS.................................................................................................................................................7
UPDATES.............................................................................................................................................................. 7
CONCLUSION................................................................................................................................................ 7
BROWSER COMPLIANCE................................................................................................................................ 8
SERVER – SIDED FACTORS............................................................................................................................. 8
NUMBER OF HITS................................................................................................................................................... 8
BANDWIDTH..........................................................................................................................................................8
SECURITY.............................................................................................................................................................. 8
DOC – MICROSOFT WORDS DOCUMENT...................................................................................................................9
BITMAP................................................................................................................................................................ 9
VECTOR................................................................................................................................................................9
JPEG................................................................................................................................................................... 9
LOSSY AND LOSSLESS...............................................................................................................................................9
GIF................................................................................................................................................................... 10
WAV.................................................................................................................................................................10
CLIENT – SIDED FACTORS............................................................................................................................. 10
DOWNLOAD AND UPLOAD SPEED.............................................................................................................................10
BROWSER........................................................................................................................................................... 10
PROCESSOR SEPPED.............................................................................................................................................. 10
INTERACTIVITY......................................................................................................................................................10
CONCLUSION.............................................................................................................................................. 10
,INTRODUCTION........................................................................................................................................... 12
WEBSITE PERFORMANCE.........................................................................................................................................12
GOOD NAVIGATION...............................................................................................................................................12
COMMUNICAITON.................................................................................................................................................13
COLOUR PALETTE AND IMAGERY..............................................................................................................................13
GOOD SEARCH BAR............................................................................................................................................... 13
MOBILE COMPATIBILITY.........................................................................................................................................13
STRENGHTS................................................................................................................................................. 14
WEAKNESS.................................................................................................................................................. 14
CONCLUSION.............................................................................................................................................. 14
BIBLIOGRAPHY............................................................................................................................................ 15
Page | 1
,INTRODUCTION
The websites I have chosen are Origin and Blizzard. For the assignment I must compare how the two websites
have used the different principles of web design, analyse and evaluate how the principles of web design are
used to create creative and high-performance websites which meet the requirements of the user.
COMPARISON – P1
INTRODUCTION
The two websites that I
have chosen to
compare are Origin and
Blizzard. These two
brands are very similar,
they both sell games,
allow users to communicate with their friends as well as displaying the latest gaming
news.
TARGET AUDIENCE, GENDER, AGE, PRODUCT/SERVICE
The Origin and Blizzard websites are product-based websites which are used by users to buy and
install games, communicate with friends and view the latest gaming news. They aim their
website towards users who are interested in playing games.
Although the websites are a product-based website, it can become a service-based website if
the user needs customer support or if they wish to communicate with their friends.
WHITE SPACE
White space refers to the amount of space that is left around all the elements on a
webpage. White space is used to help layout the elements on a webpage and make it
easier for the user to read the information. (Phillips, 2016)
The Blizzard website uses a good amount of white space in between each of their images
and their text. Having a good amount of white space can make it easier for users to view
and use the website clearly.
The Origin website has a small amount of white space. If a website doesn’t use
whitespace, their webpage will begin looking messy and crowded. This can make it hard
for some users to see the text and information clearly.
ACCESSIBILITY
A websites accessibility features have a big impact on how a user experiences a website. Accessibility is the
way a website can be changed to aid people who are visually impaired. Some features of a website which has
accessibility are: (Phillips, 2016)
- Text size: The size of the text can be changed to a bigger or smaller size. Having this feature will makes
it easier for people who have difficulty reading smaller text
Page | 2
, - Font: the style of font can make it harder for some people to read the text, being able to change the
font style can help people who may have difficulty with some font styles
- Colour: The colour of the background can affect the way some text is read. Being able to change the
colour of the background and text will make it easier for people who are visually impaired
- Audio: The audio feature allows the text of the website to be read out loud, this can help people who
can’t read or are blind.
To improve their websites, Origin and Blizzard should consider adding accessibility features to their websites,
this will improve the user’s experience.
LAYOUT
Site layout is how the images and text are presented on a webpage, having a webpage which
has a bad layout can make it hard for users to use and navigate the website. (Phillips, 2016)
The Blizzard website has a good layout, all their information is separated by different clearly
labelled sections and each section contains images which show what the section is about. The
sections all have the same layout with the images and text.
The Origin website has a similar layout to the Blizzard website, but each section is full of
images with very little text. The text is also placed on the image, this is not good because the
text might be hard to read.
TYPOGRAPHY
Typography is the style and font a website uses; most websites use the ‘Ariel’ font as it is easy to read and
understand. Using a font which has fancy writing or designs can be hard to read for users who have reading
difficulties. A good website will have an easy-to-read font and colour. The colour of the font should depend on
the colour of the background, a website which has a dark background should have a light-coloured font.
(Phillips, 2016)
The font and colour should remain the same throughout the website, this makes a website look professional
and organised.
The Blizzard website uses a dark background and has a light-coloured text, they
also use the ‘Open Sans’ font. This makes their website easy to read and
understand. The website also has the same font throughout the website, the only
difference is that the writing of the title is made bold.
On the other hand, the Origin website has a light-coloured background with dark
coloured text, they also use the ‘Open Sans’ font. Although their text is easy to
read, their titles and paragraphs are the same style, this can become confusing.
To fix this they can consider making their titles bold or a different colour.
ALIGNMENT
Images and text on a webpage should be positioned in a way which makes
the webpage look neat. For example, if the images on a webpage are all
aligned to the left of the page, the text which relates to the image should
also be on the left of the page or next to the images, doing this makes the
webpage look neat. (Phillips, 2016)
Page | 3
, Blizzard’s website has used alignment to layout their webpage. The images of their games are placed in the
centre of the page, the text for the image is positioned underneath the image to show that they are related.
They used this format for each of their images.
Similar to Blizzard, Origin have placed the images of their games in the centre of the page with their related
text underneath. However, Origin have added squares around each image and text to show they are together.
CLARITY
Clarity is how clear and easy to read the text on a website is. A website with good clarity will have information
which is easy to read and understand. To achieve this the company should explain their information in a simple
way. (Phillips, 2016)
The Blizzard and Origin websites use clarity when explaining who they are and
what they do, they use words which are easy to understand, they also use the
right text size and colour. Clarity is important because it can have a big impact on
the users experience with a website.
CONSISTENCY
It is important for websites to keep their layout and font consistent throughout their website. Having a
consistent website can make the website easy to navigate and use. Inconsistent websites can make the
website hard to navigate. (Phillips, 2016)
Origin and Blizzard both have a website which is consistent
throughout, the alignment of their images and text is kept
the same throughout their websites. They have also kept the
font style, size and colour the same throughout. As well as
this they have also used images on every page.
ACCURACY
Information that is found on a website should be accurate and reliable. If a website has inaccurate
information, it can cause users to stop trusting the website which can result in the company losing customers.
To keep the information on the website accurate, company should update the information regularly. (Phillips,
2016)
Blizzard and Origin have used information which is trustable and reliable. Both
websites have the correct information for their news articles and they also have
the correct information in their customer support section. The customer support section is very important and
should be reliable.
CONTENT
Every website should contain a few images or videos, having images and videos on a
website can make the website interesting and it can also help keep the user engaged for
longer. Having images is also a good way to graphically display the information. (Phillips,
2016)
Page | 4