避免使用JavaScript動態導航條的7大理由

Over time many bad web design ideas have been dropped or lost favor, including unnecessary splash screens and unwieldy framesets, for the good of the web user. However, one web design bad habit that persists is the JavaScript Dynamic Navigation. This is bad news for both web users and those looking to commission a web designer to build a site for them. Ultimately if your navigation is broken, so is your site.

隨著時間的流逝，很多落後的網頁設計觀念已經被人們所遺棄，其中包括哪些毫無用處的飛濺顯示效果和架構。然而，對於優秀的網頁設計師來說，其中一個缺點就是使用JavaScript動態導航條。這對於所有的設計師來說都不是一個好兆頭。因為最終這將影響網站導覽條的實際效果，甚至是整個網站。

The seven top reasons why you should not use JavaScript Dynamic Navigation are:

避免使用JavaScript動態導航條的7大理由：

Site navigation is difficult when navigation is not permanently displayed.
動態導航條將給整個網站導覽帶來麻煩

Everyone likes to know where they are going and even where they are! A site with a permanently visible navigation structure meets both of these requirements, but popup or dynamic navigation systems do not. Remembering that Google and the other search engines are as likely to deliver a visitor to a subpage as they are to your home page, a clear navigation structure is essential. Think of it as they "You are here" icon in your local shopping mall's map.

每個人都希望清楚的獲知他們的具體位置以及它們可以去哪。固定的可視化導航條結構可以同時滿足這兩點要求，但是快顯表單和動態導航系統卻不行。記住，當Google和其他的搜尋引擎很可能會把瀏覽者帶到首頁下的一個二級頁面，所以清晰的導航結構很必要。可以想想，做一個類似於本地購物地圖的表徵圖標示，上面寫：“你在這了”。

Embedded elements can clash with dynamic navigation
嵌套元素會與動態導航系統相抵觸

A typical dynamic navigation structure will result in an overlay or pop up/down display. The challenge here is that if your site is media rich (ie contains flash animation or embedded video) these embedded elements will take precedence on the page. The end result is that part of your navigation will be hidden behind these elements making site navigation difficult if not impossible.

典型的動態導航結構將會覆蓋網站內容或彈出、縮排顯示。在這裡，最大的挑戰就是，如果你的網站中包含大量的多媒體（如：flash動畫或內建的視頻），這些內建元素將會在頁面中優先顯示。最終導致的結果就是：你的導航條會被這些元素所遮蓋，那將是瀏覽者無法看到導航條的內容。

Cross browser/platform compatibility issues
互動式瀏覽器/平台功能議題

As any developer will tell you, since the dawn of the internet, not all browsers are created equal. Some applications will follow a stricter implication of JavaScript than others. The only way to combat this issue is through vigorous testing - something that takes time and money. When you consider how quickly some browsers release code updates you have to be prepared to be in constant test and verification mode.

如同我告訴你的那樣，從互連網剛剛誕生之際開始，所有的瀏覽器都不是在同一水平下建立的。一些應用程式對JavaScript功能的支援強於其他的指令碼程式。我們只能通過各種測試來反駁這一點——但是這是需要花費很多時間和金錢的。當你考慮一些瀏覽器盡能如此迅速地釋放代碼更新時，你應改已經做好了堅持長期測試和代碼驗證的準備。

Usability issues- Dynamic Navigation is not for everyone
效用議題 —— 動態導航條並不適用於任何人

Just like menus in Windows or OSX, dynamic navigation structures require good hand/eye co-ordination. Not everyone will be as fast or as accurate as you are when it comes to using a mouse and nested dynamic navigation can be particularly hard to use. Usability studies with elderly users or those new to computers and the internet shows that such nested menus quickly cause frustration and are far from easy to use.

就如同Windows 或 OSX 系統中的菜單一樣，動態導航結構要求很好的觸摸性和視覺性配合。並不是所有的人使用滑鼠都是同樣的迅速和精準的，那麼，動態導航系統會給他們帶來麻煩。通過對新、老使用者的網路使用效用表明，嵌套菜單會給他們麻煩，並且非常不易使用。

The Experts don't do it
專家們也不這樣做

Go and visit your favorite site and then all the big internet names such as Google, Amazon, YouTube, BBC, MSN, Yahoo!, MySpace, eBay, Wikipedia, Craigslist, IMDB, etc, etc. There is a reason that you don't see these sites using dynamic navigation and that's because there are better ways. Any coaching or strategy expert will tell you the secret to success is to model those who are already successful. So if th336e experts don't use dynamic navigation why would you?

去看看那些著名的網站，所有的大型網站如：Google、Amazon、YouTube、BBC、MSN、Yahoo!、MySpace、eBay、Wikipedia、Craigslist、IMDB等等，你會發現，他們也並不使用動態導航系統，因為已經存在更好的方式去代替它了。所有的訓練或戰略專家將告訴你如何利用這些已經成功地案例。因此，如果th336e專家都不使用這些動態導航系統，那麼你還去用它幹什麼呢？

You have plenty of other options
你擁有其他更多的選擇

One advantage of a dynamic JavaScript navigation structure is that everything is contained in a single script file. Changing any aspect of the whole site's navigation can be achieved by modifying this one file. However, this benefit is not unique to JavaScript. An external xml navigation structure or a range of server-side scripting processes can achieve the same effect and all are capable of outputting standard XHTML without any of the drawbacks listed in this article.

動態JavaScript導航系統結構的其中一個優點就是，所有的程式都可以被寫進一個簡單的指令檔中，只要對其進行改動，就可以達到修改所有檔案的目的。然而，並不是只有JavaScript擁有這項優勢。所有的外部XML導航結構和伺服器端指令碼程式實現同樣的效果，並且，在標準XHTML的輸出上並沒有任何限制。

Your site will be broken if JavaScript is turned off!
如果你避免使用JavaScript，那麼你的網站將會有突破性進展！

With increased security awareness and the constant screen invasion by pop-ups many users restrict or even turn off JavaScript settings in their browsers. While this activity is designed to stop the JavaScript based popups, squeeze pages and floating ads, it will render your site inoperable. Statistics show that 10% of the visitors to your site will have JavaScript disabled. As there are plenty of better alternatives to a dynamic JavaScript navigation structure why even risk alienating 10% of your site visitors?

考慮到日益關注的安全性問題以及彈出式視窗的入侵，很多瀏覽器已經預設關閉運行JavaScript屬性了。它旨在阻止JavaScript彈出式頁面，頁面擠壓和浮動廣告，因為這些會使你的網站變得混亂。統計表明，10%的訪問者關閉了JavaScript功能。其實，這裡仍然存在很多JavaScript導航結構的替代元素，那麼為什麼還要去冒那個“10%”的風險呢？