Navigation elements are critical for the purposes of providing orientation cues and helping users move easily between different areas of a site.
This page contains the style guide for navigation and linking within the IEEE digital presence.
Guidelines for left navigation menus are as follows:
Link target: All links in the left-hand navigation should open within the same browser window.
- Global terms such as "Home," "Sitemap," and "Contact" should never be used as standalone terms within a navigation menu, unless they will link to the home, sitemap, or contact pages for the overall site. References to these types of pages within a particular section should include the name of the specific section (i.e., "Conferences Home," "Contact IEEE Education Staff").
- Link text should match the page title of the page it links to.
- Do not use acronyms.
Guidelines for right column content and navigation menus are as follows:
Guidelines for main navigation menus are as follows:
Breadcrumb links aid users in knowing where they are in the site.
All IEEE sites that are more than two levels deep must have breadcrumbs on lower level pages of the site.
The links should represent the hierarchical order of each section, and always take the user through the shortest path to the home page.
Color: The primary link color on the site should be blue (recommended color is #0063D7) across the site; visited link color should be purple (recommended color is #800080).
Embedded links: Use embedded links (links within paragraphs) only for supplemental information, such as linking to a definition or background on particular group or program.
Interactivity: Links should underline upon hover and open in the same browser window. Exception: Supporting files should open in a new window
Link text: Link text should be concise (approximately 5-7 words).
Supporting files: When linking to a supporting file, follow the guidelines for supporting files
Trailing links: Use trailing links, or links set below a block of text, for calls to action related to the primary page activities.
Within-page links should be used for longer pages with sections of content that fall below the fold of the page. These links have the following acceptable uses:
These links should not link to anchors on another page. Within-page links, if used, should follow general link styling guidelines.
External links are hyperlinks that point at any domain other than the origin domain (and its sub-domains). Inclusion of a limited number of carefully selected, relevant, external links within an IEEE site is considered a best practice in most situations. Used properly, external links can help establish your expertise in a particular subject matter, create repeat visits, and build relationships with other industry leaders.
The following guidelines should always be adhered to for external linking.
All other IEEE linking guidelines noted within the Link Styles and Placement section of this page also apply to external links.
A redirect is a way to send both users and search engines to a different page/URL than the one originally requested. While redirects should be avoided as much as possible, reference the guidelines here to request/create a redirect.
Determining need for redirects:
The following instances may require redirects to be created:
Creating and maintaining effective redirects:
Supporting files are separate files that supplement the digital page's content. Supporting files include PDFs, Word, Excel, PowerPoint, and multi-media files.
Supporting files should not be used for sharing content that would better suit the user as a digital page (HTML). They should only be used when the format of the original document must be preserved to maintain a document's integrity.
Keeping usability in mind, follow these rules for supporting files: