什麼類型的網站適合做自適應網站設計(Responsive web design)－淳馨鵝家庄的部落格

行動裝置的普及讓國內各個產業的業者紛紛有了網站改版的需求。
但由於技術太多、太複雜，讓業者跟設計公司溝通製作方式時都不知從何下手

最經典的掙扎就是要做「自適應網站設計」還是獨立的「手機版網頁設計」？

網頁設計

在討論這個問題之前，我們先看一則來自Google的統計：

80%的使用者覺得網站瀏覽不夠順暢的時候會選擇離開。
造成瀏覽不順暢的原因有許多，但重點不外乎就是不好找資料、排版很亂、沒有重點、超連結失連等等。這些都會讓使用者質疑網站內容的正確性。

自適應網站最常造成的體驗問題是在於資訊量太多，因為畢竟是跟電腦版的內容一樣的html code、一樣的UI，要做出取捨往往不是那麼容易，一個不小心就會讓使用者覺得你的站在手機上很難用，
需要有相當經驗的設計團隊做介面與閱讀動線的優化。

但手機版網頁就相對容易，因為他是完全獨立開來的網頁結構，可以量身訂做手機上需要看到的資訊。
不過有一派SEO的人認為手機版網頁會造成資料的重複性，讓搜尋引擎認為是灌水。

因此自適應和手機版各有優缺，需要哪種製作方式，愛貝斯提供了下面兩種判斷的條件：

1. 以網站的目標族群來考量

網頁設計

˙純粹找資料 > 手機版網頁
如果你的網站使用者只是使用行動裝置來找資料的，那就拋開酷炫效果的設計，只留下必要的資訊，也就是做單獨的手機版網頁。

˙購物行為(線上購物車) >　手機版網頁
如果你希望使用者能在你的網站上有行動裝置購物的行為，那麼你也應該要選擇手機版網頁設計。去掉無用的裝飾花邊，將商品分類選項重新設計，讓手機螢幕專注在購物的流程以及產品的展示上，這樣才能獲得大眾的使用意願。

˙資訊閱讀(部落格) > 手機版網頁
如果你的網站文字資訊量很大，如報紙、雜記等網站，手機版網站也會是首選。

基本上只要不涉及以上三種要素，都可以做自適應網頁。