ANACONDA DON’T(Website Design Layout Research)

Group Leader :Muhammad Izzhar - 0303475

Members :Khaleda Zolkipli - 0302449Aisyah Mustapha - 0307793

Nabilla Soraya - 0304883Tasha Nair -0304683

IntroductionThis 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 :

“Don’t Bore Your Visitors!”

Main points :

Keep the viewer interested Have a natural flow

Shouldn’t 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 wouldn’t 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 knowa bit more about the product.

Second Article :

“Don’t Make Them Wait!”

Main points : Broadband speed connections is important

Fast loading page Webpage shouldn’t 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 shouldn’t 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 don’t 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 don’t, 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 don’t 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).

ExamplesGood examples are as follows : -

http://www.ikea.com

http://apple.com

ExamplesWhere as examples of bad websites :-

Every thing about thiswebsite 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 shouldn’t 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, it’s 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.

ExampleBelow is an example of a website with bad navigation.

Besides having a bad interface, the colours of the website also don’t go along together.

ReferencesA 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]