建站常識
網(wǎng)站設(shè)計中的導(dǎo)航理論與實(shí)踐
2006-03-31 21:11:00
導(dǎo)航是科學(xué),是藝術(shù)。它讓人們從一個地方到另外一個地方。我們從家里到超市購物時,我們是在真實(shí)世界里航行。而WEB則是一個虛擬世界里。在實(shí)際生活當(dāng)中人們從A點(diǎn)到B點(diǎn),以最短的時間和距離到達(dá)目的地,這就是導(dǎo)航的焦點(diǎn),導(dǎo)航就是幫助人們找到他們的路。在航行時人們經(jīng)常問下面的問題:
1. 我在哪?
2. 我怎樣才能到達(dá)我要去的地方?
3. 如迷路的人經(jīng)常問自己:我以前到過這里嗎?或我能返回我以前某地嗎?
4. 還有多久時間到達(dá)那里?
等等所有的問題都是正常的,遺憾的是在WEB中很難有準(zhǔn)確的回答。
我在哪?
由于一些設(shè)計師的疏忽,往往會將“所在位置”忘記,而使用戶要知道他們自己在站點(diǎn)中的位置是很困難的。而URL將會給你一個精確的位置,但URL不能被大多數(shù)用戶所理解,然而,也不要期望URL總能幫助人們解決我在哪的問題,目前絕大多數(shù)的網(wǎng)站都是通過動態(tài)產(chǎn)生的URL,等…這不能保證用戶能通過上面的URL直接知道準(zhǔn)確的位置。因?yàn)閁RL顯示的是位置除非你要盡力的去避免用戶知道URL,或者避免深層次的鏈接/松散的網(wǎng)站架構(gòu)那樣,否則不要隱藏。畢竟URL能給用戶一個確切的定位。
一個高級的網(wǎng)頁標(biāo)簽形式加入了關(guān)于位置的許多信息,這就是我們常說的所在位置,這種類型我們也可以稱深度測量,因?yàn)樗苯语@示了用戶在站點(diǎn)中的位置,如下所示:
首頁 > 作品展示 > 網(wǎng)站設(shè)計 > 作品1
注:在這種情況下,在所在位置里前面三個都可以鏈接,而在第四個時字體是加粗的,表明了我們現(xiàn)在所處的位置。這種方式能夠很直接明了的提示用戶我在哪?而它一般都放在主導(dǎo)航條的下方。
我怎樣才能到達(dá)我要去的地方?
除了網(wǎng)址的確切定位外,用戶還可以通過網(wǎng)頁的標(biāo)簽用戶的目的地。最明顯的就是網(wǎng)站的主導(dǎo)航條了,所以我們在做導(dǎo)航條的時候,必須要考慮以下幾個特點(diǎn),1.突出/明顯2.有吸引力3.擴(kuò)展性也必須考慮在內(nèi),這一點(diǎn)是關(guān)系用和我能去哪的重要因數(shù)。當(dāng)然,用戶還可以通過網(wǎng)頁中其它的小標(biāo)簽到達(dá)。
我以前到過這里嗎?或我能返回我以前某地嗎?
在網(wǎng)上查看信息的時候總會出現(xiàn)一個這樣的問題,我們經(jīng)常會看到重復(fù)看的信息!才發(fā)現(xiàn)我以前來過這里,如何有效的避免這種情況?我們可以采用顏色來區(qū)分,未被點(diǎn)擊的是一種顏色,點(diǎn)擊過后的又是另外一種顏色,用站點(diǎn)樣式來實(shí)現(xiàn)?,F(xiàn)在大多數(shù)網(wǎng)站都采用這種形式,我在這里就不多說了!
如果有完整的“所在位置”返回以前某地的問題都已經(jīng)大致解決了,但一般還有幾項(xiàng)可別忘了喲!
1. 標(biāo)志/LOGO
通常我們在網(wǎng)頁的制作當(dāng)中,會把LOGO做上鏈接鏈接到首頁方便用戶在迷失方向的時候及時的返回。如我們出外旅游時迷路了,我們可以直接回到旅館重新開始。
2. 返回
在我們閱讀信息或者查看產(chǎn)品的時候常會看到一些莫名其妙的“返回”按鈕,我都不知道它要把我返回到哪里去?如果是這樣還不如不要這個按鈕,讓人覺得很繁瑣,所以我建議有必要的多打上幾個字,清晰提示用戶返回到哪里,如:返回產(chǎn)品大廳等…
一些其它細(xì)節(jié)因數(shù)在此不一一指出了!
還有多久時間到達(dá)那里?
關(guān)于這方面的因數(shù)以下4點(diǎn)都可以直接影響到網(wǎng)頁的下載速度:
1. 網(wǎng)速
2. 程序
3. 服務(wù)器
4. 頁面的表結(jié)構(gòu)
5. 圖片大小
6. 外在其它因數(shù)
當(dāng)然在前面的3點(diǎn)設(shè)計師無法直接有效的控制,但后第4、5點(diǎn)完全是設(shè)計師的控制范圍之內(nèi),關(guān)于這兩點(diǎn)我在《行業(yè)網(wǎng)站設(shè)計心得》一文里面已經(jīng)提到,在表格方面設(shè)計師們要盡量避免使用大型表格、減少表格的深度、表格復(fù)雜化,可以直接提高網(wǎng)頁的瀏覽速度。而在圖片方面我就更不用多說了!
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2007-06-11 09:42:00] 談網(wǎng)站設(shè)計的10個要點(diǎn)
- [2006-02-27 16:10:00] 網(wǎng)頁導(dǎo)航設(shè)計九大注意事項(xiàng)
- [2005-12-28 13:29:00] 網(wǎng)站導(dǎo)航理論與實(shí)踐
- [2007-12-21 11:09:00] 導(dǎo)航的流行趨勢
- [2010-03-31 12:06:00] 設(shè)計中的色彩:黃色
- [2006-08-30 13:36:00] 商業(yè)網(wǎng)站設(shè)計主要原則
- [2010-07-20 08:16:00] 頂部導(dǎo)航條
- [2014-11-04 10:28:46] 罕見設(shè)計創(chuàng)意的WEB網(wǎng)站導(dǎo)航方式
- [2020-11-27 13:54:50] 網(wǎng)站建設(shè)時,設(shè)計首頁時務(wù)必要重視的幾點(diǎn)
- [2014-06-14 19:55:34] 中小網(wǎng)站設(shè)計公司的的轉(zhuǎn)型之路分析
- [2007-11-05 11:32:00] 活動網(wǎng)站設(shè)計點(diǎn)評之LG顯示器
- [2009-06-11 17:15:00] 網(wǎng)頁設(shè)計中的3D元素
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運(yùn)動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島做網(wǎng)站多少錢 營銷型網(wǎng)站建設(shè) 空白和簡潔的設(shè)計 版面布局 網(wǎng)頁設(shè)計 企業(yè)網(wǎng)站為什么要備案 力圖 微信開發(fā) 青島網(wǎng)站建設(shè)基礎(chǔ)知識 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 搜索引擎 青島網(wǎng)站案例 HTML5 圖形網(wǎng)格 營銷策略 SEO優(yōu)化 H5 青島網(wǎng)頁制作 外貿(mào)網(wǎng)站建設(shè) 青島黃島、紅島網(wǎng)站建設(shè)公司 網(wǎng)站策劃 扁平化設(shè)計 集團(tuán)公司網(wǎng)站建設(shè) 視覺靈感 html和css 青島高端網(wǎng)站建設(shè) 企業(yè)建站 網(wǎng)站視覺 H5專題頁面 青島網(wǎng)站優(yōu)化