網站設計調查報告的分析

才智咖 人氣:7.29K

隨著網路的日益普及,網路正以一種前所未有的衝擊力影響著人們的生活,越來越多的人開始藉助網路進行工作、交流、學習等活動。下面小編為你整理了網站設計調查報告的分析 ,希望能幫到你!

網站設計調查報告的分析

Francois Briatte最近關於網站設計的調查報告引出了很多的閒言碎語。這個報告調查了10個著名的設計師設計的網站,並就設計師們如何處理25個公共的設計元素做了比較。同時他還就這些網站在那25個問題上的處理是相同或不相同的比率做了詳細的分析。

我向每位設計師推薦這一有趣的調查報告。如果你沒有時間的話,我將把我認為最重要的觀點概括出來,並加上我自己的一些結論和解釋(有些可能和Briatte的觀點不同)供你們分享。

網站設計的相似點

1、據調查報告指出,10位網路設計師們在處理某幾個佈局因素時有著顯著的相似性。這是在設計師們設計的網站上出現概率為80%甚至更高的那些公共元素的一份清單。

2、連結或返回連結都用下劃線標註

3、已訪問過的連結與常規連結一般通過改變字型顏色加以區分

4、在連結到主頁或索引頁的頁面頂端都有一個可以點選的標識圖示

5、每個頁面下邊的腳註是一致的

6、正文背景為白色

7、正文字型為sans-serif字型

8、使用恰當的符號(用實體/轉義程式碼中活字印刷排版式的符號和撇號代替一般正文的普通符號)

9、導航方法不多於六個

10、每個頁面包含一個詳細的版權宣告

11、在每個頁面上標註設計者的全名

以下是在網站上出現概率低於80%的元素:

XML前件

補充報道出現在左邊(但是出現在右邊是最普遍的)

按鈕與著名的Steal These按鈕相似

可以用快捷鍵建立鍵盤捷徑

所有這些設計者設計清單中一些公共元素時的處理方法都非常地相似,這並不令人驚奇。使用下劃線的連結,在每個頁面的頂端設定一個可點選的標誌圖,在底端標註一致的腳註,這些都是網站設計中約定成俗的慣例做法了。這些佈局元素在網站訪問者的印象中已經根深蒂固了,設計者們當然深深地懂得滿足訪問者的這些期望對建立一個有用的網站是多麼的重要。

Briatte認為採用白色作為正文的背景主要是從印刷設計那兒繼承來的。在某種意義上,這可能是正確的。但是我並不這麼認為,我覺得設計師們是為了努力迎合訪問者的期待而這麼做的,因為白色背景能讓訪問者閱讀的時候感覺熟悉和舒適。

與印刷標準不同的是,大多數設計師採用sans-serif作為正文字型。正如Briatte指出的那樣,設計師們清楚地懂得:在印刷品中serif字型比較容易辨認,而sans-serif字型則更便於在螢幕上閱讀。

很有趣的是,網站設計師特別注重排字上的細節,比如用波浪線,撇號或破折號等代替普通的引號,其中破折號由連字元組成。

根據經驗做法,這些網站都將導航條限制在六個以內。這不稀奇,因為使用六個導航條使得網站運作得好,於是就演化成了現在的這個規則。

同樣,設計師會在每個頁面上標註一個詳細的版權宣告,這也很合情理。在當今社會,完全有這個法律上的必要。Briatte比較重視這個現象,那就是設計師們在每個頁面上註上自己的全名,而不是用綽號。對我而言,如果一個設計師不在他的作品中籤名那才是令人驚訝的事呢。畢竟,他們中的大多數都是靠網站設計謀生的,這樣做後,每個網頁都是他們的職業廣告。

在這些設計師當中,沒人在他們的網站上使用了XML前件。這和官方的推薦正好相反,但是也承認了XML前件會在主瀏覽器上引發某些問題的事實。這些網站很少將橫檔置於左邊,而放在右邊的則很普遍(佔70%),至於為什麼這樣做,我也不太清楚。Briatte認為將其置於左邊妨礙閱讀。但是我認為在原始碼中將正文置於支撐文字(橫檔的內容)之上這是結構上的一種改進,再結合將橫檔置於左邊的做法,相信這是一種風格趨勢。

很多網站上的按鈕圖形普遍是基於Steal These的,但是被調查的這些網站都沒有采用。這些專業設計師當然不會借用別人的設計,他們自然會創造出自己獨特風格的按鈕。

在設計者們高度一致的設計風格中,真正令人驚奇的是,他們當中只有兩人為鍵盤設計了快捷鍵來導航網頁。很明顯,或者因為可訪問性或者因為可用性的原因,這些設計師都認為不必麻煩地去設鍵盤的快捷鍵。這種情況在以後也可能會改變。

網站設計中的分歧

大多數設計師們用同樣的方式處理網站設計中的一些元素,這不怎麼令人驚奇。但是,調查報告並沒有指出他們在其他一些方面某些有趣的不同之處。

當我發現固定佈局比流動佈局多得多的時候,簡直是目瞪口呆。固定佈局自有他們的存身之處,但是我還是期待這些多面手設計師能在流動佈局上顯示他們的身手。設計師們可能厭煩了在客戶網站的流動佈局上的嚴密的操作。他們更喜歡為個人網站設計相對簡單的固定寬度的佈局。

另一個讓我驚奇的事是僅有70%的設計師採用XHTML,我原來設想是100%的設計師會採用。還有一個令我驚奇的事是60%的網站在他們的導航條上使用基於影象的滾動條而不是採用純CSS滾動。

他們還有一個有趣的分歧是60%的設計師使用嚴格的檔案型別,這意味著他們必須遵循那種規格的更加嚴格的.編碼標準。比較而言,將近一半的人喜歡比較鬆散的檔案型別,比如過渡型的。

這些網站的網頁上有著相同的搜尋框獨立的顯示樣式表,這也是他們之間存在的差異。如果這些強烈推薦的方法有利於網站搜尋更具特徵的話,我就奇怪他們為什麼要做得這麼普通。一半的網站沒有顯示樣式表,這還比較容易解釋,因為他們的設計使得即使在沒有針對印刷品的獨立的樣式表的情況下也能成功地列印。

同中存異

我認為最有趣的事不是檢視調查報告裡的資料,而是去訪問這些實際的網站。好些網站反映了當前的趨勢和佈局風格。事實上,有些網站就負責形成了這種趨勢。儘管這些網站有著顯著的相似性,他們還是有很大差異的。這畢竟不像切面包——得到的是一個複製品的集合。設計師們在約定的習俗和被驗證了的技術的限制框架內,有著足夠的空間來發揮他的創造力和展現其自我表達能力。