CNN.com Global Navigation

1. Global navigation on home page.

2. Crime selected in primary navigation bar and hot topics updated to reflect section.

3. Navigation for featured sections--video, user centered news, and charitable action--are highlighted in the area adjacent to the primary navigation.

4. Hot topics navigation below the primary navigation bar and are re-scoped depending on section being viewed.

5. Setting edition preferences expands a big, clear form with radios for choices.

6. The Arabic edition selected.

7. The global navigation displayed with the page design.

The CNN News portal provides a very dense global navigation header that's got quite a bit going on, but succeeds in drawing out the main entry points for news, featured or promoted points of interest, language/edition preference setting, search, and even a sticky alert area for late breaking news. It even borrows the idea of hot topics navigation per section from Newsvine, which allows for a more variable set of local navigation based on what's happening now, rather than on a rigid top-down IA.

While the density of the navigation might overwhelm some site designs, the clean, modern, and minimalist treatment of the page layout, and the the clear hierarchy of type and content elements make for a cohesive header and body, even given the density of content on the page.

URL

cnn.com/

Comments

Post new comment

Your name: *

E-mail: *

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account, used to display your avatar.

Homepage:

Comment: *

Input format

Filtered HTML

Allowed HTML tags: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <small> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <param> <strike>
Web page addresses and e-mail addresses turn into links automatically.
You can use Mediawiki syntax. It is possible that not all formatting options are supported at the moment.
Links to other pages: [[Page Title]] or [[path/to/page|Title]].
External links: http://example.com or [http://example.com some link title].
Interwiki links: [[site:Page Title]].
You can use the following interwiki links: path, gdo, wp
Images are included with [[Image:name]]. (wikipedia help)

Wiki Editing

You can use Mediawiki syntax. It is possible that not all formatting options are supported at the moment.
Links to other pages: [[Page Title]] or [[path/to/page|Title]].
External links: http://example.com or [http://example.com some link title].
Interwiki links: [[site:Page Title]].
You can use the following interwiki links: path, gdo, wp
Images are included with [[Image:name]]. (wikipedia help)
Lines and paragraphs break automatically.

More information about formatting options

KONIGI

Sign In

Don't have an account?

CNN.com Global Navigation

Comments

Post new comment