🍩 Blog 5

1. What is the goal of a label?
The goal of a label is to communicate effectively and to create the right association for the user

Reference: Section 6.2. Varieties of Labels – Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

2. Why is labelling an important aspect of web site design?
It is important because the user is able to find objects  easily but at the same time is able to find out the functionality of the item.

Reference: Section 6.2. Varieties of Labels- Wide Web: Designing Large-Scale Web Sites

3. What are the aspects of a good labelling system?
A good labelling system must be clear for easy recognition.

Reference:  Section 6.2. Varieties of Labels- Wide Web: Designing Large-Scale Web Sites

4. List and describe the types/varieties of labels?
– Contextual links
– Headings
– Index terms
– Iconic labels

Reference:  Section 6.2. Varieties of Labels- Wide Web: Designing Large-Scale Web Sites

5. Why do index terms facilitate faster searching and make browsing easier?
By having topic keywords allows a more efficient search for the user.

6. Discuss the advantages and disadvantages of using iconic labels.
advantages:
Iconic label allows the user to see what it is and it may be considered to be visually appealing to the eye which makes the reader want to continue through the content to the end.
disadvantages:
They can be hard to interpret by users due to ambiguity and user’s perceptions.

Reference:  Section 6.2. Varieties of Labels- Wide Web: Designing Large-Scale Web Sites

7. What is the purpose of “scope notes”?
A brief description following each navigation system label. Scope notes is another way to increase specificity on a site and sometime look similar to definitions.

Reference: Section 9.3. Technical Lingo – Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

8. How do homonyms and synonyms affect label design?
They affect label design because they can can cause the user confusion when viewing labelled content within a website.

Reference: Section 6.3. Designing Labels- Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

9. Why is it important to be consistent when designing a labelling system?
It is important to keep familiarity for the user.

Reference: Section 6.3. Designing Labels- Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

10. Why is it better to have a narrower scope when designing labels?
It is better to have a narrower scope when designing labels as it allows the labels to be tailored to match a specific target audience. By using the narrower scope the user is less likely misunderstand the label. Furthermore it makes them more effective for the end user and makes the websites goals/ purpose more defined.

Reference: Section 6.3. Designing Labels- Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

11. List and describe the key issues that affect the consistency of a labelling system.
Key issues that affect the consistency of a labelling system can be classified as:
– Style
– Presentation
– Comprehensiveness
– Audience

12. What are the main sources of labelling systems?
– Current site
– Any competitor’s sites
– Controlled vocabularies and thesauri.

13. Create a labelling table for a web site of your choice. Comment on the quality of the labelling system. Are there any inconsistencies? How would you improve the labelling system?

Screen Shot 2015-08-04 at 12.42.53 pm

Screen Shot 2015-08-04 at 1.01.56 pm

14. What are the advantages of using controlled vocabularies and thesauri as a source for labelling systems? Provide some examples of controlled vocabulary and thesauri resources.
The advantage is that a systematic approach to labelling is adopted as already established norms are used.

The Thesarus of Graphic Materials II(TGMII): http://www.loc.gov/lexico/servlet/lexico?usr=pub47:0&op=frames&db=TGM_II

Reference: Section 6.3. Designing Labels- Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

15. Describe the three most important sources for creating a new labelling system.
When creating a new labelling system the most important sources are:
– Content Analysis
– Content Authors
– User advocates and subject matter experts

16. Take a screen capture of the main page of web site of an e-commerce web site of your own choice and post it on your blog. Ensure that you capture the entire page with your screen capture, not just the top portion of it. Note that you can’t choose a search engine or your own blog to critique. The e-commerce site must make use of a search system.

Capture

a) Create a table describing ALL the navigation labels. The table should present the name of the label, the destination page’s heading label, and the destination page’s <TITLE> label

b) Describe what labels you do not like and why, and suggest improvements.

The labels in this site are a bit too small, and also the layout of the navigation bar is not very appealing.

c) Describe whether there are any inconsistencies in the labelling system between the pages on the basis of style, presentation, syntax, granularity, comprehensiveness and audience.

Throughout the site all headings are consistent.

Capture1 Capture2

d) Describe what forms of navigation are used?

This site uses global navigation, and local navigation.

Capture11Capture12

e) Describe what type of search system is used and the strategies for facilitating search?

There is no search system in this website currently

f) Examine at least two other similar or competing web sites and undertake the following tasks:

a. Provide screen shots of these competing web sites.

gameofthrones

b. Describe how similar the labelling systems are.

The labelling on the second site is more appealing comparing to the first site. The navigation is more clear and easier to read.

c. Describe the similarities in the navigation systems.

nav2

Capture12

d. Describe the similarities in the search systems

Only the official HBO site has a search system.

search

e. State whether you think any particular site is clearly the winner (and if so, why)?

The SHOP HBO is the winner. It has a more appealing layout and is more consistent.

17. What is meant by the term “subject matter expert”?
Someone who knows enough about the subject material to be able to speak in the user’s behalf.

study.com/academy/lesson/subject-matter-expert-definition-role-quiz.html

18. What is card sorting? Describe how card sorting can be useful for creating a labelling system.
A way to group content into categories. Card sorting is useful  by allowing users to cluster labels how they would like by being able to label categories

Reference: intra.iam.hva.nl/content/0708/verdieping1/ia/intro-en-materiaal/IA_labeling_systems.pdf

19. What is meant by the term “folksonomic tagging”?
“A folksonomy is a system of classification derived from the practice and method of collaboratively creating and translating tags to annotate and categorize content”

Reference: intra.iam.hva.nl/content/0708/verdieping1/ia/intro-en-materiaal/IA_labeling_systems.pdf

20. What is search log analysis? Why is it useful/important?
Search log analysis is a three-staged process made of data collection, preparation and analysis. It is important because it helps us to understand how users search from information making it easier to target these categories.

Reference: records.nsw.gov.au/recordkeeping/advice/monitoring/monitoring-recordkeeping-performance

21. What is an embedded navigation system? What are the three types of embedded navigation systems?
An embedded navigation system is a system that is contained and merged within the content of the site.
The three types of embedded navigation systems are:
– global
– local
– contextual

Reference: Chapter 7 Navigation Systems – Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

22. What is a supplemental navigation system? What are the three types of supplemental navigation systems?
A supplemental navigation system, is a navigation that exists outside of the content pages, they can either be:
– sitemap
– index
– guide

Reference: Chapter 7 Navigation Systems – Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

23. Describe the main types of built-in web browser navigation.
– URL
– Back and Forward buttons
– History menu
– Bookmarks

24. What are the some of the ways designers override or corrupt browser-based navigation?
– Modifying the visited/unvisited link colours
– Killing the back button
– Disabling the bookmark function.

25. Apply the navigation stress test to two different web sites and describe your findings.
Stress test 1: Facebook
Easy to navigate as there was a global, supplemental and additional navigation systems within the one website.

Screen Shot 2015-08-04 at 11.43.34 am

Stress test 1: Tumblr
In comparison to Facebook, Tumblrs navigation was not as busy. It easy for the eyes as their were only 3 places to really focus on. Tumblr has a search function , small top menu for settings/creating blogs etc. and list of possible blog to follow
Screen Shot 2015-08-04 at 11.48.21 am

26. Describe the purpose and key features of a global navigation system.
The purpose  of global navigation it to show the navigation option throughout the entire site. Key features include a navigation bar across the top of each page, allows access to most of the site, includes a link to the home page and search function and gives clues to the user’s current location.

Reference: Chapter 7 Navigation Systems – Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

27. Describe the pros and cons of hypertextual navigation.
Pros:
– supports lateral and vertical navigation
Cons:
– complicated for the user to understand how to navigate the system

28. Go to two large websites that support global and local navigation. Post screen shots of these two websites and highlight the navigation systems.

Facebook
Screen Shot 2015-08-04 at 11.52.57 am

IMDB
Screen Shot 2015-08-04 at 11.58.55 am

29. Describe the purpose of a contextual navigation system. Find two examples of web sites that use contextual navigation. Use these example to explain how contextual navigation supports associate learning.
The purpose of a contextual navigation system is able to tell the user what’s related at a page level, or can be used to represent inline hyperlinks. Contextual navigation enables the user to find out about products that they may have not previously known about.

Wikipedia
Screen Shot 2015-08-04 at 12.09.25 pm

YouTube
Screen Shot 2015-08-04 at 12.12.36 pm

Reference: Chapter 7 Navigation Systems – Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

30. Find an example of a web site that uses a sitemap as a supplemental navigation system. Critique the sitemap according to the design criteria outlined in the lecture notes.
Apple: Overall the sitemap does a good job of conforming to the design rules as it correctly reinforces the site hierarchy, allows fast direct access to the main sections of the website.
Screen Shot 2015-08-04 at 12.17.22 pm

Reference: Chapter 7 Navigation Systems – Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

31. Why is the level of granularity an issue when designing a web site index?
The level of granularity can be an issue when designing a website index as it can be difficult to determine the correct level that the users will find useful.

Reference: Chapter 7 Navigation Systems – Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

32. What is term rotation? Provide some examples of term rotation for a site index.
When the words in a phrase are rotated, allowing the user to find the phrase in two different alphabetical places. E.g. Chocolate Cake or Cake Chocolate

33. Find an example of a web site that uses a guide as a supplemental navigation system. Critique the guide according to the design criteria outlined in the lecture notes.

Screen Shot 2015-09-29 at 4.56.01 pm

  • There is 7 step to confirm a flight
  • The user is able to exit at any time
  • The user is easily able to navigate through each step
  • The site provides feedback on which step the user is at and what is next

34. List and describe the advanced navigation approaches.
Personalisation and customisation: Personalisation and customisation menus allow the user change colour schemes, create new backgrounds etc.
Visualisation: The visualization approach is where their is a lot of photos and not a mass amount of text to support the navigation on a website and/or app.
Social navigation: Social navigation is when the user will get regular updates and have the ability to use “Chat” features.

Reference: Chapter 7 Navigation Systems – Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

35. Design a site map or index for your proposed Drupal CMS web site for the assignment.

Blank Flowchart - New Page

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s