Regitetccnyfall2016.files.wordpress.com



Tetteh C. ReginaldAnna VoisardENGL 2100731st October, 2016 CNN versus EbayCNNAs you know, CNN is a television and news agency. Most of the time, I am away from the television, and so I generally visit the CNN website on my phone or laptop. Today I would be evaluating the design of the CNN website and it efficiency in carry out its purpose.-213360307086000To start with, this website has a very simple but complex layout. This site makes use of proximity design principle. All similar news types are grouped close to one another. Also, details about headlines are closer to the headline. Due to the difficulty in figuring all news in the world, has categorized some distinct types of news under a broad section called top stories. The top stories section has latest important news all over the world closely written near each other together in one row of the page. These stories are usually composed of hot issues from country to country all around the world. Since all news belonging to the top stories section has been arranged tightly together, it makes it easier for readers to regard information under this section as one entity. This makes reading easier-213360-14605Figure SEQ Figure \* ARABIC 1. Image of Header with navigation boxes0Figure SEQ Figure \* ARABIC 1. Image of Header with navigation has a very big and detailed header. The header contains multiple navigation boxes which have names of other genres of news written in them. These boxes have a black background, and they contain names of the news genre and other options. These names have a font point of about 14 and have been written with the colour of white. The white font against the black background creates contrast which enables readers to read what is in the header easily. Also, when you click on a certain genre in the header, the name of the genre is highlighted with a sharper and brighter white colour which becomes distinct from every text written in the header and the boxes. Located in the header are genres of news such as US, WORLD, POLITICS and other options such as live TV etc… The page of the genre type in which you are on currently is highlighted with a white colour. This highlight creates a contrast between the header background and the name of the page you are on currently. The header is always on top your screen no matter how down you scroll. This makes navigation really easy since at any point in time you have instant access to this header and its navigation links.-41148025146000-617220-27940 Figure SEQ Figure \* ARABIC 2. Image of header showing the use of contrast in highlighting0 Figure SEQ Figure \* ARABIC 2. Image of header showing the use of contrast in highlightingDown below, the site has a site map which is literary a complete map of the website. It has all the subtopics linked to each page written like a tree diagram. The sitemap is very helpful for people who are new to this website. You can look at the site map and know how each genre and page are divided into subsections. Even though you may never use the sitemap due to the easy navigation of this website, it still might be of use to people with disabilities. Also, the site map uses great contrast to make the fonts on the site map very readable. (White fonts against a black background)-2362202621280Figure SEQ Figure \* ARABIC 3. Image showing sitemap of 0Figure SEQ Figure \* ARABIC 3. Image showing sitemap of -238760-58928000-3733804732020Figure SEQ Figure \* ARABIC 4. Image showing the use of alignment and representation of images and videos with thumbnails0Figure SEQ Figure \* ARABIC 4. Image showing the use of alignment and representation of images and videos with thumbnails-373380211074000Instead of having very big images which make information reading very difficult when reading on a small screen, images are represented with small thumbnail images. If you want to see the whole image you might click on the thumbnails which reveal the full size of the image. Not only images are represented by thumbnails. Videos are also represented by thumbnails. Thumbnails of images have an icon that looks like a camera on them while videos are represented with thumbnails that have a play symbol on them. 02941320Figure SEQ Figure \* ARABIC 5. Image showing the use of proximity0Figure SEQ Figure \* ARABIC 5. Image showing the use of proximity0-25971500The images and videos are also in close proximity with the News text they describe. This is convenient since you could just look at the nearest headline to a video or image and determine which headline the videos or images are related uses repetition effectively. Almost all pages of have a similar layout. This makes navigation through much easier since knowledge of operation obtained from one page can be used on all pages on this website. All text and information on this website are aligned in columns and rows. News which are similar or are in the same section are aligned together. This aids readers to anticipate other news headlines aligned together without even having to read the actual headlines. This website has extra features like timestamp of news headlines. This time stamp gives you details about when a particular a story was published even before you click and try to read the story. Also after reading news from this website, it tends to recognize the type of news you often read. It then recommends some group of news which is based on your reading history the next time you visit the page. The only problem I have with this website is the number of advertisements that pop up every time you begin to watch news videos. This can sometimes be worrying. This is a link that would prove what I am just saying about the ads .EBAYThe second website I would like to analyze is . It is an online shopping website. Almost all products can be sold and bought on ebay.-457205783580Figure SEQ Figure \* ARABIC 6. Image showing the Header of 0Figure SEQ Figure \* ARABIC 6. Image showing the Header of - also has a header which also contains few navigational links and a search box. As compared to , the header bar of does not make use of the principle of contrast. When a particular page is selected from the header, the header does not indicate that particular page’s name with a distinctive colour. Also unlike where the header is always on top of your screen no matter how down you scroll Ebay’s header does not become available when you scroll down. This makes navigation difficult since you would have to scroll up again in order to get to the header. The text on this page is not aligned properly. It has images and text mixed together in a scattered manner. This makes reading a little difficult. Most images are bright and might distract you from what you are actually looking for. Due to a lot of images, there is less information available about a specific product. This website is not very suitable for small screens. This is because it uses very large images which fill up the whole of your device’s screen. When viewing on a small screen device, you have to scroll multiple times before you get to an actual text description. In other words, the amount of texts to images is not balanced. 114300-7239000-5066665589915Figure SEQ Figure \* ARABIC 7. Image showing the unbalanced nature of text and images on 0Figure SEQ Figure \* ARABIC 7. Image showing the unbalanced nature of text and images on also makes use of the principle of repetition. Most of the pages on this website just like the have similar patterns and designs. This again makes the application of knowledge from one page to another very easy. Also, tools for this websites are all located in similar locations on all of its pages. also has a sitemap similar to . Unlike CNN, Ebay’s site map has font whose colours make it very difficult to read (Grey fonts against a white background). The contrast of the fonts and the back ground almost makes the fonts undistinguishable.1600202484120Figure SEQ Figure \* ARABIC 8. Image showing the site map of with is bad contrast0Figure SEQ Figure \* ARABIC 8. Image showing the site map of with is bad contrast160020- has some additional features which complement the use and design of the website. One of the features it provides is a review and comment section for customers on every product. This section is provided so that customers would be able to give reviews and talk about their expectation of the product and the level to which the product has met such expectations. Also, these sections can be used to ask questions about a product.Works Cited"EBay." Electronics, Cars, Fashion, Collectibles, Coupons and More. N.p., n.d. Web. 31 Oct. 2016."CNN - Breaking News, Latest News and Videos." CNN. Cable News Network, n.d. Web. 31 Oct. 2016. ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download