Вы находитесь на странице: 1из 26

ANACONDA DONT

(Website Design Layout Research)


Group Leader :
Muhammad Izzhar - 0303475
Members :
Khaleda Zolkipli - 0302449
Aisyah Mustapha - 0307793
Nabilla Soraya - 0304883
Tasha Nair -0304683
Introduction
This part consists of information on the research team and the methods used to
conduct our research.
Research Team
Our group consists of five researchers.
All members are from the mass communication field ranging from
broadcasting, public relations and marketing.
The team includes : -
- Muhammad Izzhar (0303475)
- Khaleda Zolkipli (0302449)
- Tasha Nair (0304683)
- Nabilla Soraya (0304883)
- Aisyah Mustapha (0307793)
Research Methods
Our group decided to use qualitative methods in order to conduct our
research. The information we gathered were found online.
There are four articles which we found crucial in the process of
developing a good website layout design.
First Article :
Dont Bore Your Visitors!
Main points :

Keep the viewer interested
Have a natural flow
Shouldnt be confusing nor should it be too simple
Website should function well
Website should load quickly
Text should be easy to read
Navigation should be straightforward and easy
Attractive-looking website with interesting content

Analysis
The article given explains on methods on how to keep the viewer
interested when they are visiting a website page. The visual design of
the website should be well designed by the designer in order to
attract viewers attention.
Al-Salebi (2010) said that, a website should also have a natural flow
in terms of the page layout, navigation, consistency, embedding
pictures or flashes, and also using appropriate colors.
Furthermore, a website should not be too confusing for the viewers
nor should it be too simple as humans have the tendency of getting
bored very easily.
Analysis
Designers should also keep in mind that the website created should be able
to load quickly as viewers are always in a hurry. Halim, D. (2009) advises
optimizing all images for website display because you wouldnt want to
make your customers wait too long.
Other than that, this article also said that in a website, text should be easy
to read by the viewers and easily understood. Websites that are easy to
read leaves a quick impact whether to stay or leave the page.
Besides that, navigation is also one of the most important elements. It
should be straight-forward and easy. Al-Salebi (2010) also said that
placing the navigation in the same place for every page makes it easier for
the viewers.
However, with attractive looking website, it should also have an interesting
content. Website designers should put pictures that are appropriate or is
related to the content.
Example
The website has simple navigations yet appeals easily to all visitors.
Example
The website also features a video for users to know
a bit more about the product.
Second Article :
Dont Make Them Wait!
Main points :
Broadband speed connections is important
Fast loading page
Webpage shouldnt be more than 50Kilobytes ( preferably below 30K and home page
should be under 21K )
Graphics images should be as small as possible
Use more designs and less graphics (to download quickly)
Would extra graphic sell visitors or keep them coming back
Viewers will appreciate not waiting more
Analysis
The use of graphics is preferred to be really small as webpages
shouldnt be more than 50 Kilobytes. Websites should use design
more than graphics as graphics takes a lot of bytes and will slow the
page from loading or to download from both desktop or mobile.
By using a lot of graphic it will either chase the visitors or either keep
them coming back to the websites. Viewers will enjoy websites as
they dont have to wait for it to load and it makes it easier for them
to view and download.
Speed plays an important role in users experience going through a
website, when the pages load very slow it would be bad if
organization could not provide a great users experience.
Analysis
Users tend to abandon a page when it takes too long to load, people
expect a fast user experience online and when they dont, they
leave. This is because the way we want consumer media has
changed intensely where most of them consumed on the go and no
one has time or patience to wait for a slow page to load (Spiegel,
2013).
It is crucial to improve the Page Speed for the website, by doing this,
users will engage better with your content and you will get more value
and conversion from your visitors. Google considers Page Speed to
be important of the landing page experience as Page Speed could
affect the marketers Quality Score.
Example
Youtube Video Lagging To Load?
Generally websites which have any contents such as videos or graphics will take a longer time to load
and views might just leave the website because they dont want to wait.

Time flies like an arrow; fruit flies like a banana. Anthony G. Oettinger
Third Article :
Find Out What Colours!
Main points :

Web designers often overlook the importance of color while designing a website.
It should be one of your first concerns while creating a website.
Your website will look boring and plain or even chaotic and hard to look at.
Web browsers can only see 256 colors at once and can only share 216 common colors.
Too many colors will get the images distorted and pixelated.
Websites cannot have colors that give eyes irritation.
Analysis
The website explains on how the use of colors is important while creating a website
plus it is one of the main concerns the designer should think of while designing a
website. The use of color palettes is very important while organizing and combining
the colors together will determine whether the viewers will stay and keep on view on
the website or they will get irritated and eventually leave the website (Francis,
2013).
Websites also need to use safe colors that display solid, non-dithered and
consistent so that it will all be compatible to all types of applications, search engines
and of course can be accessed to any computers (Priester, 2013).
A regular website should have a great impact on the color contrast on the
background against the type of text that is used by the designer. Without the color
contrast, the text will be difficult to read the images that are used will not go together
with the whole website (Al-Salebi, 2010).
Examples
Good examples are as follows : -
http://www.ikea.com
http://apple.com
Examples
Where as examples of bad websites :-
Every thing about this
website is w-r-o-n-g.
Fun facts!
Here are the following tips you
may be able to take into
consideration when designing
your website!
It is important for colours to
work together!
Read here to know why!
Fourth Article :
Navigation
Main points :

Location of the name and logo of company
Proper links
Gives visitors an idea on where the link takes them
Link titles are ideal
Links drawback in terms of additional download time
Users want to know whether they have already visited a particular page
Utilizing the colour blue and purple as indicators
Analysis
It is said that, one can't guarantee that every visitor that enter a site from the initial
home page will advance to clicking on hyperlinks in a methodical manner, hence, a
proper navigation must answer the question such as where am I?, Where can I
go from here? and Where was I already? at all times.
The article tells us that the name or logo of the company alongside a page name
ought to be on top of each and every page in the web site. The company name
or logo ought to additionally be the link again to the home page and the home page
should ideally answer the inquiry "where am I" by shouting it out for the visitors.
This is because; the most communal position of a button bar is across the top of the
page, as users would not have to scroll down to navigate further into the web site
(E.Miller, 2014).
The article also exceptionally prescribes the utilization of link titles though; the
main drawback is the additional download time. It takes more or less .1 second to
download each link title. Link titles enhance the navigation usability.
Analysis
There shouldnt be speculating of what the web site accomplishes for the visitor.
Visitor constantly have the necessity to know where can I go from here? or "what
would be the best next step? This means links to pages within the web site or
even links to an outside website page. Whichever way, one ought to place links
in context. As such the navigation should give the visitor an idea on where the link
will take them with providing a little portrayal of that web site in context with the link.
Furthermore, when a user clicks into a site section, its a great thought to remind
them where they are because they want to know. Utilize a liable strategy to
highlight the area a visitor is in, for example, a change in color or appearance.
In the event that the site has more than one page for every area, make certain to
leave the navigation button clickable so users can utilize it to return to the main
page of that area/website (E.Miller, 2014). According to the article, it has been made
standard for a navigation to function commendably the website ought to utilize blue
for unvisited and purple for visited as a color scheme suggestion as utilizing
different colors will simply cause frustration or even befuddle individuals.
Example
This website has a precise navigation bar making users easy to browse around.
Example
Below is an example of a website with bad navigation.
Besides having a bad interface, the colours of the website also dont go along together.
References
A list of references which helped us in
our research.
Miller, E. (2014). 5 Design Rules for Easy Website Navigation. [online] About. Available at:
http://graphicdesign.about.com/od/effectivewebsites/a/web_navigation.htm [Accessed 9 Oct.
2014].
Pnwx.com, (2014). pnwx.com - Pacific Northwest X-Ray Inc.. [online] Available at:
http://www.pnwx.com/ [Accessed 9 Oct. 2014].
Theswaggersalon.com, (2014). The Swagger Salon. [online] Available at:
http://theswaggersalon.com/index.html [Accessed 9 Oct. 2014].
Davlin A., 2013, How Many Fonts Does a Designer Really Need, [online] Available at
http://designwebkit.com/web-and-trends/how-many-fonts-designer-really-need/ [Accessed:
8/10/2014].
Pattaya Web Services, 2013, Website Design, [online] Available at:
http://pattayawebservices.com/website-design/ [Accessed: 8/10/2014].
Priester G., 2013, Consistent Colors For You, [online] Available at:
http://www.onextrapixel.com/2013/10/25/40-stunning-website-designs-with-great-color-
schemes/ [Accessed: 8/10/2014]
Spiegel, B. and Spiegel, B. (2013). Page Speed Matters! Why You Need to Improve Yours
Today. [online] Marketing Land. Available at: http://marketingland.com/page-speed-matters-
why-you-need-to-improve-yours-today-56774 [Accessed 9 Oct. 2014].
Mypiada.com, (2014). Piada Italian Street Food > Home. [online] Available at:
http://www.mypiada.com [Accessed 9 Oct. 2014].
Al-Salebi, F. (2010). The Important Characteristic to Make a Good Website. [online] Available
at: http://people.rit.edu/fxa4314/737/research/WebSiteResearchPaperAlsalebiFaisal.pdf
[Accessed 9 Oct. 2014]

Вам также может понравиться