Navigation elements are meant to help users transition between different areas of the site with relative ease.
This page contains the style guide for navigation and linking within IEEE.org.
Left navigation menus provide an easy way for users to navigate within a section of a site.
These menus are applied to individual pages and sections of the IEEE Main Site using the content management system (UCM). In UCM, these menus are approved and created by the WSDT to ensure alignment and consistency with the information architecture of the site.
Typically, every page on IEEE.org has a left navigation menu. Contact the Web Strategy & Design Team if you have questions regarding exceptions.
Guidelines for left navigation menus are as follows:
Guidelines for right column content and navigation menus are as follows:
Breadcrumb links aid users in knowing where they are in 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.
In UCM, breadcrumbs are controlled by the Web Strategy & Design Team.
Do not hard-code links to other IEEE Main Site pages. Instead, use the Link Wizard feature in UCM to "Link to a section" (for index pages) or "Link to a file" for all other pages and supporting files in UCM.
• Link text: Link text should be concise (approximately 5-7 words). Links to html pages should open in the same browser window.
- Use plain language; never use “click here, “follow this link,” or URL addresses.
- When appropriate, write action-oriented links that accurately describe the information at the destination page. This includes contact links.
Use: "Find graphics approved for Web use in the IEEE Graphics Library."
Not: "Here is a link to IEEE graphics" or "For IEEE graphics, click here."
• Trailing links: Use trailing links, or links set below a block of text, (EXPLAIN) for calls to action.
• Embedded links: Use embedded links (links within paragraphs) only for supplemental information.
- Embedded links should be used sparingly and should not interfere with the reading of information either on the computer screen or when printed.
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.
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 supplement the content on your Web pages. Supporting files include PDFs, Word, Excel, PowerPoint, and multimedia files.
Note that when it would better support the tasks of your users, content should be integrated into the HTML pages. Keeping usability in mind, follow these rules for supporting files: