感謝您的造訪。本網站絕對尊重並予以保護您個人的隱私權。為了幫助您瞭解本網站如何蒐集、應用及保護您的個人資訊,請務必詳細閱讀本站的「隱私權保護政策」。謝謝!
響應式網站RWD不出槌,網站內容在任何裝置都不漏接
作者: 台北數位編輯群

當行動網站的體驗不佳時,五成以上的使用者將不願意進一步使用該公司的產品或服務。RWD響應式網頁便是因應而生的產物,能自動偵測連網的裝置尺寸,進而隨之調整網頁圖文內容,給使用者最佳的瀏覽畫面。

當行動網站的體驗不佳時,五成以上的使用者將不願意進一步使用該公司的產品或服務。

2018年的全球手機覆蓋率已高於90%,其中高達四分之一的用戶僅使用智慧型手機造訪網站。行動網站不僅能讓消費者不受時空限制、隨時隨地存取資訊或交易,更能成為企業營收及品牌經營的助力。

早期的網路使用者主要是透過家用或筆記型電腦瀏覽網頁,因此製作網頁多以電腦螢幕大小作為預設規格,然而隨著智慧型手機與平板電腦的普及,電腦版的網頁在手機上經過縮放後,易造成比例扭曲、加載速度慢,早已不敷市場需求。

RWD響應式網頁便是因應而生的產物,能自動偵測連網的裝置尺寸,進而隨之調整網頁圖文內容,給使用者最佳的瀏覽畫面。採用 RWD 的優點之一,是降低網站開發及維運成本,一個網站單一網址,在製作及維護上減少重工、不同步的問題;文章的按讚數、訪客數會累積在同一個網址上,網頁分享給朋友時亦能確保雙方都能看到同樣的內容。當跳出率下降、可用性提高、分享次數累增,隨之而來的便是流量及停留時間的增長,自然利於SEO網站排名的優化。

然而,RWD 並非樣樣好,礙於螢幕空間有限、行動裝置只有觸碰功能…等先天限制,RWD較不適合拿來開發某些適用於「桌機或筆電」的複雜網頁功能 (例如拖曳、按右鍵、連點2下、滑鼠移入…等) ,因此在sitemap或是內頁次分類選單的規劃上必須從Mobile Friendly的思維出發。然而,倘若電腦版必須維持複雜的介面,手機版勢必得大量縮減內容,兩個版本架構不同且差異相當大的話,另外架設手機版網站仍是比較適合的作法。

RWD無論在手機上或電腦上,下載的是同一份HTML及CSS,當網頁偵測到是手機時會隱藏部份元素,事實上載入速度並不會變快,而行動使用者因頻寬有限及網速限制,等候網站載入時間的感受會更明顯。因此,在設計時就必須將效能列為主要的開發項目,若額外的視覺效果拖慢了網站速度,無疑就本末倒置了。

簡言之,RWD解決了許多傳統網站在多尺寸螢幕的相容問題,在開發上儘量採取減法原則—在有限的行動裝置螢幕上,提供明確的目錄結構及醒目的【退後】和【首頁】等導覽按鈕,以最簡單最實用也最快捷的形式展示給用戶最需要的內容與功能,才能坐享其優點,避免行動端無法支援及導入速度緩慢等問題。

聯絡我們