DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網站設計中的導航理論與實踐
網站設計中的導航理論與實踐
編輯:關於網頁技巧     

  導航是科學,是藝術。它讓人們從一個地方到另外一個地方。我們從家裡到超市購物時,我們是在真實世界裡航行。而WEB則是一個虛擬世界裡。在實際生活當中人們從A點到B點,以最短的時間和距離到達目的地,這就是導航的焦點,導航就是幫助人們找到他們的路。在航行時人們經常問下面的問題:

  1. 我在哪?

  2. 我怎樣才能到達我要去的地方?

  3. 如迷路的人經常問自己:我以前到過這裡嗎?或我能返回我以前某地嗎?

  4. 還有多久時間到達那裡?

  等等所有的問題都是正常的,遺憾的是在WEB中很難有准確的回答。

  我在哪?

  由於一些設計師的疏忽,往往會將“所在位置”忘記,而使用戶要知道他們自己在站點中的位置是很困難的。而URL將會給你一個精確的位置,但URL不能被大多數用戶所理解,然而,也不要期望URL總能幫助人們解決我在哪的問題,目前絕大多數的網站都是通過動態產生的URL,如:http://www.52design.com/cwd/index.asp?page=2&sample_class= 等…這不能保證用戶能通過上面的URL直接知道准確的位置。因為URL顯示的是位置除非你要盡力的去避免用戶知道URL,或者避免深層次的鏈接/松散的網站架構那樣,否則不要隱藏。畢竟URL能給用戶一個確切的定位。

  一個高級的網頁標簽形式加入了關於位置的許多信息,這就是我們常說的所在位置,這種類型我們也可以稱深度測量,因為它直接顯示了用戶在站點中的位置,如下所示:

  首頁 > 作品展示 > 網站設計 > 作品1

  注:在這種情況下,在所在位置裡前面三個都可以鏈接,而在第四個時字體是加粗的,表明了我們現在所處的位置。這種方式能夠很直接明了的提示用戶我在哪?而它一般都放在主導航條的下方。

  我怎樣才能到達我要去的地方?

  除了網址的確切定位外,用戶還可以通過網頁的標簽用戶的目的地。最明顯的就是網站的主導航條了,所以我們在做導航條的時候,必須要考慮以下幾個特點,1.突出/明顯2.有吸引力3.擴展性也必須考慮在內,這一點是關系用和我能去哪的重要因數。當然,用戶還可以通過網頁中其它的小標簽到達。

  我以前到過這裡嗎?或我能返回我以前某地嗎?

  在網上查看信息的時候總會出現一個這樣的問題,我們經常會看到重復看的信息!才發現我以前來過這裡,如何有效的避免這種情況?我們可以采用顏色來區分,未被點擊的是一種顏色,點擊過後的又是另外一種顏色,用站點樣式來實現。現在大多數網站都采用這種形式,我在這裡就不多說了!

  如果有完整的“所在位置”返回以前某地的問題都已經大致解決了,但一般還有幾項可別忘了喲!

  1. 標志/LOGO

  通常我們在網頁的制作當中,會把LOGO做上鏈接鏈接到首頁方便用戶在迷失方向的時候及時的返回。如我們出外旅游時迷路了,我們可以直接回到旅館重新開始。

  2. 返回

  在我們閱讀信息或者查看產品的時候常會看到一些莫名其妙的“返回”按鈕,我都不知道它要把我返回到哪裡去?如果是這樣還不如不要這個按鈕,讓人覺得很繁瑣,所以我建議有必要的多打上幾個字,清晰提示用戶返回到哪裡,如:返回產品大廳等…

  一些其它細節因數在此不一一指出了!

  還有多久時間到達那裡?

  關於這方面的因數以下4點都可以直接影響到網頁的下載速度:

  1. 網速

  2. 程序

  3. 服務器

  4. 頁面的表結構

  5. 圖片大小

  6. 外在其它因數

  當然在前面的3點設計師無法直接有效的控制,但後第4、5點完全是設計師的控制范圍之內,關於這兩點我在《行業網站設計心得》一文裡面已經提到,在表格方面設計師們要盡量避免使用大型表格、減少表格的深度、表格復雜化,可以直接提高網頁的浏覽速度。而在圖片方面我就更不用多說了!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved