1 / 22

Chapter 6: Labeling Systems

Chapter 6: Labeling Systems. Information Architecture: Rosenfeld and Moreville. Labeling is a form of representation. Just like spoken words represent thoughts, “labels represent LARGER chunks of information in our web sites.

Télécharger la présentation

Chapter 6: Labeling Systems

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Chapter 6: Labeling Systems Information Architecture: Rosenfeld and Moreville

  2. Labeling is a form of representation • Just like spoken words represent thoughts, “labels represent LARGER chunks of information in our web sites. • The MAIN GOAL of labels is to communicate efficiently, not using too much vertical space or the user’s cognition* • Why should you care about labeling?

  3. The web is not always conducive to design that gives immediate feedback Therefore, to minimize this issue, IA tries to design labels that speak the same language as the user while reflecting the content. Why Labeling

  4. Ask yourself a few questions • Do the prominent labels on the pages standout? • If they do, why? • If a label is new, unanticipated or confusing, is there an explanation? Or, are you required to click through to learn more? • Http://www.uhaul.com

  5. direct vs indirect Jacob Nielsen

  6. Labels are representative and don’t • differentiate • They are “jargony,” not-user centric • They waste money • They don’t make a good impression

  7. There are different “types” of labels: Contextual Links Headings Navigation System Choices Index Terms >>> These terms are not perfectly or mutually exclusive

  8. Labels :: Contextual Links Describe the hypertext links within the body of a document or chunk of information They are generally not developed systematically; more in an “ad hoc” manner The result can often mean that CL can mean different things to different users

  9. Labels :: Contextual Links On the otherhand it is important to note that the IA is not always in control, that is, the content author usually has the “last say” as to what the link will be called, but the IA can try to influence the situation with their knowledge and forethought. Example: Kelley Blue Book

  10. Labels :: As Headings Labels are used as headings that describe the “chunk” of information that follows it Typography is often inherent in setting up a proper IA Hierarchical relationships between headings are usually established through visual consistency --- numbering, font sizes, colors, styles, white space, indentation and good “proximity division.”

  11. Labels :: As Headings One area of labels as Headings that must be noted is when labeling steps in a process (task oriented organization), it is particularly important to maintain consistent heading labels “Sequence” is very important in this case Note Well: Heading Labels, whether hierarchical or task oriented (sequenced), come in multiples and should be more systematically designed than other types of labels.

  12. Labels :: As Navigation System (NSL) NSL demand consistency more than any other type of label NSL should have, and usually do have, less than ten choices (George Miller (7 = OR - 2) and typically occur repetitively throughout the web site, Users rely on NSL to behave “rationally,” so they should be: ~ consistent ~ in the same location (repetition) ~ have the same look (repetition, contrast and alignment) ~ build a sense of familiarity (proximity) .

  13. Labels :: Navigation System Labels • Locations that need to display consistent labeling are (this is a non- exhaustive list): ~ Main, Main Page, Home ~ Search, Find, Browse, Search/Browse ~ Site Map, Contents, Table of Contents, Index ~ Contact, Contact Us ~ Help, FAQ, Frequently Asked Questions ~ News, News and Events, Announcements ~ About, About Us, About <company name>, Who We Are (http://www.gaiam.com)

  14. Labels :: Navigation System Labels Sometimes to avoid confusion, NSL will have scope notes, or descriptives to assist the user in understanding what the link will address: (http://www.laticrete.com/Pages/contractorlinks.html) Alternatives to “scope notes” are Java Script roll-overs and other scripted mouseover effects, but all of these fall prey to the browser interpretation

  15. Labels :: Iconic Labels Icons can represent information in much the same ay as text can The problem is they can be much more limiting, that’s why they are used more often for navigation systems or small organization system labels

  16. Labels :: As Index Terms Index Terms is a way to help the searcher have a more productive result via the browser’s capability, or someone has assessed the content’s meaning and has ascribed a value to it in terms of an index value 2. This is basically browsable lists or menus that are beneficial to the user Sun Microsystems(No index anymore is this better?) Frequently index terms are invisible to users, such as meta tags embedded into html code Let’s look at meta tags: Gap, Ameritrade, Buick, Miniusa, Verizon, Sony, Apple, Modem Media, BMW, Stop and Shop, LL Bean, Pottery Barn, Red Sox, Patriots, Boston MFA, John Hancock, PacSun, MySpace, Dell. ( http://searchenginewatch.com )

  17. Designing Labels Designing labels is one of the most difficult aspects of IA General Guidelines for Label Development 1. Narrow scope whenever possible, said another way “Keep it Simple” 2. Develop consistent labeling systems, not labels ~ consistency breeds predictability, and systems that are predictable are easier to learn 3. Consistency is affected by many issues, such as: ~Style, Presentation, Syntax, Granularity, Comprehensiveness, Audience (see handout)

  18. Sources of Labeling Systems Study, learn and borrow from other websites, particularly those in your genre. General Guidelines for Label Systems 1. As you look for existing labeling systems, consider what works and what doesn’t --- which systems can you learn from and which can you dismiss 2. Use the labeling system that you are stuck with and see what you can save and what you can get rid of (NEIA) 3. A useful approach is to capture all the labels in a single Excel document, sort out and label the labels (Show the NEIA example - Create a Label Table) Handout of pages 95 and 96

  19. Compaq: Solutions home & home office small & medium business enterprise business govt., edu. & healthcare resellers & partners Gateway: Solutions for: Home & Home Office Small & Mid-size Business Large Businesses Government Education A professor of mine once said A a long time ago, “…cast your eyes Aand plagiarize…” Don’t take this literally, but Yyou get the drift…if it is not Bbroke, don’t fix it. Dell: Online Shopping Consumer Home & Home Office Business Small Business Medium & Large Businesses Public State & Local Government Federal Government Education Healthcare IBM Home / home office Small business Government Education

  20. Creating New Labeling Systems • Content analysis - auto-extraction software could help, be sure that output makes sense • Ask content authors to suggest labels • Use Subject Matter Experts (SME) or intermediaries • Ask end users via card sort (closed and open)

  21. Final Steps to Consider in Looking at Labels • 1. Whenever possible, always list alphabetically • 2. Review for consistency of usage, punctuation, syntax etc. • 3. Ask yourself how broad and large a system must be • 4. Determine obvious gaps with end-users • 5. Keep your scope narrow and focused • 6. Prepare that you will need to improve and adjust it further after launch

More Related