什麼是最佳網站設計策略?網站設計專家提供正確指南

ITPAC
2017-12-25



成功的網站設計策略能贏過競爭對手,更能為公司帶來龐大的獲利。網拓會補助全國企業網站設計,中華民國網路拓展貿易協會專案補助網站設計,已超過數仟家以上的網站上線,提供網站設計最佳曝光方案!


在架站前請先了解,需要架設的是哪種網站?因為每一種網站設計都具有不同的功能與架站規劃,更不用說不同類型的費用也都不同,以下就依據網站的類別與製作方法來區分:


依企業的需求區分:

1. 形象網站:

為大多數企業的網站設計需求,適用於任何產業、企業、店家,形象網站的網站設計通常目的是為了凸顯公司形象,所以不需要太過複雜,一般網站功能簡單呈現,如:公司簡介、最新消息、產品服務、詢價及聯絡表單。


2. 購物網站

適用於買賣零售的業者和企業,主要網站設計傾向產品的展示、上架、最新優惠、購物車、會員系統等等,目的讓客戶能夠在網站上直接選購商品,因此流暢的結帳設計成了最大重點。


3. 活動網站:

通常因為企業、商家針對某一活動而特別架設的,網站設計大都是一頁式呈現,,因為不需要長期使用的(週期大約在一週到一年左右),所以網站設計上不會放置太多功能,只要能夠清楚的表達活動目的與能夠吸引人的目光就好


依據網站設計的製作區分:

1. 傳統HTML+Table的網站設計排版

較舊的瀏覽器對於表格的支援性都能純熟的適應,所以一般傳統網站設計都會以傳統的HTML語言搭配表格式的Table排版來設計, 因此畫面破圖跟破版的出錯率會比較低 ,但較不符合現今搜尋引擎的喜好。


2. 優化型CSS+DIV網站設計排版

如果網站設計本身結構寫的越好,對於網站排名是有幫助的。

這種針對搜尋引擎最佳化的友善網站設計方式 , 是利用CSS+DIV讓網站原始碼簡單乾淨流暢,讓搜尋引擎爬蟲在檢索網站時能夠更為有效率,而這樣的設置對於網站效能的處理也會比較好!


3.Flash動態網站設計排版

使用Flash製作網頁 , 可以有極高互動與特效的呈現 , 因為Flash有成熟的ActionScript語言 , 可以即刻與網站使用者進行互動 , 因此這類型通常較活動網站所青睞 , 也有一些品牌風格較強的人會喜歡這類的網站設計



4. JS動態網站設計
因為考量到iOS和Android用戶手上的裝置都不支援Flash產生的swf檔案格式,但網站又很需要互動或是動態效果,因此JavaScript長久以來的互動程式基礎 , 重新被重視 , 利用jQuary的互動效果 , 取代了Flash的動畫技術 , 讓手機與平板都能夠順利看到網站設計的動態效果 , 成為了目前智慧型手機平板最好的解決方式。




5. HTML5+CSS3網站設計

網站設計裡有許多動態效果都不用依賴JS也可以達成 , 因為有新的語法的出現,網站設計也開始有了不同的設計方向與變革;HTML5+CSS3能夠支援更多的動畫效果以及更多的互動語法 , 讓手機也能擁有高互動高效能的網站設計 , 因此網頁技術使用HTML5+CSS3可以擁有比傳統作法多出不同的變化,可以說,此類設計是專門為了讓行動裝置能夠有更好的效能運作而誕生的網站設計製作方法 。


6. RWD Responsive Web Design 響應式網站設計

配合目前手機、平板、電腦的多螢幕尺寸問題,網站也開始朝向跨平台自動響應 , 有的網站設計師會以Html5搭配CSS3 , 利用其互動的手法 , 在搭配JS的應用 , 讓網站設計可以配合使用者的螢幕 , 自動顯示其最佳的呈現畫面 , 等同一個網站同時具有電腦版、平板電腦、手機版的呈現畫面;此種方式的網站設計,會以較簡單風格的方式呈現設計,而RWD的網站設計,也是符合搜尋引擎最佳化的網站設計基本標準。



以下是中華民國網路拓展貿易協會針對網站設計、搜尋引擎最佳化而統計的數據,能更清楚了解網站設計必須注意的概念!

  1. 2/3的人更樂於閱讀設計精美的內容而不是單純又冗長甚至是重複的文字。

  2. 39%的人會直接關閉因為圖片無法加載或需要花很長時間開啟的網站。

  3. 51%的人認為“詳細又方便的聯繫資訊”是很多企業網站缺少的重要元素。

  4. 44%的訪問者會直接離開一個沒有任何聯繫資訊或聯絡方式的企業網站。

  5. 201512月到201612月之間,平板電腦的網絡消費增長了30% ,智慧型手機的網絡消費增長了78%,桌上電腦的網絡消費則下降了1%

  6. 人們在手機設備上花費的時間占到總上網時間的2/3。

  7. 13%的成人只用手機上網,11%的成人只透過桌上電腦上網 。

  8. 40%的智慧型手機及平板電腦用戶會直接在智慧型手機和平板上搜索B2B產品。