Ex. 2: Analyzing Web Sites

VisitScotland

1. HCI 4/5
• The links change colours or become underlined when you hover over them indicating there is interaction.
2. Navigation 4/5
• It's fairly easy to navigate, everything is about two clicks away and all the content is accessible from the home page.
3. Web Accessibility 3/5
• The site is not suitable for all web users as visually-impaired people may have a hard time finding their way around. The site map is all cluttered in a long list rather than a neat list with headings.
4. Colour 4/5
• The colours of the web site match the scottish flag colours, so in that prospect it's very well done and thought of.
5. Text 4/5
• The text is easily readable and there's additional languages available for users from different countries.

TheScotsMan
1. HCI 3/5
• The navigation background highlights blue and is hardly visible in daylight.
2. Navigation 3/5
• Entire navigation is cluttered on top of the screen and is unorganized, it takes time to read all of it to see where you need to go. An additional navigation menu appears on the left screen after you navigate away from home, this one is more organized.
3. Web Accessibility 5/5
• The site complies to the w3 standards and meets need of all web users, it has been tested by all web browers. The site map is easily accessible and displays all links in a structured way.
4. Colour 3/5
• The colours used are dull and there are adverts on the right and above the content text which don't look very good.
5. Text 5/5
• The text is easily readable.

 Scotland

1. HCI 4/5
• The navigation background highlights indicating there is interaction going on.
2. Navigation 4/5
• Easy navigation throughout the entire site, this site uses a hierarchical navigation structure. Main links appear on the left and as you click them more links appear on that topic.
3. Web Accessibility 5/5
• The site complies to the w3 standards and meets need of all web users, it has been tested by all web browers. The site map is easily accessible and displays all links in a structured way and has links to software for disabled people.
4. Colour 5/5
• The colours reflect the scottish flag and match the website perfectly.
5. Text 5/5
• The text is easily readable.

Amazon
1. HCI 5/5
• The navigation background highlights and shows an arrow pointing towards more options when you hover over it.
2. Navigation 4/5
• Easy navigation on the left side with a search option included on the top if you can't find what you're looking for.
3. Web Accessibility 3/5
• Not accessible to all web users as some may have trouble searching the right item, some texts are images so will not be properly read by a screen reader.
4. Colour 4/5
• The background is white and all the images and objects blend out perfectly so that it catches more attention to the viewers.
5. Text 5/5
• The text is easily readable.


BBC

1. HCI 5/5
• The navigation background highlights when you hover over it and removes the underline if available.
2. Navigation 5/5
• Easy navigation as the headers take you to a section where you get more links again (hierarchical structure). Full list of categories are available at the bottom of the page.
3. Web Accessibility 5/5
• Accessible to all web users and complies to the w3 standards for accessibility. Quick links to change text size and other things quickly at the top right.
4. Colour 5/5
• Colours match the website; everything is easily visible.
5. Text 5/5
• The text is easily readable.