<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Netz-Navi &#187; Navigation</title>
	<atom:link href="http://blog.netz-navi.de/category/navigation/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.netz-navi.de</link>
	<description>Wirklich gute Webseiten, gefunden und gemerkt.</description>
	<lastBuildDate>Fri, 13 Jan 2012 00:04:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Showcase of Interesting Navigation Designs</title>
		<link>http://blog.netz-navi.de/2010/09/showcase-of-interesting-navigation-designs/</link>
		<comments>http://blog.netz-navi.de/2010/09/showcase-of-interesting-navigation-designs/#comments</comments>
		<pubDate>Tue, 07 Sep 2010 13:12:22 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[reader]]></category>
		<category><![CDATA[showcases]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[    Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. Three points to consider in any navigation scheme ar]]></description>
			<content:encoded><![CDATA[<table width="650">
<tr>
<td width="650">
<div style="width:650px"> <img src="http://creatives.commindo-media.de/static/smashing-magazine-advertisement.gif" alt="Smashing-magazine-advertisement in Showcase of Interesting Navigation Designs" border="0"><img src="javascript:void(0);" alt="Spacer in Showcase of Interesting Navigation Designs" border="0" width="1" height="1"><br /> <a href="http://auslieferung.commindo-media-ressourcen.de/www/delivery/ck.php?zoneid=34"><img src="http://auslieferung.commindo-media-ressourcen.de/www/delivery/avw.php?zoneid=34" border="0" alt=" in Showcase of Interesting Navigation Designs"></a> <a href="http://auslieferung.commindo-media-ressourcen.de/www/delivery/ck.php?zoneid=35"><img src="http://auslieferung.commindo-media-ressourcen.de/www/delivery/avw.php?zoneid=35" border="0" alt=" in Showcase of Interesting Navigation Designs"></a> <a href="http://auslieferung.commindo-media-ressourcen.de/www/delivery/ck.php?zoneid=36"><img src="http://auslieferung.commindo-media-ressourcen.de/www/delivery/avw.php?zoneid=36" border="0" alt=" in Showcase of Interesting Navigation Designs"></a></div>
</td>
</tr>
</table>
<p>Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. Three points to consider in any navigation scheme are consistency, user expectations and contextual clues.</p>
<p>If page is long and provides different levels of <strong>navigation</strong>, will users be able to find their way through the site and use proper navigation quickly? Forcing visitors to use certain keystrokes to navigate, rather than what they’re used to, might be novel, but is that effective if you have to explain instructions prominently on your home page? Here are some examples for your reading pleasure.</p>
<p>[Offtopic: by the way, did you know that there is a Smashing eBook Series? Book #2 is <a href="https://shop.smashingmagazine.com/smashingbook-dispatcher.php?d=smashing-ebook-successful-freelancing">Successful Freelancing for Web Designers</a>, 260 pages for just $9,90.]</p>
<h3>Made by Water</h3>
<h4>A JavaScript-Powered Vertical Fun</h4>
<p>The large bold headings and modern color palette on <a href="http://www.madebywater.com/">Made by Water</a> feel fresh and fun. The grid layout is nice and clear, while the background texture is subtle but interesting. The icons at the top are visually appealing, and the animation makes them fun to click. It’s not immediately apparent what they are for, though. Some text would help to clarify that they are for navigation.</p>
<p><a href="http://www.madebywater.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/09/running.jpg" alt="Running in Showcase of Interesting Navigation Designs" width="500" height="359"></a><br /> <em>Vertical navigation buttons with icons.</em></p>
<p>The other problem with the navigation is the yellow “up” arrow that is displayed in the footer of the page. One would expect it to bring you back to the top of the page, but it leaves you more in the middle. The circle of stripes that follows you down as you scroll doesn’t match the background pattern, but we can’t tell if it’s part of the navigation. At any rate, we clicked it to no effect.</p>
<p>Finally, while the text at the top is fun and exciting, finding the “Who am I” section is a bit hard. It’s not immediately clear what the website is about.</p>
<h3>Made in Haus</h3>
<h4>Horizontal Slideshow as Navigation</h4>
<p>The large page keeps <a href="http://www.madeinhaus.com">Made in Haus</a> from feeling unoriginal, and the smooth motion is a bit different from many of the sliders we’ve seen. Bumping the accompanying text up into the body of each slide is a good way to keep it above the fold and visible as the user flips through the slides. The sliders on the sub-pages are also effective, being an easy way to skim through a fair amount of content. Also, nice hover-effects under the slideshow look attractive and give an insight into the work of the agency.</p>
<p><a href="http://www.madeinhaus.com"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/09/haus.jpg" alt="Haus in Showcase of Interesting Navigation Designs" width="500" height="383"></a><br /> <em>Bold horizontal navigation.</em></p>
<p>One drawback is that the triangle on the far right of the upper navigation menu is a bit confusing. It appears to link to the home page, as a logo would, but we’re not quite sure why. Also, the arrow on the right side of the slideshow may be a bit too tiny, making it a bit difficult for users to navigate the slideshow. We’ve seen a similar navigation earlier, on <a href="http://weightshift.com/">Weightshift</a> which is a nice example of an alternative implementation of this technique.</p>
<h3>Foundation Six</h3>
<h4>Animated Text Scrolls Down With the User</h4>
<p><a href="http://www.foundationsix.com/">Foundation Six</a> features a few big bold screenshots at the center of the page, giving us the impression that they were interactive in some way. The first thing that we did was try to click on the screenshots, but nothing happened (except for the central one which links to the description of the project featured in the center of the page), which was a little frustrating.</p>
<p><a href="http://www.foundationsix.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/09/beauty1.jpg" alt="Beauty1 in Showcase of Interesting Navigation Designs" width="500" height="393"></a><br /> <em>Text moves instead of images.</em></p>
<p>The headings are large and very clear, and the type is handled nicely throughout. The color palette is very soft and clean, and it nicely matches the atmosphere of the site. The call-to-actions buttons are large and easy to find, read and click. The subtle hover effects in the upper navigation enhance the user experience, making it smooth. Additionally, the contact form tracks well and is nicely laid out, while the map is a nice touch. The company scores bonus points for linking to <a href="http://www.bringdownie6.com">Bring Down IE6</a>.</p>
<p>On the projects page, the way the explanatory text slides down instead of the images is original. But being so unexpected, it could be a little disorienting, which may or may not be a good thing: is explanatory text really the best place to make a statement with moving parts?</p>
<h3>Word Refuge</h3>
<h4>Textual Content in a Horizontal Slider</h4>
<p><a href="http://www.wordrefuge.com/">Word Refuge</a> features an old-fashioned bookish vibe. Because it is a copywriting service, this seems appropriate. The contact form is prominent, easy to find and easy to use. The logo is also nicely done, and the color palette is rich and regal.</p>
<p><a href="http://www.wordrefuge.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/wordrefuge.jpg" alt="Wordrefuge in Showcase of Interesting Navigation Designs" width="500" height="332"></a><br /> <em>Various arguments for the company are organized into slides.</em></p>
<p>One small point is that the tag lines in the main navigation are effective under some of the menu items but not under others. Some of them feel redundant, as if they’re there only to balance things out. As a rule, if text doesn’t add any explanation, it shouldn’t be there. That said, the text throughout the website is nicely kerned, and while the page is wordy, the text is easy to skim through and read.</p>
<h3>Relogik</h3>
<h4>Animated Horizontal Slideshow Navigation</h4>
<p><a href="http://www.relogik.com">Relogik</a> is another example of minimalism done well. The logo is understated and sophisticated. Most design elements are semi-transparent and appear on hover. The close-up images are bold and make the content the focal point of the page. The code is clean and well-structured and uses a solid grid layout with pulls to keep everything squared up.</p>
<p><a href="http://www.relogik.com"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/09/relogik.jpg" alt="Relogik in Showcase of Interesting Navigation Designs" width="500" height="379"></a><br /> <em>Sliding horizontal navigation.</em></p>
<p>The classic numeric navigation makes it easy to navigate the slideshow. One weakness is that the contact information has a very low contrast against the background. A darker color would help to highlight it. The project detail pages do a good job of showing rather than telling and of displaying each piece in a real-world context.</p>
<h3>Drexler</h3>
<h4>Horizontal Navigation… If the User Follows Instructions</h4>
<p>The horizontal navigation on <a href="http://drxlr.com/">Drexler</a> works both with the arrow keys and mouse clicks. On the first glance, it’s not clear how to navigate the site: you need to either read the hint in the upper area of the site (“User your arrows”) or experiment with the design to figure it out. To browse blog posts, users need to click on the illustration of the post or use keyboard arrows. The design itself is visually appealing, but the navigation scheme isn’t straightforward.</p>
<p><a href="http://drxlr.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/Drexler1.jpg" alt="Drexler1 in Showcase of Interesting Navigation Designs" width="500" height="382"></a><br /> <em>“Use your arrows” to navigate.</em></p>
<p>The retro color palette and big bold fonts make the website colorful and energetic, but they also might be a little overpowering. The “t” for Twitter in the upper right is an interesting break from the usual little bird, but the downside of breaking with convention is that you might lose clarity. We didn’t know what the icon was for until we clicked it, and we probably wouldn’t have clicked it if we were merely visiting the website as a normal user. The contact button <em>is</em> amazing indeed, as it claims. The multi-column contact form is an interesting take on the email form. It seems effective, and it tracks very well. This is a design that needs to be explored to be understood — but maybe it was the intention of the designer in the first place?</p>
<p>The logo is simple and clean, but again, it adds a note of confusion. The yellow underline on mouse-over feels unbalanced, because the rest of the logo isn’t highlighted. One other thing to note is that the page changes color to match the project being displayed. This is an unusual take on the portfolio. Usually, projects are displayed uniformly, sometimes to the point of being indistinguishable. This approach makes the projects stand out, in a good way.</p>
<h3>Komrade</h3>
<h4>Vertical Navigation With a Twist</h4>
<p>This page allows users to forge their own path through the website. <a href="http://komra.de/">Komrade</a> features original illustrations, a fresh color palette and an original “Choose Your Own Adventure”-style navigation scheme. The navigation has the following cracks in it, though:</p>
<ol>
<li>The light blue text looks like it’s hyperlinked. One of the first things a user sees upon loading the page is the blue “Who’s Komrade” heading. The first thing we did was click it, but nothing happened. This started the user experience off on the wrong foot. With this unusual scrolling navigation, distinguishing the clickable from the unclickable is extremely important.</li>
<li>The numbered navigation for Komrade’s past work does not stand out enough. The red circles look like yet more flowers, which caused us to pass over them several times before figuring out that they were the navigation. This goes back to the clickable/unclickable issue. Well-placed labels would go a long way here.</li>
</ol>
<p><a href="http://komra.de/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/komrade1.jpg" alt="Komrade1 in Showcase of Interesting Navigation Designs" width="500" height="363"></a><br /> <em>“Choose Your Own Adventure”-style navigation.</em></p>
<h3>All For Design</h3>
<h4>Scrolling Navigation and “Shelf”-Navigation</h4>
<p><a href="http://all-for-design.com/portfolio/">All For Design</a> feels light and airy, with its crisp woodcut headings and subtle effects such as the Twitter icon that flies on hover. The design os single projects pages is especially nice, making clear exactly what was involved in each project. The section “some inspiration” nicely puts books, useful websites and articles on a “shelf” and has subtle shadow- and hover-effects. The only problem is that the <code>title</code>-attribute is displayed on hover together with the screenshot which makes it a bit difficult to focus on one of them.</p>
<p><a href="http://all-for-design.com/portfolio/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/09/inspiration.jpg" alt="Inspiration in Showcase of Interesting Navigation Designs" width="500" height="204"></a><br /><em>“Shelf”-navigation.</em></p>
<p><a href="http://all-for-design.com/portfolio/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/09/calendar.jpg" alt="Calendar in Showcase of Interesting Navigation Designs" width="447" height="341"></a><br /><em>Calendar next to the contact form.</em></p>
<p>The calendar next to the contact form is also a great idea: it sets expectations and makes it easy for potential clients to plot a timeline. While the font is scannable, it still feels a bit too wordy overall, although the shadow effects, subtle borders and custom icons keep the eye flowing down the page.</p>
<h3>Digital Labs</h3>
<h4>Horizontal or Vertical Navigation?</h4>
<p>With the prominent screenshots on this website, one would think the page would have horizontal navigation; in fact, the page is static. <a href="http://www.digitallabs.tv">Digital Labs</a> uses a wide layout, with a nice textured background. The dark colors make it feel spacious without being too spacey. One issue, though, is that the orange ribbon on the right looks like it should be clickable, but it isn’t. The text-based social media widget, which responds to mouse-over, is an interesting touch. The web design scene is full of social media icons, so a text-based widget stands out.</p>
<p><a href="http://www.digitallabs.tv"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/digital-labs.jpg" alt="Digital-labs in Showcase of Interesting Navigation Designs" width="500" height="243"></a><br /> <em>The static screenshots above look like a slideshow.</em></p>
<p>The other issue is that the “Are you ready to get started?” link at the bottom is a <code>mailto:</code> link, rather than a link to a contact form. This is acceptable, but a drop-down form in that space would really kick things up a notch.</p>
<h3>Calobee Doodles</h3>
<h4>Classic Thumbnail and Lightbox Combination</h4>
<p><a href="http://www.calobeedoodles.com/portfolio/">Calobee Doodles</a>, an illustration-based portfolio website, has fun details, such as the objects and people falling from the sky. The cloud menu items could be clearer, though. At first, we were not sure what “Custom” stands for (it stands for custom design and illustration work). However, the menu benefits from descriptive tooltips and appear on hover. Still, a different wording, for instance “Work”, would have been clearer.</p>
<p><a href="http://www.calobeedoodles.com/portfolio/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/calobee.jpg" alt="Calobee in Showcase of Interesting Navigation Designs" width="500" height="278"></a><br /> <em>The website uses the classic thumbnail and lightbox navigation.</em></p>
<p>A thumbnail gallery is a common way to display work, but in this case illustration thumbnails are a bit too small<del>, and they are linked to images. A lightbox may work better in this context.</del> The bottom-up-navigation may be useful for some readers, and the footer is truly remarkable. Also, it would be nice to remove dotted lines appearing on click in the navigation menu. A simple <code>outline: none;</code> for links with proper styles for <code>:focus</code> and <code>:active</code> states would suffice.</p>
<h3>Build</h3>
<h4>Classic Top-Level Navigation</h4>
<p>While the overall layout of <a href="http://buildconf.com/">Build</a> is clean and modern, the content could stand to be more easily scannable, for two reasons for this. A look at that code suggests that the margins and padding are a bit arbitrary. The padding for the main body conforms to a design pattern, but the major content elements do not. Maybe it would be a good idea to use multiples of a set base number for the margins, padding and borders, so that there is a consistent ratio throughout.</p>
<p><a href="http://buildconf.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/build.jpg" alt="Build in Showcase of Interesting Navigation Designs" width="500" height="328"></a><br /> <em>Classic top-level navigation.</em></p>
<p>Secondly, the contrast of the text in the content sections has some problems. The contrast between strong white and strong grey background is very striking, and maybe a bit too strong. The second part of the page looks a bit busy and a bit difficult to scan, probably because the colors of the headings and descriptions are very similar. Maybe if the headings were kept as a serif, the content blocks could be distinguished a bit by making the text lighter and using a sans-serif font. Some textual variation or typographic work might add visual interest as well. Subtle hover effects for links are attractive and fun to click on: nice touch!</p>
<p>We liked the listserv sign-up widget in the footer of the page. A sample email in the relevant field, along with more space on the line, could be a helpful, though. Also, an explanation of what exactly users are meant to type here would be great — for instance, a sample e-mail in the input field. Also, the mouse pointer should change after you click on the submit-button, but in this case it doesn’t. We fumbled a bit at first until we looked at the code.</p>
<h3>Mail Chimp</h3>
<h4>Graphics-Heavy Vertical Page With No Navigation Other Than Browser Scroll Bar</h4>
<p><a href="http://www.mailchimp.com/v5-2/">Mailchimp’s promo page</a> is a visually appealing website with a lot of interesting vintage graphics. Some real strengths of this website are the many interesting textures and patterns. The color scheme is modern and appealing. There are, however, a few usability problems. First, there is actually no navigation. We’re as big a fan of shedding unnecessary conventions as the next guy, but if we were an existing customer visiting this website, we would have no idea what to do. The “Sign in” link is obscured at the bottom of the page, with few visual cues to reward the user’s patience as they scroll down. Even a few small links at the top would add some structure and provide some cues for navigation, which would make the whole website make more sense.</p>
<p><a href="http://www.mailchimp.com/v5-2/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/mailchimp.png" alt="Mailchimp in Showcase of Interesting Navigation Designs" width="500" height="277"></a><br /> <em>Graphics-heavy vertical website.</em></p>
<p>Secondly, the edgy graphics, while fun and visually interesting, don’t give much sense of what the main point of the page actually <em>is</em> (if you are visiting the site for the first time). The primary message is only delivered in the paragraph towards the middle, and even it is a bit hard to read, with the small white text over the shades of gray. The paragraph would be more effective if it were bigger and had more contrast. The promotional videos are really great and remarkable, though.</p>
<h3>Pline Studios</h3>
<h4>Minimalism in Vertical JavaScript-Based Navigation</h4>
<p><a href="http://www.plinestudios.com/">Pline studios</a> is an architecture firm, so it makes sense for it to have a spacious vertical layout with graphic touches that are reminiscent of CADD drawings. The big headings are clean and visually appealing and do a great job of leading the eye around. In an unconventional navigation scheme, making it clear where to click is critical, and this website makes it extremely clear. The navigation is repeated in each section, so the user is never stranded and left to scroll.</p>
<p>One problem, though, is the project descriptions; so much focus is on the images and animations that there’s actually very little explanation about the projects themselves.</p>
<p><a href="http://www.plinestudios.com"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/pline.jpg" alt="Pline in Showcase of Interesting Navigation Designs" width="500" height="343"></a><br /> <em>Minimal vertical navigation.</em></p>
<h3>Transformology</h3>
<h4>Persistent Toolbar-Navigation</h4>
<p><a href="http://www.transformology.com/">Transformology</a> shows another way to handle navigation on a vertical page. When the user scrolls the page, the navigation menu at the top of the site changes accordingly. The elaborate headings in the text blocks are visually appealing, but almost to the disadvantage of the content that should be showcased. The headings make the content easy to see but more difficult to read. The website has a clean, solid grid layout, but it may not always do an effective job of displaying the content, which sometimes feels overpowering.</p>
<p><a href="http://www.transformology.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/09/transform.jpg" alt="Transform in Showcase of Interesting Navigation Designs" width="500" height="349"></a><br /> <em>Static navigation follows wherever you go.</em></p>
<h3>Burton</h3>
<h4>Sliding Captions and Tabbed Boxes in a Vertical Layout</h4>
<p>The first thing we noticed about <a href="http://www.burton.com/">Burton</a> is the nice visual details, such as the animated eyes on the “Search and Destroy” search box, and the animated GIF on the mouse-over logo. The jigsaw layout is clean, bold and easy to scan. The mouse-over labels are a good way to display details without overwhelming users with text, and the mini-tabbed layouts inside the content blocks keep things clean and minimal. All of the content is available without being visible all at once.</p>
<p><a href="http://www.burton.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/09/restricted.jpg" alt="Restricted in Showcase of Interesting Navigation Designs" width="499" height="243"></a><br /> <em>The scrolling vertical navigation is aided by the jigsaw sections with sliding captions.</em></p>
<p>A problem with the navigation, though, is the up and down arrows on the side of site’s pages. We expected that they would allow us to move up and down the page; instead, they pop out a text-based navigation menu. Not knowing what sections of the page correspond to the labels (for instance, when you visit the page for the first time), this isn’t very useful. Still, overall very nice, original and memorable design.</p>
<h3>New Adventures in Web Design</h3>
<h4>Fun Shapes That Feel Like Navigation</h4>
<p>At the first sight, the interactive shapes in the middle of the <a href="http://newadventuresconf.com/">New Adventures</a> page feel a bit like navigation, in that they change as you move through the website, providing cues that the page has changed. New Adventures is an example of a clean and solidly structured design. The rainbow of dynamically transforming shapes is fun and original. Adding more color could make the design a bit stronger; the brown palette is calm and professional, but it probably could have been be more interesting with some accent colors.</p>
<p><a href="http://newadventuresconf.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/newAdventures.jpg" alt="NewAdventures in Showcase of Interesting Navigation Designs" width="500" height="294"></a><br /> <em>The shapes move all over the place!</em></p>
<p>The typography overall is effective, and the line heights and margins make the information very clear and concise. An interesting touch of the design would be to highlight the speaker’s photo when a user hovers over his or her name in the list of speakers. Also, when trying to return to the front page, we clicked on the text logo in the left upper corner (“New Adventures in Web Design”), but it isn’t clickable which is a bit confusing. We had to use the small “Home”-link in the upper left corner instead.</p>
<h3>Christopher Kaufman</h3>
<h4>Wide Horizontal Slider With a Difference</h4>
<p>On <a href="http://christopherkaufman.com/">Christopher Kaufman’s page</a>, the sub-content panels slide up as the slider moves left to right. The layout is clean and organized, the background is colorful and unique, and the slideshow adds plenty of eye candy. The logo is minimal but detailed, and the top-level navigation is clear and effective. One drawback is that the background image is a pretty big file; as it loads, it creates a flashing effect that can be disorienting. One could argue that the height of the slideshow is optimized for larger screens; but scrolling through the slideshow content, some users can see that the content below has changed, yet have to scroll down to read all of it. This isn’t necessarily a big issue, but the slideshow panels could be a bit shorter.</p>
<p><a href="http://christopherkaufman.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/christopherKaufman.jpg" alt="ChristopherKaufman in Showcase of Interesting Navigation Designs" width="500" height="306"></a><br /> <em>The wide horizontal navigation forces users with small screens to scroll.</em></p>
<h3>Chapolito</h3>
<h4>Another Example of Tabbed Navigation</h4>
<p><a href="http://chapolito.com/">Chapolito</a> is really a unique website. The footer animation catches the eye right away, and the abstract shapes in the top-level navigation are original, as is the way the logo is integrated in the navigation, which keeps the brand as a focal point. We do have a suggestion for the sub-navigation in the portfolio section, though. The circles-as-progress indicator probably works best for slideshows of about five pieces of content or fewer. With such an extensive showcase, the user might get lost and not be able to find a particular project again. If numbers were in the circles, that would help.</p>
<p><a href="http://chapolito.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/chapolito.jpg" alt="Chapolito in Showcase of Interesting Navigation Designs" width="500" height="244"></a><br /> <em>Interesting top navigation.</em></p>
<h3>Flywheel Design</h3>
<h4>Sliders and Graphic Tiles That Flip on Mouse-Over</h4>
<p><a href="http://flywheeldesign.com/">Flywheel Design</a> gives a good overview of its work right on the home page. The hover-over navigation is fun and gives users an incentive to mouse around and explore. The background is simple without being boring, making this a good example of minimal design. One problem for us was the slider navigation on project sub-pages: almost too minimal, because it took us a while to figure out it was there. Making it a little bigger or adding a splash of color might help.</p>
<p><a href="http://flywheeldesign.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/flywheel.jpg" alt="Flywheel in Showcase of Interesting Navigation Designs" width="500" height="366"></a><br /> <em>Flip-tile style navigation.</em></p>
<h3>Wishbone Design</h3>
<h4>Flash-Based Animated Navigation</h4>
<p><a href="http://www.wishbonedesign.com/">Wishbone Design</a> is created for kids and parents, so it makes sense for it to be fun and full of Flash animations. The navigation is entertaining but a little hard to use. Having the sub-elements open on hover seems to be the root of the problem; changing it to a click might give users a greater sense of control. Hover navigation should be as speedy as possible. The main slideshow is eye-catching, but you really have to dig to figure out that this is actually a company manufacturing bicycles (among other things). An explanatory blurb or even some slides would help new visitors. Another problem: if you’re going to have audio, please give users a way to turn it off! Overall, the site is truly remarkable, with attention to details. Nice work, this is what Flash is supposed to be used for!</p>
<p><a href="http://www.wishbonedesign.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/wishbone.jpg" alt="Wishbone in Showcase of Interesting Navigation Designs" width="500" height="296"></a><br /> <em>Flash-based navigation.</em></p>
<h3>Basmatitree</h3>
<h4>Flash-Based Animation That Could Be Navigation</h4>
<p>We can’t lie: on first arriving on <a href="http://www.basmatitree.net/60mq/">60 mq missione casa</a>, we were really hoping that the spoons were the navigation. We were sad to find out they aren’t. That said, this is a pretty fun layout for a food blog. The typography could benefit from some more variation, though. Also, the posts would be easier to scan if some texture or color variation were added to the columns.</p>
<p><a href="http://www.basmatitree.net/60mq/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/basmatitree.jpg" alt="Basmatitree in Showcase of Interesting Navigation Designs" width="500" height="241"></a><br /> <em>Flash-animated spoons are fun!</em></p>
<h3>Minus Five</h3>
<h4>An Entirely Horizontal Sliding Website</h4>
<p>Horizontal navigation can be problematic. In this case, though, <a href="http://www.minus-five.com/">Minus Five </a>is larger than life and colorful. The hover-over “Forth” and “Back” controls are large and easy to see, making it abundantly clear where you can click and what you are supposed to do, and avoiding one of the common drawbacks of unconventional navigation.</p>
<p><a href="http://www.minus-five.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/minusfive.jpg" alt="Minusfive in Showcase of Interesting Navigation Designs" width="500" height="259"></a><br /> <em>Entirely horizontal navigation.</em></p>
<p>For a portfolio, one thing that could confuse users is that the featured websites are not linked to anything. Using images embedded in a Mac frame to convey that they are websites is a good idea, but they make it a little hard to see the details in the designs. Another questionable design choice is positioning the portfolio pieces to the right of the background image. This makes it feel as though the background is the focus, instead of the portfolio pieces themselves. Also, the page is difficult to browse if you don’t have a proper wide screen display, because you see only small chunks of the site at once.</p>
<h3>Retinart</h3>
<h4>Completely Text-Based Navigation</h4>
<p><a href="http://retinart.net/">Retinart</a> is a lovely example of a typography-focused website. The nice, even gutters and margins are relaxing on the eyes. One thing that’s a little unexpected is that the “Feedback” tab on the left side doesn’t pop out from the side (as most users would expect), but rather opens a modal window.</p>
<p><a href="http://retinart.net/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/09/reintart.jpg" alt="Reintart in Showcase of Interesting Navigation Designs" width="500" height="380"></a><br /> <em>The beautiful typography goes well with imaginative language.</em></p>
<p>Notice the careful attention to language. In conjunction with beautiful type, a designer can really take it to the next level by using beautiful language to emphasize the quailty of the site.</p>
<h3>Collision Labs</h3>
<h4>Classic Tabbed Navigation</h4>
<p><a href="http://collisionlabs.com/">Collision Labs</a> is energetic. We immediately wanted to take this design firm’s advice and fasten our seat belts! The large header block is exciting without being overpowering. The portfolio sub-pages are clear and do a good job of both telling and showing what the projects were about. The typography, though, is a little uniform. One thing that confused us was the Twitter icon in the footer navigation: the bird flips upside down on hover. We couldn’t really see the reason for this, so it felt vaguely unsettling. Overall, though, an effective website, and a good example of judicious and not excessive icon usage.</p>
<p><a href="http://collisionlabs.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/08/collision.jpg" alt="Collision in Showcase of Interesting Navigation Designs" width="500" height="335"></a><br /> <em>Bold color and traditional navigation.</em></p>
<h3>Summary</h3>
<p>In sum, navigation is as much about communicating instructions for finding content as it is about being fun and interesting. There are some points to take away. For instance, if something is clickable, make sure it looks clickable. If it’s not clickable, make sure to communicate that, too. Also, be fun without being confusing. And show, don’t tell. If you have to tell users what to do, then the navigation has failed. After all, the crucial attribute of any truly exceptional website is both aesthetics and the usability of its navigation.</p>
<h4>Related Posts</h4>
<ul>
<li><a href="http://www.smashingmagazine.com/2010/01/04/showcase-of-modern-navigation-design-trends/">Showcase of Modern Navigation Design Trends</a></li>
<li><a href="http://www.smashingmagazine.com/2010/04/19/showcase-of-beautiful-vertical-navigation-designs/">Showcase of Beautiful Vertical Navigation Designs</a></li>
<li><a href="http://www.smashingmagazine.com/2010/01/11/the-case-against-vertical-navigation/">The Case Against Vertical Navigation</a></li>
<li><a href="http://www.smashingmagazine.com/2008/02/26/navigation-menus-trends-and-examples/">Navigation: Menus, Trends and Examples</a></li>
<li><a href="http://www.smashingmagazine.com/2009/04/06/showcase-of-well-designed-tabbed-navigation/">Showcase of Well-Designed Tabbed Navigation</a></li>
</ul>
<h3>Would you like to see more similar showcases on SM?</h3>
<p>Let us know what you think in the comments to this post! And please like this article below if you find it useful and would love to see more similar posts on Smashing Magazine in the future. Thanks.</p>
<hr />
<p><small>© Sarah &amp; Adrienne Kahn for <a href="http://www.smashingmagazine.com">Smashing Magazine</a>, 2010. | <a href="http://www.smashingmagazine.com/2010/09/07/showcase-of-interesting-navigation-designs/">Permalink</a> | <a href="http://www.smashingmagazine.com/2010/09/07/showcase-of-interesting-navigation-designs/#comments">Post a comment</a> | <a title="Bookmark in del.icio.us" href="http://del.icio.us/post?url=http://www.smashingmagazine.com/2010/09/07/showcase-of-interesting-navigation-designs/&amp;title=Showcase%20of%20Interesting%20Navigation%20Designs">Add to del.icio.us</a> | <a title="Bookmark in Digg" href="http://digg.com/submit?phase=2&amp;url=http://www.smashingmagazine.com/2010/09/07/showcase-of-interesting-navigation-designs/">Digg this</a> | <a title="Stumble on StumbleUpon" href="http://www.stumbleupon.com/submit?url=http://www.smashingmagazine.com/2010/09/07/showcase-of-interesting-navigation-designs/">Stumble on StumbleUpon!</a> | <a title="Tweet us!" href="http://twitter.com/home?status=@tweetmeme%20@smashingmag%20Reading%20&#39;Showcase%20of%20Interesting%20Navigation%20Designs&#038;%2339;%20http://www.smashingmagazine.com/2010/09/07/showcase-of-interesting-navigation-designs/">Tweet it!</a> | <a title="Bookmark in Reddit" href="http://reddit.com/submit?url=http://www.smashingmagazine.com/2010/09/07/showcase-of-interesting-navigation-designs/">Submit to Reddit</a> | <a href="http://forum.smashingmagazine.com/">Forum Smashing Magazine</a><br /> Post tags: <a href="http://www.smashingmagazine.com/tag/navigation/" rel="tag">navigation</a>, <a href="http://www.smashingmagazine.com/tag/showcases/" rel="tag">showcases</a><br /> </small></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2010/09/showcase-of-interesting-navigation-designs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OpenStreetMap: Freier Google Maps-Konkurrent vor dem Durchbruch</title>
		<link>http://blog.netz-navi.de/2010/07/openstreetmap-freier-google-maps-konkurrent-vor-dem-durchbruch/</link>
		<comments>http://blog.netz-navi.de/2010/07/openstreetmap-freier-google-maps-konkurrent-vor-dem-durchbruch/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 07:15:40 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[freebies]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[Ideen]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[kartendienste]]></category>
		<category><![CDATA[Maps]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[openstreetmap]]></category>
		<category><![CDATA[reader]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Open Street Map (OSM) ist eine freie Alternative zum Karten-Dienst des Suchmaschinengiganten aus Mountain View. Im Prinzip funktioniert das Angebot wie eine Wikipedia für Landkarten: die Nutzer sammeln Kartendaten, indem sie die entsprechenden Wege ab]]></description>
			<content:encoded><![CDATA[<p>Open Street Map (OSM) ist eine freie Alternative zum Karten-Dienst des Suchmaschinengiganten aus Mountain View. Im Prinzip funktioniert das Angebot wie eine Wikipedia für Landkarten: die Nutzer sammeln Kartendaten, indem sie die entsprechenden Wege abgehen und ihre Position mit einem GPS-Empfänger speichern. Dann laden sie die Geoinformatione [...]
<div>
<a href="http://feeds.feedburner.com/~ff/basicthinking/doho?a=d2jaytp5cqc:EeuY5JJoSoU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/basicthinking/doho?d=yIl2AUoC8zA" border="0"></a> <a href="http://feeds.feedburner.com/~ff/basicthinking/doho?a=d2jaytp5cqc:EeuY5JJoSoU:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/basicthinking/doho?d=qj6IDK7rITs" border="0"></a> <a href="http://feeds.feedburner.com/~ff/basicthinking/doho?a=d2jaytp5cqc:EeuY5JJoSoU:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/basicthinking/doho?i=d2jaytp5cqc:EeuY5JJoSoU:V_sGLiPBpWU" border="0"></a> <a href="http://feeds.feedburner.com/~ff/basicthinking/doho?a=d2jaytp5cqc:EeuY5JJoSoU:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/basicthinking/doho?i=d2jaytp5cqc:EeuY5JJoSoU:D7DqB2pKExk" border="0"></a> <a href="http://feeds.feedburner.com/~ff/basicthinking/doho?a=d2jaytp5cqc:EeuY5JJoSoU:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/basicthinking/doho?d=7Q72WNTAKBA" border="0"></a> <a href="http://feeds.feedburner.com/~ff/basicthinking/doho?a=d2jaytp5cqc:EeuY5JJoSoU:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/basicthinking/doho?i=d2jaytp5cqc:EeuY5JJoSoU:gIN9vFwOqvQ" border="0"></a>
</div>
<p><img src="http://feeds.feedburner.com/~r/basicthinking/doho/~4/d2jaytp5cqc" height="1" width="1"></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2010/07/openstreetmap-freier-google-maps-konkurrent-vor-dem-durchbruch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spielerische Navigationskonzepte</title>
		<link>http://blog.netz-navi.de/2010/07/spielerische-navigationskonzepte/</link>
		<comments>http://blog.netz-navi.de/2010/07/spielerische-navigationskonzepte/#comments</comments>
		<pubDate>Mon, 12 Jul 2010 06:41:41 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Fundstücke]]></category>
		<category><![CDATA[Informationsarchitektur]]></category>
		<category><![CDATA[interaktive Anwenung]]></category>
		<category><![CDATA[Kinder]]></category>
		<category><![CDATA[Konzepte]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[reader]]></category>
		<category><![CDATA[Studien]]></category>
		<category><![CDATA[Trends]]></category>
		<category><![CDATA[Web Usability]]></category>
		<category><![CDATA[Zielgruppen]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[
Bei der Entwicklung von Navigationskonzepten ist die Zielgruppe das A und O.
In unserer heutigen Gesellschaft erlernen die meisten Kinder den Umgang mit den Internet bereits frühzeitig.
Damit sich Kinder mit dem Internet befassen, sind wie auch bei  ]]></description>
			<content:encoded><![CDATA[<div style="width:150px"><a title="choice and directions signs" rel="lightbox[pics2075]" href="http://www.usabilityblog.de/wp-content/uploads/2010/07/sitemap.jpg"><img src="http://www.usabilityblog.de/wp-content/uploads/2010/07/sitemap.jpg" alt="choice and directions signs" width="150" height="150"></a></div>
<p>Bei der Entwicklung von Navigationskonzepten ist die Zielgruppe das A und O.<br />
In unserer heutigen Gesellschaft erlernen die meisten Kinder den Umgang mit den Internet bereits frühzeitig.<br />
Damit sich Kinder mit dem Internet befassen, sind wie auch bei  Erwachsenen, Angebote notwendig die ihre Interessen berücksichtigen. Sie haben je nach Alter schon sehr unterschiedliche Anforderungen an die Benutzbarkeit von Anwendungen. <span></span>Die rasche Entwicklung (z.B. motorische Fähigkeiten und Wissensstand) von Kindern spielt hierbei eine große Rolle &#8211; ein Kind im Grundschulalter nutzt eine Website ganz anders, als ein Kind mit 12 Jahren zum Beispiel.<br />
Anschließend möchte ich zwei Websites für Kinder vorstellen, für die ein ganz unterschiedliches Navigationskonzept entwickelt wurde.</p>
<p>Die Website <strong><a href="http://www.tivi.de">www.tivi.de</a></strong> der Kindersendung tivi auf zdf, spricht sehr deutlich die  schon ältere Zielgruppe an. Wer die Sendung kennt, weiß dass Kinder hier schon etwas Verständnis mitbringen müssen. Besonders auffällig ist auf dieser Seite ist die recht untypische Umsetzung einer Navigation. Die Ansprache erfolgt über themenbezogene (Sendungen, Spiel &amp; Spaß und Infos &amp; Tipps) Teaser mit einer kleinen Beschreibung. Auf dieser Seite ist notwendig, dass die Kinder in einem Alter sind, indem sie lesen und Zusammenhänge verstehen können, die Orientierung fällt ihnen dadurch leichter.</p>
<div style="width:400px"><a title="zdf_tivi" rel="lightbox[pics2075]" href="http://www.usabilityblog.de/wp-content/uploads/2010/07/zdf_tivi.jpg"><img src="http://www.usabilityblog.de/wp-content/uploads/2010/07/zdf_tivi.thumbnail.jpg" alt="zdf_tivi" width="400" height="276"></a></div>
<div style="width:400px"><em>Website der Kindersendung zdf tivi</em></div>
<p>Trotzdem Besucher dieser Website wahrscheinlich schon aus dem Grundschulalter heraus sind, ist es wichtig auch hier auf die richtige Ansprache zu achten &#8211; denn es sind noch immer Kinder.</p>
<p>Vermutlich kennt fast jeder die Sendung mit der Maus. Wenn  man mal versucht, sich zurück zu erinnern wann man diese Sendung zum ersten Mal gesehen hat, ist das wahrscheinlich schon in sehr jungen Jahren gewesen. Bei der Sendung mit der Maus geht es eher um die Unterhaltung als um die gezielte Wissensvermittlung. Das bedeutet die anzusprechende Zielgruppe gewinnt an Umfang, denn sie beginnt schon bei Kindern in jungen Jahren und endet bei Erwachsenen, die sich interessieren oder sich mit ihren Kindern beschäftigen.<br />
Auf dieser Grundlage baut auch das Navigationskonzept der Website auf. Es werden sehr einfach dargestellte Bilder verwendet, um unterschiedlichen Themen anzubieten. Nutzer müssen noch nicht lesen können, um hinter einem Buch Geschichten zu erwarten oder hinter Spielsteinen Spiele.<br />
Das bedeutet, für die jüngere Zielgruppe ist die Verwednug von Bildern in der Navigation unerlässlich, denn hauptsächlich wird über diese navigiert.</p>
<div style="width:400px"><a title="maus_elefant" rel="lightbox[pics2075]" href="http://www.usabilityblog.de/wp-content/uploads/2010/07/maus_elefant.jpg"><img src="http://www.usabilityblog.de/wp-content/uploads/2010/07/maus_elefant.thumbnail.jpg" alt="maus_elefant" width="400" height="276"></a></div>
<div style="width:400px"><em>Website der Sendung mit der Maus</em></div>
<p>Per Mouseover werden kleine Animationen abgespielt und weitere Unterpunkte angezeigt, die dann separat angesteuert werden können. Bilder und Animationen machen neugierig, regen Kinder zum ausprobieren an und bauen Nutzungshemmungen ab.  Jedoch ist auch wie bei Erwachsenen zu beachten: weniger ist mehr. Kinder werden leicht von reizen überflutet und fühlen sich dann nicht mehr wohl.<br />
Weitere Punkte die beim konzipieren einer Navigation nicht außer Acht gelassen werden sollten:<br />
Die Navigation sollte, wie hier, aus so wenig Punkten wie möglich bestehen und nicht verschachtelt bzw. in mehrere Ebenen untergliedert werden, damit sie für viele Altersgruppen leicht verständlich ist.<br />
Es reicht nicht aus, dass nur wenige Navigationspunkte verwendet werden, diese müssen auch verständlich bzw. gut lesbar sein.<br />
Wie oben bereits erwähnt, ist die kindgerechte Gestaltung der Navigation für die erfolgreiche Nutzung einer Website sehr wichtig. Denn im Gegensatz zu Erwachsenen sind Kinder nicht so vertraut mit dem Umgang von Navigationen und haben wohlmöglich etwas Angst sich in der Anwendung zu verlieren.<br />
Generell entdecken Kinder Websites spielerisch und nicht nach einem bestimmten Prinzip.</p>
<p>Grundsätzlich ist festzuhalten, dass auf die Entwicklung von Navigationskonzepten, egal für welche Zielgruppe ein besonderes Augenmerk gelegt werden sollte. eResult hat bereits einige Studien zur Entwicklung, zum Aufbau und zur <strong><a href="http://eresult.de/studien_artikel/forschungsbeitraege/akzeptanz_innovativer_navigationskonzepte.html">Akzeptanz von Navigationskonzepten</a></strong> durchgeführt.<br />
Auch die <strong><a href="http://eresult.de/studien_artikel/forschungsbeitraege/navigation_nutzergerecht_gestalten.html">Erwartungen an Navigationen</a></strong> wurde bereits tiefgehend untersucht und lässt darauf schließen, dass die Entwicklung von Navigationskonzepte auf die anzusprechende Zielgruppe durchaus von Vorteil sind.</p>
<p> <img src="http://feeds.feedburner.com/~r/usabilityblog/rssfeed/~4/TzZblwu5FZY" height="1" width="1"></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2010/07/spielerische-navigationskonzepte/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NAVIGON 1310 Navigationssystem (8,9 cm (3,5 Zoll) Display, EU 40 Karten, Clever Parking , Fahrspurassistent Pro, Reality View Light)</title>
		<link>http://blog.netz-navi.de/2010/07/navigon-1310-navigationssystem-89-cm-35-zoll-display-eu-40-karten-clever-parking-fahrspurassistent-pro-reality-view-light/</link>
		<comments>http://blog.netz-navi.de/2010/07/navigon-1310-navigationssystem-89-cm-35-zoll-display-eu-40-karten-clever-parking-fahrspurassistent-pro-reality-view-light/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 23:29:30 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[1310]]></category>
		<category><![CDATA[Clever]]></category>
		<category><![CDATA[Display]]></category>
		<category><![CDATA[Fahrspurassistent]]></category>
		<category><![CDATA[Karten]]></category>
		<category><![CDATA[Navigationssystem]]></category>
		<category><![CDATA[NAVIGON]]></category>
		<category><![CDATA[Parking]]></category>
		<category><![CDATA[Reality]]></category>
		<category><![CDATA[Zoll]]></category>

		<guid isPermaLink="false">http://blog.netz-navi.de/2010/07/navigon-1310-navigationssystem-89-cm-35-zoll-display-eu-40-karten-clever-parking-fahrspurassistent-pro-reality-view-light/</guid>
		<description><![CDATA[NAVIGON 1310 Besonders klein und trotzdem voll mit Features. Die NAVIGON 13er-Serie kann viel mehr, als Sie vielleicht im ersten Moment denken. Denn in dem kleinen smarten Gehäuse stecken überaus nützliche Funktionen. Zum Beispiel NAVIGON MyRoutes, das Ihnen jederzeit genau die Route empfiehlt, die zu Ihnen und Ihrem Fahrstil passt. Für eine schnelle und sichere ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.amazon.de/NAVIGON-1310-Navigationssystem-Display-Fahrspurassistent/dp/B0027FFS9Y/ref=sr_1_10/279-4956442-5824358?ie=UTF8&amp;s=ce-de&amp;qid=1276673392&amp;sr=8-10?ie=UTF8&amp;tag=wwwnetznavide-21"><img style="float: left;width: 150px;height: 150px;margin-right: 10px" src="http://blog.netz-navi.de/wp-content/uploads/2010/06/51UKTROAJeL._SL500_AA300_.jpg" alt="NAVIGON 1310 Navigationssystem (8,9 cm (3,5 Zoll) Display, EU 40 Karten, Clever Parking , Fahrspurassistent Pro, Reality View Light)" /></a></p>
<p>NAVIGON 1310 Besonders klein und trotzdem voll mit Features.    Die NAVIGON 13er-Serie kann viel mehr, als Sie vielleicht im ersten Moment denken. Denn in dem kleinen smarten Gehäuse stecken überaus nützliche Funktionen. Zum Beispiel NAVIGON MyRoutes, das Ihnen jederzeit genau die Route empfiehlt, die zu Ihnen und Ihrem Fahrstil passt. Für eine schnelle und sichere Navigation sorgen zudem ein verbesserter Fahrspurassistent Pro, Reality View Light und viele weitere Helfer. Hätten Sie das auf den ersten Blick gedacht?                        TOP FEATURES:        NAVIGON MyRoutes Je nachdem, welcher Fahrertyp Sie sind, empfiehlt Ihnen NAVIGON MyRoutes die beste Route – zugeschnitten auf Ihren persönlichen Fahrsti <a title="More at Amazon" href="http://www.amazon.de/NAVIGON-1310-Navigationssystem-Display-Fahrspurassistent/dp/B0027FFS9Y/ref=sr_1_10/279-4956442-5824358?ie=UTF8&amp;s=ce-de&amp;qid=1276673392&amp;sr=8-10?ie=UTF8&amp;tag=wwwnetznavide-21">(more&#8230;)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2010/07/navigon-1310-navigationssystem-89-cm-35-zoll-display-eu-40-karten-clever-parking-fahrspurassistent-pro-reality-view-light/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Falk F12 3rd Edition Navigationssystem inkl. TMC Pro (10,9 cm (4,3 Zoll) Display, Kartenmaterial Europa 44, Bluetooth, Fahrspurassistent, StadtAktiv) schwarz</title>
		<link>http://blog.netz-navi.de/2010/07/falk-f12-3rd-edition-navigationssystem-inkl-tmc-pro-109-cm-43-zoll-display-kartenmaterial-europa-44-bluetooth-fahrspurassistent-stadtaktiv-schwarz/</link>
		<comments>http://blog.netz-navi.de/2010/07/falk-f12-3rd-edition-navigationssystem-inkl-tmc-pro-109-cm-43-zoll-display-kartenmaterial-europa-44-bluetooth-fahrspurassistent-stadtaktiv-schwarz/#comments</comments>
		<pubDate>Sun, 04 Jul 2010 10:37:22 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Navigation]]></category>
		<category><![CDATA[Amateur Radio]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[Bluetooth]]></category>
		<category><![CDATA[California]]></category>
		<category><![CDATA[Display]]></category>
		<category><![CDATA[Edition]]></category>
		<category><![CDATA[Europa]]></category>
		<category><![CDATA[Fahrspurassistent]]></category>
		<category><![CDATA[Falk]]></category>
		<category><![CDATA[Hobbies]]></category>
		<category><![CDATA[inkl.]]></category>
		<category><![CDATA[Kartenmaterial]]></category>
		<category><![CDATA[Navigationssystem]]></category>
		<category><![CDATA[Organizations]]></category>
		<category><![CDATA[Recreation and Sports]]></category>
		<category><![CDATA[Repeaters]]></category>
		<category><![CDATA[United States]]></category>
		<category><![CDATA[Zoll]]></category>

		<guid isPermaLink="false">http://blog.netz-navi.de/2010/07/falk-f12-3rd-edition-navigationssystem-inkl-tmc-pro-109-cm-43-zoll-display-kartenmaterial-europa-44-bluetooth-fahrspurassistent-stadtaktiv-schwarz/</guid>
		<description><![CDATA[Falk F12 3rd Edition – das neue High-End-Navi Der neue Falk F12 3rd Edition ist ein Navi der Spitzenklasse. Das superflache Gerät mit Kartenmaterial von Europa und edlem Design überzeugt mit einem großen Funktionspaket. So bietet Ihnen der F12 3rd Edition die schönsten Sehenswürdigkeiten in 3D-Ansicht. Außerdem lassen sich die wichtigsten Städte durch „StadtAktiv“ jetzt ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.amazon.de/Falk-Navigationssystem-Kartenmaterial-Fahrspurassistent-StadtAktiv/dp/B002NGSYPC/ref=sr_1_9/279-4956442-5824358?ie=UTF8&amp;s=ce-de&amp;qid=1276673392&amp;sr=8-9?ie=UTF8&amp;tag=wwwnetznavide-21"><img style="float: left; width: 150px; height: 150px; margin-right: 10px;" src="http://blog.netz-navi.de/wp-content/uploads/2010/06/51RBuFqEg-L._SL500_AA300_.jpg" alt="Falk F12 3rd Edition Navigationssystem inkl. TMC Pro (10,9 cm (4,3 Zoll) Display, Kartenmaterial Europa 44, Bluetooth, Fahrspurassistent, StadtAktiv) schwarz" /></a></p>
<p>Falk F12 3rd Edition – das neue High-End-Navi   Der neue Falk F12 3rd Edition ist ein Navi der Spitzenklasse. Das superflache Gerät mit Kartenmaterial von Europa und edlem Design überzeugt mit einem großen Funktionspaket. So bietet Ihnen der F12 3rd Edition die schönsten Sehenswürdigkeiten in 3D-Ansicht. Außerdem lassen sich die wichtigsten Städte durch „StadtAktiv“ jetzt auch mit schienengebundenen Nahverkehrsmitteln wie S- und U-Bahnen entdecken.                                    Kartenmaterial              Aktuelles Kartenmaterial für 44 Länder West- und Osteuropas: D, A, CH, B, L, F, E, I, NL, DK, GB, IRL, N, FIN, FL, AND, RSM, P, V, S, MC, GIB, SL, SK, PL, H, CZ, BG, GR, HR, BIH, AL, MK, RO, LV, EST, L <a title="More at Amazon" href="http://www.amazon.de/Falk-Navigationssystem-Kartenmaterial-Fahrspurassistent-StadtAktiv/dp/B002NGSYPC/ref=sr_1_9/279-4956442-5824358?ie=UTF8&amp;s=ce-de&amp;qid=1276673392&amp;sr=8-9?ie=UTF8&amp;tag=wwwnetznavide-21">(more&#8230;)</a></p>
<h6 class="zemanta-related-title" style="font-size: 1em;">Related articles by Zemanta</h6>
<ul class="zemanta-article-ul">
<li class="zemanta-article-ul-li"><a href="http://www.trendhunter.com/trends/cm1-notebook">Educational Tablets &#8211; Toshiba &amp; Intel&#8217;s CM1 Notebooks Aim to Boost IT Literacy</a> (trendhunter.com)</li>
<li class="zemanta-article-ul-li"><a href="http://eon.businesswire.com/news/eon/20100621006910/en">ZOLL AED Plus Helps Save Passenger aboard Royal Caribbean&#8217;s Oasis of the Seas Cruise Ship</a> (eon.businesswire.com)</li>
</ul>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><img class="zemanta-pixie-img" style="border: none; float: right;" src="http://img.zemanta.com/pixy.gif?x-id=bda194be-699b-4aa3-865d-3461147303fe" alt="" /><span class="zem-script more-related pretty-attribution"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2010/07/falk-f12-3rd-edition-navigationssystem-inkl-tmc-pro-109-cm-43-zoll-display-kartenmaterial-europa-44-bluetooth-fahrspurassistent-stadtaktiv-schwarz/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TomTom XL IQ RoutesTM-Edition Europe mit TMC (42 Länderkarten, Fahrspurassistent, Text-to-Speech, Intelligente Routenberechnung,TMC)</title>
		<link>http://blog.netz-navi.de/2010/07/tomtom-xl-iq-routestm-edition-europe-mit-tmc-42-landerkarten-fahrspurassistent-text-to-speech-intelligente-routenberechnungtmc/</link>
		<comments>http://blog.netz-navi.de/2010/07/tomtom-xl-iq-routestm-edition-europe-mit-tmc-42-landerkarten-fahrspurassistent-text-to-speech-intelligente-routenberechnungtmc/#comments</comments>
		<pubDate>Fri, 02 Jul 2010 16:56:39 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Navigation]]></category>
		<category><![CDATA[Cycling]]></category>
		<category><![CDATA[Europe]]></category>
		<category><![CDATA[Fahrspurassistent]]></category>
		<category><![CDATA[Intelligente]]></category>
		<category><![CDATA[Länderkarten]]></category>
		<category><![CDATA[Recreation]]></category>
		<category><![CDATA[Roads and Highways]]></category>
		<category><![CDATA[Route 66]]></category>
		<category><![CDATA[RoutenberechnungTMC]]></category>
		<category><![CDATA[RoutesTMEdition]]></category>
		<category><![CDATA[Sports]]></category>
		<category><![CDATA[TexttoSpeech]]></category>
		<category><![CDATA[TomTom]]></category>
		<category><![CDATA[Traffic Message Channel]]></category>
		<category><![CDATA[United States]]></category>

		<guid isPermaLink="false">http://blog.netz-navi.de/2010/07/tomtom-xl-iq-routestm-edition-europe-mit-tmc-42-landerkarten-fahrspurassistent-text-to-speech-intelligente-routenberechnungtmc/</guid>
		<description><![CDATA[Image via Wikipedia TomTom XL IQ Routes Europe 42 Traffic mit RDS/TMC-Empfänger &#8211; Karten aus 42 Ländern vorinstalliert mit IQ Routes und Fahrspurassistent IQ Routes &#8211; berechnet für Sie die cleverste Route Frequent destinations &#8211; Einfacher Zugriff auf häufige Ziele Hilfe Menü &#8211; Schnelle Hilfe finden QuickGPSfix &#8211; in Sekundenschnelle navigationsbereit Extragroßes 4,3-Zoll Breitbild-Display &#8211; ]]></description>
			<content:encoded><![CDATA[<div class="zemanta-img" style="margin: 1em; display: block;">
<div>
<dl class="wp-caption alignleft" style="width: 310px;">
<dt class="wp-caption-dt"><a href="http://commons.wikipedia.org/wiki/File:TomTomGo720.jpg"><img title="TomTom Go 720 Navigation device" src="http://blog.netz-navi.de/wp-content/uploads/2010/06/300px-TomTomGo720.jpg" alt="TomTom Go 720 Navigation device" width="300" height="255" /></a></dt>
<dd class="wp-caption-dd zemanta-img-attribution" style="font-size: 0.8em;">Image via <a href="http://commons.wikipedia.org/wiki/File:TomTomGo720.jpg">Wikipedia</a></dd>
</dl>
</div>
</div>
<p><a href="http://www.amazon.de/TomTom-L%C3%A4nderkarten-Fahrspurassistent-Intelligente-Routenberechnung/dp/B001W6Q0M8/ref=sr_1_8/279-4956442-5824358?ie=UTF8&amp;s=ce-de&amp;qid=1276673392&amp;sr=8-8?ie=UTF8&amp;tag=wwwnetznavide-21"><img style="float: left; width: 150px; height: 150px; margin-right: 10px;" src="http://blog.netz-navi.de/wp-content/uploads/2010/06/51wNnlJOSWL._SL500_AA300_.jpg" alt="TomTom XL IQ RoutesTM-Edition Europe mit TMC (42 Länderkarten, Fahrspurassistent, Text-to-Speech, Intelligente Routenberechnung,TMC)" /></a></p>
<p>TomTom XL IQ Routes Europe 42 Traffic mit RDS/TMC-Empfänger &#8211; Karten aus  42  Ländern vorinstalliert mit IQ Routes und Fahrspurassistent      IQ Routes &#8211; berechnet für Sie die cleverste Route Frequent destinations &#8211; Einfacher Zugriff auf häufige Ziele Hilfe Menü &#8211; Schnelle Hilfe finden  QuickGPSfix &#8211; in Sekundenschnelle navigationsbereit Extragroßes 4,3-Zoll Breitbild-Display &#8211; mehr sehen, entspannter fahren TMC-Verkehrsinfo &#8211; optimieren Sie Ihre Route anhand der aktuellen  Verkehrslage EasyPort Halterung &#8211; kleine und schlanke Klapphalterung     Funktionen &amp; Services für ein entspanntes Fahren   Aktuelles Kartenmaterial mit 42 vorinstallierten Ländern aus West- und  Osteuropa Auf dem TomTom XL IQ Routes Europe 42 Tr <a title="More at Amazon" href="http://www.amazon.de/TomTom-L%C3%A4nderkarten-Fahrspurassistent-Intelligente-Routenberechnung/dp/B001W6Q0M8/ref=sr_1_8/279-4956442-5824358?ie=UTF8&amp;s=ce-de&amp;qid=1276673392&amp;sr=8-8?ie=UTF8&amp;tag=wwwnetznavide-21">(more&#8230;)</a></p>
<h6 class="zemanta-related-title" style="font-size: 1em;">Related articles by Zemanta</h6>
<ul class="zemanta-article-ul">
<li class="zemanta-article-ul-li"><a href="http://eon.businesswire.com/news/eon/20100608005305/en">Clear Channel Radio Expands Total Traffic Network Data Service with INRIX Predictive Traffic and In-Vehicle Navigation Content</a> (eon.businesswire.com)</li>
<li class="zemanta-article-ul-li"><a href="http://www.slashgear.com/tomtom-start2-budget-pnd-revealed-3079695/">TomTom Start2 budget PND revealed</a> (slashgear.com)</li>
<li class="zemanta-article-ul-li"><a href="http://eon.businesswire.com/news/eon/20100512005165/en">Drivers Can Outsmart Traffic: Lifetime Traffic Updates Now Available From Total Traffic Network and TomTom</a> (eon.businesswire.com)</li>
</ul>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><img class="zemanta-pixie-img" style="border: none; float: right;" src="http://img.zemanta.com/pixy.gif?x-id=4da58b6e-719d-4d16-8b16-a727a524f18b" alt="" /><span class="zem-script more-related pretty-attribution"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2010/07/tomtom-xl-iq-routestm-edition-europe-mit-tmc-42-landerkarten-fahrspurassistent-text-to-speech-intelligente-routenberechnungtmc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced

Served from: blog.netz-navi.de @ 2012-05-20 22:50:19 -->
