建站常識(shí)
網(wǎng)站建設(shè)的種種誤區(qū)
2006-02-21 13:53:00
不進(jìn)行用戶測(cè)試
當(dāng)開(kāi)發(fā)出一個(gè)產(chǎn)品后,您必須進(jìn)行良好的性能測(cè)試。包括界面測(cè)試及功能測(cè)試。性能測(cè)試直接關(guān)系到產(chǎn)品的質(zhì)量及推出后的受歡迎程度。
導(dǎo)航混亂
混亂的導(dǎo)航設(shè)計(jì),常常使瀏覽者感到困惑、迷失。因此事先必須對(duì)網(wǎng)站的整體架構(gòu)有一個(gè)良好的規(guī)劃。比如:在每個(gè)頁(yè)面的頂部放上風(fēng)格統(tǒng)一的導(dǎo)航條,底部一般放置公司信息及版權(quán)性文字。對(duì)于內(nèi)容復(fù)雜的站點(diǎn),可以提供一個(gè)站點(diǎn)地圖,來(lái)明確地告訴瀏覽者,網(wǎng)站上信息的分類及用途。當(dāng)然,您還必須在網(wǎng)站上提供一個(gè)關(guān)鍵字搜索引擎,這可以使用戶以最少的時(shí)間找到他所感興趣的信息。
滾動(dòng)的文本、循環(huán)播放的GIF及FLASH的濫用
不要在網(wǎng)頁(yè)上放置滾動(dòng)播放的元素。它會(huì)使瀏覽者把注意放到圖片上而靜不下心來(lái)閱讀文本。FLASH技術(shù)豐富了我們的網(wǎng)頁(yè),適當(dāng)?shù)膽?yīng)用它,可以帶動(dòng)起瀏覽者的情緒,提高網(wǎng)站的訪問(wèn)量及受歡迎程度。NIKE、Macromedia的網(wǎng)站就是非常好的例子。而現(xiàn)在,我們常??梢钥吹紽LASH技術(shù)被濫用,當(dāng)你看完那段與主題毫不相干的動(dòng)畫(huà)后,不知道你會(huì)怎么想?你還會(huì)為那段動(dòng)畫(huà)而喝采嗎?也許你只會(huì)抱怨,浪費(fèi)了我這么多時(shí)間。這實(shí)在是網(wǎng)頁(yè)設(shè)計(jì)師的悲哀。
網(wǎng)頁(yè)藝術(shù)形式花哨,為了設(shè)計(jì)而設(shè)計(jì), JAVA及javascript的濫用
網(wǎng)頁(yè)上放滿了對(duì)內(nèi)容沒(méi)有任何輔助作用的圖片。有些網(wǎng)站上會(huì)放置一些大圖片,甚至BMP格式圖片;或者使用大量的JAVA、javascript、DHTML。 造成了網(wǎng)頁(yè)下載速度緩慢。相信沒(méi)有一個(gè)用戶會(huì)有興趣長(zhǎng)時(shí)間等待。用戶不關(guān)心為什么下載時(shí)間這么長(zhǎng),速度這么慢,他們只會(huì)認(rèn)為:這個(gè)網(wǎng)站不好,要花費(fèi)我很多時(shí)間,而且長(zhǎng)長(zhǎng)出錯(cuò),這個(gè)網(wǎng)站的服務(wù)很不好,不為用戶著想。這樣,用戶對(duì)網(wǎng)站的信任度大大降低,相信以后很少會(huì)訪問(wèn)你的站點(diǎn)。
速度緩慢
一般而言,如果網(wǎng)頁(yè)的下載時(shí)間超過(guò)15秒,瀏覽者將會(huì)自動(dòng)放棄。
使用幀
在網(wǎng)頁(yè)中使用幀破壞了基本的網(wǎng)頁(yè)用戶模式。產(chǎn)生了一系列的問(wèn)題,用戶不能收藏當(dāng)前的頁(yè)面、不能打印網(wǎng)頁(yè)。
網(wǎng)頁(yè)在不同平臺(tái)及瀏覽器上的兼容性
好的網(wǎng)站,應(yīng)該時(shí)時(shí)考慮到用戶的感受。必須兼顧好網(wǎng)站在不同操作平臺(tái)及瀏覽器上的兼容性。雖然,IE的用戶占了絕大多數(shù),但我們不能就此排除Netscape的用戶,事實(shí)上國(guó)外及國(guó)內(nèi)的大公司中很多專業(yè)人士仍在使用著Nestcape。否則,會(huì)給他們留下網(wǎng)站不夠?qū)I(yè)的印象。
不注重團(tuán)隊(duì)合作
團(tuán)隊(duì)合作的好壞直接影響到整個(gè)項(xiàng)目開(kāi)發(fā)的效率。在實(shí)際工作中,這也是一個(gè)易被忽視的環(huán)節(jié)??梢哉f(shuō),在一個(gè)大項(xiàng)目的開(kāi)發(fā)中,市場(chǎng)調(diào)研人員、編輯、界面設(shè)計(jì)人員、編程人員,能否進(jìn)行良好的交流、溝通,決定了該項(xiàng)目開(kāi)發(fā)的成敗。很難想象在一個(gè)溝通都成問(wèn)題的隊(duì)伍中能夠有好的產(chǎn)品被開(kāi)發(fā)出來(lái)。
使用邊緣技術(shù)
不要試圖使用新技術(shù)來(lái)吸引用戶。新技術(shù)可能吸引一小部分的技術(shù)工作者,但主流用戶更加關(guān)心你的網(wǎng)站的內(nèi)容是否具有價(jià)值、是否能夠?yàn)樗麄兲峁┯行У姆?wù)。使用新技術(shù)常常會(huì)使你的用戶抱怨:當(dāng)他們?cè)谠L問(wèn)你的站點(diǎn)時(shí),系統(tǒng)突然崩潰,他們以后就再也不會(huì)訪問(wèn)你的站點(diǎn)。如果你的網(wǎng)站在某方面產(chǎn)生了一定的影響力和認(rèn)可的話,那么你可以適當(dāng)?shù)倪\(yùn)用一些新的技術(shù)。桌面出版早期時(shí),人們常常會(huì)在一篇文章中用上二十多種字體,我們應(yīng)該避免在網(wǎng)站建設(shè)上犯類似的錯(cuò)誤。
頁(yè)面過(guò)長(zhǎng)
過(guò)長(zhǎng)的頁(yè)面需要更多的下載時(shí)間并且不利于用戶捕捉有用的信息,過(guò)于長(zhǎng)的頁(yè)面需要用戶移動(dòng)滾動(dòng)條,使用戶感到疲勞、不耐煩、厭倦。你可以去看一下中國(guó)婦女報(bào)的網(wǎng)站,就可以知道這種經(jīng)歷有多痛苦。
不標(biāo)準(zhǔn)的鏈接顏色
如果你把“被訪問(wèn)過(guò)的鏈接”設(shè)置為“藍(lán)色”(默認(rèn)為暗紅色)、“未被訪問(wèn)過(guò)的鏈接”設(shè)置為“暗紅色”(默認(rèn)為藍(lán)色),這就會(huì)使瀏覽者感到迷惑。
關(guān)閉右鍵功能
對(duì)于連右鍵都要關(guān)閉的網(wǎng)站,純屬于小家之氣,他們?cè)谠O(shè)計(jì)時(shí),考慮只是自己的利益,而根本不考慮給用戶帶來(lái)的感受。
不標(biāo)準(zhǔn)的用戶界面圖形
網(wǎng)站建設(shè)中必須堅(jiān)持一致性原則,它可以增加易用性。比如:我們用一個(gè)“向左的箭頭”表示“返回到前一頁(yè)(pre)”,“向右的箭頭”表示“進(jìn)入下一頁(yè)(next)”,那么我們就應(yīng)該保證網(wǎng)站中的所有“向左的箭頭”表示“pre”,“向右的箭頭”表示“next”。那么,用戶就會(huì)根據(jù)前面瀏覽網(wǎng)頁(yè)時(shí)積累的經(jīng)驗(yàn)來(lái)進(jìn)行判斷“pre”,“next”,一旦有一個(gè)頁(yè)面上對(duì)兩種標(biāo)志的使用產(chǎn)生混淆,那么這種圖形代表的意義便失效,用戶會(huì)對(duì)“箭頭”代表的意義表示懷疑,不信任,同時(shí)也浪費(fèi)了用戶的時(shí)間。
目前,網(wǎng)上有部分元素(如:單選框和復(fù)選框)的設(shè)計(jì)違反了基本的用戶圖形界面設(shè)計(jì)標(biāo)準(zhǔn)。比如:在windows/macintosh/java用戶界面標(biāo)準(zhǔn)中,“單選框”遵循如下原則,當(dāng)你在一組選項(xiàng)中選取一個(gè)項(xiàng)目后,您必須按下“確定”按鈕,才會(huì)使設(shè)置生效。而我們?cè)诰W(wǎng)頁(yè)上常常會(huì)看到很多的網(wǎng)頁(yè)設(shè)計(jì)者直接在“單選框”上添加事件,也就是說(shuō),一旦你選擇了“單選框”,馬上就會(huì)跳出相應(yīng)的結(jié)果。這種背離了標(biāo)準(zhǔn)用戶界面設(shè)計(jì)的WEB設(shè)計(jì),使網(wǎng)頁(yè)的可使用性大大降低。
避免使用類似于廣告的設(shè)計(jì)
用戶瀏覽網(wǎng)頁(yè)具有選擇性,他們已經(jīng)學(xué)會(huì)了忽視網(wǎng)頁(yè)中類似于廣告的東西。 相信沒(méi)有幾個(gè)人會(huì)喜歡網(wǎng)易上的彈出窗口吧。大部分用戶對(duì)此的第一反應(yīng):這東西真討厭,我要關(guān)閉它,否則太浪費(fèi)時(shí)間了。因此,在我們的設(shè)計(jì)中,避免使用類似于廣告的東西,顯得頗為重要。
到達(dá)最終頁(yè)面要經(jīng)過(guò)數(shù)次點(diǎn)擊。
雖然增加了page view,但這無(wú)疑增加了用戶使用的復(fù)雜度。好的設(shè)計(jì)應(yīng)該遵循“三次點(diǎn)擊原則”,即網(wǎng)站中,由任一頁(yè)面到達(dá)最終目的頁(yè)面的點(diǎn)擊次數(shù)不超過(guò)三次。
擅自為用戶打開(kāi)過(guò)多的新窗口或者禁止某些標(biāo)準(zhǔn)元素的使用
打開(kāi)新窗口的目的是為了使用戶不要離開(kāi)自己的網(wǎng)站,但這顯然是一種不明智的做法。
你應(yīng)該清楚的意識(shí)到這樣一個(gè)事實(shí):用戶通常是打開(kāi)幾個(gè)瀏覽器,說(shuō)不定還下載軟件,聽(tīng)著CD,交錯(cuò)瀏覽幾個(gè)網(wǎng)站,當(dāng)你擅自為他打開(kāi)過(guò)多新窗口時(shí),很容易使他的機(jī)器崩潰,并且污染了他們桌面,這是極不道德的。
有些設(shè)計(jì)者喜歡把網(wǎng)頁(yè)設(shè)計(jì)成為全屏的,事實(shí)上,這在某種程度上會(huì)使用戶受到驚嚇。用戶會(huì)抱怨:“怎么回事?菜單條呢?工具條呢?我怎樣才能把這個(gè)東西關(guān)掉呀?”有的用戶會(huì)使用alt+4把他關(guān)掉,而對(duì)于大部分的用戶恐怕只會(huì)是ctrl+alt+del。顯然,這并不是受歡迎的設(shè)計(jì)
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [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)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(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è)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2010-12-15 08:37:00] 說(shuō)說(shuō)web標(biāo)簽設(shè)計(jì)
- [2009-11-16 08:24:00] 《Web信息架構(gòu)》-導(dǎo)航系統(tǒng)
- [2005-12-29 21:10:00] 網(wǎng)站中的個(gè)性及風(fēng)格設(shè)計(jì)
- [2007-10-30 12:15:00] 網(wǎng)幅廣告點(diǎn)評(píng)之康師傅綠茶綠動(dòng)社區(qū)
- [2010-09-25 14:43:00] 關(guān)于網(wǎng)頁(yè)問(wèn)卷入口的小結(jié)
- [2007-04-28 11:45:00] Tab式位置導(dǎo)航變體
- [2012-09-19 09:29:25] 被iPhone 5拒之門(mén)外的中國(guó)公司
- [2006-11-02 14:11:00] 優(yōu)化網(wǎng)站設(shè)計(jì)的五種方法
- [2020-10-30 09:11:58] 青島網(wǎng)站建設(shè)前期有什么必需的工作?
- [2006-01-06 21:50:00] 網(wǎng)頁(yè)設(shè)計(jì)應(yīng)防止的10個(gè)錯(cuò)誤
- [2011-10-29 22:44:55] 百度出乎意料的域名策略:走向拼音域名?
- [2014-09-12 22:49:52] 85個(gè)國(guó)外扁平化網(wǎng)站設(shè)計(jì)之靈感來(lái)源于此
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島網(wǎng)站營(yíng)銷 網(wǎng)站開(kāi)發(fā) 程序開(kāi)發(fā) 膠南網(wǎng)站建設(shè)公司 交互設(shè)計(jì) H5 青島網(wǎng)站SEO 搜索引擎 外貿(mào)網(wǎng)站設(shè)計(jì) 舒適的界面 響應(yīng)式設(shè)計(jì) GOOGLE 微信開(kāi)發(fā) 集團(tuán)官網(wǎng) 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 平面設(shè)計(jì) 企業(yè)建站 html和css 營(yíng)銷型網(wǎng)站建設(shè) 互聯(lián)網(wǎng) 版面布局 青島網(wǎng)站建設(shè) 微官網(wǎng) 網(wǎng)站動(dòng)畫(huà) IT資訊 建站常識(shí) 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) 輪胎網(wǎng)站設(shè)計(jì) 企業(yè)網(wǎng)站設(shè)計(jì) HTML5