您不能不注意的網站設計細節

Uploaded on 2012.06.28

在一般人看起來同樣漂漂亮亮的網站,其設計的細節及用心程度卻可能大大不同,
舉個例子來說,你是否曾接過電話,使用者跟您抱怨網站的資料無法下載,而您卻可以下載,
然後在雞同鴨講下,造成使用者不愉快的經驗,甚至讓您被誤會?

其實真的有可能你們兩個說的都是對的,因為下載檔案如果您的檔名是使用中文的,
就可能會造成因為瀏覽器版本的不同而有些人可以下載,有些人無法下載,
或是您有下拉式的網頁選單而別人用不同的瀏覽器流覽時卻無法下拉?而這就是細節所在。

在初期沒去注意這些細節,可能導致你後期需要追加費用來解決這些問題,
更甚者,可能要廢止整個網站重新設計,例如因為安全問題,導致網站三天兩頭就被入侵。

網站設計與程式設計常見的細節有哪些?

不同瀏覽器的支援

由於各家瀏覽器對於網頁語法的支援程度不同(HTML、CSS…),所以網頁在呈現上也會有所不同,
所以一個好的網站,必須在設計的階段,就要針對常用的瀏覽器來做測試(IE、FireFox、Google Chrome、Safari…)
當然也不是要你全部的瀏覽器都支援,因為這樣的設計是很累人的,也可能造成設計成本的增加,
但是至少前幾大的瀏覽器是要支援的,這樣才會提供使用者一致與良好的操作體驗。

安全性設計

如果你常使用 Google的話,您可能會發現下列的情況,

image

這是因為網站被入侵,而 Google依據它的機制,在搜尋的結果上,加入了被入侵或是可能有木馬的註記,
其實這是對網站服務一個莫大的傷害,因為它會讓使用者不相信您的網站是安全的,
如果是個國際研討會的網站,那可是丟臉丟到國外去了。

所以如何確保網站的安全是一個很重要的課題,基本上需要從兩個方面來關注

  • 伺服器方面:
    伺服器如果安全性不夠,可能會被駭客入侵,進而破壞網站或是殖入木馬程式,而導致使用者受害,
    所以管理是很重要的,從作業系統的安全性更新、防毒軟體、硬體式防火牆、入侵偵測系統等等,都能大幅的提升伺服器的安全,
    這也是為何雲端服務現在會流行的緣故,因為要達成這樣的防護,除了需要專業的人才之外,也不是幾萬塊的設備就可以解決的問題。
    所以基本上,我們是不建議使用者自己架設電腦,因為除了上述的問題外,還有備份也是個重要課題。
  • 軟體設計方面:
    在軟體設計階段加入安全性的考量是必要的,當然目前新的開發工具以及程式語言,已經能避免掉一些基本的問題,
    但是有時候是因為程式設計人員的專業素養不足,或是便宜行事,仍讓漏洞可能發生,
    當然與駭客的競爭,仍是進行式,但好的設計人員,應該在這方面下苦心,來避免可能發生的系統漏洞。

    您或許可以向您委託的廠商提問些基本的問題,例如:
    論文檔案的下載與網站有沒有實體的切割?也就是說,當使用者依照權限下載時,才從硬碟撈出來丟到web,而非存在公開的web上。
    系統能不能防止 SQL Injection 的注入式攻擊?

使用CSS樣式表

CSS樣式表 ( Cascading Style Sheets,簡寫CSS ) 是一種能讓網站內容排版一致性的語法,
您是否曾有過經驗,就是一個網站每一頁的內容、標題的字體大小、間距、字型都不同,造成您在閱讀內容時,有點不舒服的感受,
而CSS就扮演著極重要的角色,它可以控制所有網頁的呈現方式,而不需要逐頁去修改,這也會讓後續的維護輕鬆許多,
例如下圖,一樣的文字,是否閱讀起來的感覺欠佳呢?這時候,CSS可以幫助您改善。

image

SEO 搜尋引擎最佳化

網站設計的眉眉角角真的很多,當你使用Google搜尋的時候,你會去翻幾十頁之後的網頁嗎?如果第一頁已經有您要的資料,那我想答案就是否定的,
想辦法讓您的網站,在被Google時,能夠呈現在前幾頁,這就是SEO的重要性。

而SEO說難很難,說不難其實也不算太難,當然撇除了直接向搜尋引擎買廣告這種灑錢的方式跟錙銖必較的極端做法之外,
就是幾個要點:

  • 符合搜尋引擎的正確網頁設計(網頁的 keywords、title…)
  • 優質的文章內容
  • 寫作方式 (例如文章提到總經理,應該要連名帶姓的寫 李大仁總經理,提到產品就是連產品名稱都要寫,不要只寫我們的產品,提高關鍵字的曝光率)
  • 被其他網站連結的多寡
  • 時間的累積 (排名需要時間)

 

現在,當您再次評估一個網站系統設計案的時候,是否觀點已經有了些微的改變?
光看報價,是不能完整評估一個專案的實際價值的 : )