網頁想一想:選擇響應式網頁設計的建議

作者:admin 於 2018-06-28
155
次閱讀

Responsive Web Design 即為響應式網頁設計的全名,一般業界簡稱為RWD,是一種依據螢幕寬度來自動排列出適合於此螢幕的版面區塊、圖片、文字的設計方式。以下依據我們的經驗作一些選擇響應式網頁設計時的建議與考量。



隨時隨地,開啟行動商機

自從行動裝置的普及後,隨身攜帶的筆記型電腦、平板電腦,以及現在幾乎人手一機的智慧型手機,都能隨時隨地的連上網路查詢想要的資訊了,「方便、快速、有效率」是使得行動裝置被大量使用的最大原因。

桃園響應式網頁設計

 

因此,當您聽到或看到一則有興趣的訊息會商品,自然會即刻上網查詢,也就是「行動商機」得開始,想想若是此資訊還得回到家中或公司才能上網查電腦了解,是不是就慢了許多呢 ? 甚至於早已忘了呢 ?

另外,我們觀察此使用狀況,使用 Google Analytics 分析其中一個網站一個月來的觀看使用裝置,就會發現到使用行動裝置的族群有多高了 (如圖所示),所以想一想網站若沒有「響應式網頁設計」,是不是已流失這一大群的商機呢 ?

可適用於不同裝置及尺寸

「響應式網頁設計」的版面與編排,是依據使用者的螢幕寬度作判定,才會排列出符合螢幕的版面 (市面上的筆記型電腦、平板電腦、智慧型手機,其螢幕尺寸就有多種,從4.5吋~13吋不等),專業的響應式網頁設計應以螢幕的寬度為版面變化的依據為主。這比單純的「手機版網頁」(只會有電腦版與手機版網頁的變化)更為專業,也更為實用。

還有考慮到家用的數位電視螢幕不僅越來越大,而且也都有連結網路的功能,響應式網頁設計當然也是會符合螢幕寬度做版面的縮放,可說是現行網頁設計上相當通行的作法。

網站管理更為容易、有效率

市面上仍有一些將電腦版與手機版網頁設計分開製作的方式,在管理網站後台時,不論式修改區塊、更換圖片、發布新聞訊息、增加產品內容...等,需要分2次製作,耗時又耗力,「響應式網頁設計」只需維護單一管理系統,不需再為不同的裝置另作設計或考量,節省管理者的寶貴時間。

影響SEO關鍵字的排序

Google於2015年4月公佈:根據手機瀏覽網頁的困難程度,會影響搜尋器的排序結果。其實大家都知道 Android 是 Google 所開發的程式,也使許多智慧型手機與平板電腦所使用的作業系統,因此讓網頁在其系統觀看的相容性、操作難易度也就會列入影響關鍵字排序的結果,如果您的網站很重視「關鍵字排名」的話,這點是必須要列入考量的喔 !

響應式網頁設計

慎選響應式網頁設計的製作方式

最後要提醒的是選擇「響應式網頁設計」要慎選其製作的來源與方式,常常碰到業者來詢問,先前是工作室或是個人兼差拿一些免費的響應式網頁版型來套用,日後碰到一些問題,像是某區塊圖片、文字不見了、版面錯亂、某功能原本可以用,後來都不能用了...等狀況,回頭再去找當初製作的人,不是無法修正 (因為當初版型不是他設計),就是找不到人了。

其實,可以仔細想一想這種「免費」套用式的版型,怎麼會有後續的保證呢 ? 我們設計網站的版型,有很多區塊是會與系統程式的關聯性互動的,若不是原始的設計者,碰到瀏覽器更新、作業系統更新時,是很難去作修正的動作,這也是為何有能力開發程式系統的公司,網頁設計費用會比較高的原因之一。

響應式網站頁設計案例