網(wǎng)站設(shè)計調(diào)查報告的分析
隨著網(wǎng)絡(luò)的日益普及,網(wǎng)絡(luò)正以一種前所未有的沖擊力影響著人們的生活,越來越多的人開始借助網(wǎng)絡(luò)進行工作、交流、學習等活動。下面小編為你整理了網(wǎng)站設(shè)計調(diào)查報告的分析 ,希望能幫到你!
Francois Briatte最近關(guān)于網(wǎng)站設(shè)計的調(diào)查報告引出了很多的閑言碎語。這個報告調(diào)查了10個著名的設(shè)計師設(shè)計的網(wǎng)站,并就設(shè)計師們?nèi)绾翁幚?5個公共的設(shè)計元素做了比較。同時他還就這些網(wǎng)站在那25個問題上的處理是相同或不相同的比率做了詳細的分析。
我向每位設(shè)計師推薦這一有趣的調(diào)查報告。如果你沒有時間的話,我將把我認為最重要的觀點概括出來,并加上我自己的一些結(jié)論和解釋(有些可能和Briatte的觀點不同)供你們分享。
網(wǎng)站設(shè)計的相似點
1、據(jù)調(diào)查報告指出,10位網(wǎng)絡(luò)設(shè)計師們在處理某幾個布局因素時有著顯著的相似性。這是在設(shè)計師們設(shè)計的網(wǎng)站上出現(xiàn)概率為80%甚至更高的那些公共元素的一份清單。
2、鏈接或返回鏈接都用下劃線標注
3、已訪問過的鏈接與常規(guī)鏈接一般通過改變字體顏色加以區(qū)分
4、在鏈接到主頁或索引頁的頁面頂端都有一個可以點擊的標識圖標
5、每個頁面下邊的腳注是一致的
6、正文背景為白色
7、正文字體為sans-serif字體
8、使用恰當?shù)姆枺ㄓ脤嶓w/轉(zhuǎn)義代碼中活字印刷排版式的符號和撇號代替一般正文的普通符號)
9、導(dǎo)航方法不多于六個
10、每個頁面包含一個詳細的版權(quán)聲明
11、在每個頁面上標注設(shè)計者的全名
以下是在網(wǎng)站上出現(xiàn)概率低于80%的元素:
XML前件
補充報道出現(xiàn)在左邊(但是出現(xiàn)在右邊是最普遍的)
按鈕與著名的Steal These按鈕相似
可以用快捷鍵創(chuàng)建鍵盤快捷方式
所有這些設(shè)計者設(shè)計清單中一些公共元素時的處理方法都非常地相似,這并不令人驚奇。使用下劃線的鏈接,在每個頁面的頂端設(shè)置一個可點擊的標志圖,在底端標注一致的腳注,這些都是網(wǎng)站設(shè)計中約定成俗的慣例做法了。這些布局元素在網(wǎng)站訪問者的印象中已經(jīng)根深蒂固了,設(shè)計者們當然深深地懂得滿足訪問者的這些期望對創(chuàng)建一個有用的網(wǎng)站是多么的重要。
Briatte認為采用白色作為正文的背景主要是從印刷設(shè)計那兒繼承來的。在某種意義上,這可能是正確的。但是我并不這么認為,我覺得設(shè)計師們是為了努力迎合訪問者的期待而這么做的,因為白色背景能讓訪問者閱讀的時候感覺熟悉和舒適。
與印刷標準不同的是,大多數(shù)設(shè)計師采用sans-serif作為正文字體。正如Briatte指出的那樣,設(shè)計師們清楚地懂得:在印刷品中serif字體比較容易辨認,而sans-serif字體則更便于在屏幕上閱讀。
很有趣的是,網(wǎng)站設(shè)計師特別注重排字上的細節(jié),比如用波浪線,撇號或破折號等代替普通的引號,其中破折號由連字符組成。
根據(jù)經(jīng)驗做法,這些網(wǎng)站都將導(dǎo)航條限制在六個以內(nèi)。這不稀奇,因為使用六個導(dǎo)航條使得網(wǎng)站運作得好,于是就演化成了現(xiàn)在的這個規(guī)則。
同樣,設(shè)計師會在每個頁面上標注一個詳細的版權(quán)聲明,這也很合情理。在當今社會,完全有這個法律上的必要。Briatte比較重視這個現(xiàn)象,那就是設(shè)計師們在每個頁面上注上自己的全名,而不是用綽號。對我而言,如果一個設(shè)計師不在他的作品中簽名那才是令人驚訝的事呢。畢竟,他們中的大多數(shù)都是靠網(wǎng)站設(shè)計謀生的,這樣做后,每個網(wǎng)頁都是他們的職業(yè)廣告。
在這些設(shè)計師當中,沒人在他們的網(wǎng)站上使用了XML前件。這和官方的推薦正好相反,但是也承認了XML前件會在主瀏覽器上引發(fā)某些問題的事實。這些網(wǎng)站很少將橫檔置于左邊,而放在右邊的則很普遍(占70%),至于為什么這樣做,我也不太清楚。Briatte認為將其置于左邊妨礙閱讀。但是我認為在源代碼中將正文置于支撐文本(橫檔的內(nèi)容)之上這是結(jié)構(gòu)上的一種改進,再結(jié)合將橫檔置于左邊的做法,相信這是一種風格趨勢。
很多網(wǎng)站上的按鈕圖形普遍是基于Steal These的,但是被調(diào)查的這些網(wǎng)站都沒有采用。這些專業(yè)設(shè)計師當然不會借用別人的設(shè)計,他們自然會創(chuàng)造出自己獨特風格的按鈕。
在設(shè)計者們高度一致的設(shè)計風格中,真正令人驚奇的是,他們當中只有兩人為鍵盤設(shè)計了快捷鍵來導(dǎo)航網(wǎng)頁。很明顯,或者因為可訪問性或者因為可用性的原因,這些設(shè)計師都認為不必麻煩地去設(shè)鍵盤的快捷鍵。這種情況在以后也可能會改變。
網(wǎng)站設(shè)計中的分歧
大多數(shù)設(shè)計師們用同樣的方式處理網(wǎng)站設(shè)計中的一些元素,這不怎么令人驚奇。但是,調(diào)查報告并沒有指出他們在其他一些方面某些有趣的不同之處。
當我發(fā)現(xiàn)固定布局比流動布局多得多的時候,簡直是目瞪口呆。固定布局自有他們的存身之處,但是我還是期待這些多面手設(shè)計師能在流動布局上顯示他們的身手。設(shè)計師們可能厭煩了在客戶網(wǎng)站的流動布局上的嚴密的操作。他們更喜歡為個人網(wǎng)站設(shè)計相對簡單的固定寬度的布局。
另一個讓我驚奇的事是僅有70%的設(shè)計師采用XHTML,我原來設(shè)想是100%的設(shè)計師會采用。還有一個令我驚奇的事是60%的網(wǎng)站在他們的導(dǎo)航條上使用基于圖像的滾動條而不是采用純CSS滾動。
他們還有一個有趣的分歧是60%的設(shè)計師使用嚴格的文件類型,這意味著他們必須遵循那種規(guī)格的更加嚴格的.編碼標準。比較而言,將近一半的人喜歡比較松散的文件類型,比如過渡型的。
這些網(wǎng)站的網(wǎng)頁上有著相同的搜索框獨立的顯示樣式表,這也是他們之間存在的差異。如果這些強烈推薦的方法有利于網(wǎng)站搜索更具特征的話,我就奇怪他們?yōu)槭裁匆龅眠@么普通。一半的網(wǎng)站沒有顯示樣式表,這還比較容易解釋,因為他們的設(shè)計使得即使在沒有針對印刷品的獨立的樣式表的情況下也能成功地打印。
同中存異
我認為最有趣的事不是查看調(diào)查報告里的數(shù)據(jù),而是去訪問這些實際的網(wǎng)站。好些網(wǎng)站反映了當前的趨勢和布局風格。事實上,有些網(wǎng)站就負責形成了這種趨勢。盡管這些網(wǎng)站有著顯著的相似性,他們還是有很大差異的。這畢竟不像切面包——得到的是一個復(fù)制品的集合。設(shè)計師們在約定的習俗和被驗證了的技術(shù)的限制框架內(nèi),有著足夠的空間來發(fā)揮他的創(chuàng)造力和展現(xiàn)其自我表達能力。
【網(wǎng)站設(shè)計調(diào)查報告的分析】相關(guān)文章:
網(wǎng)站設(shè)計維護中軟件的重要性分析08-01
電子商務(wù)網(wǎng)站設(shè)計分析論文08-23
網(wǎng)站優(yōu)化技巧:網(wǎng)站設(shè)計的關(guān)鍵10-23
網(wǎng)站設(shè)計的標準08-08
網(wǎng)站推廣途徑分析08-17
網(wǎng)站推廣技巧分析08-15
大數(shù)據(jù)在旅游網(wǎng)站設(shè)計中的應(yīng)用分析論文07-07
網(wǎng)站美工的設(shè)計基礎(chǔ)09-12
淺談網(wǎng)站設(shè)計的內(nèi)容08-08
網(wǎng)站設(shè)計的開題報告11-01