RWD網站跟手機版網站的差別
手機版網站是保持原本的電腦版網站不變、另外做一個專門給手機用的小尺寸網站,網站程式會自動導入電腦版或手機版網頁。
以蘋果日報為例
● 電腦版網站:網址為「http://www.appledaily.com.tw/」
● 手機版網站:網址為「為「http://m.appledaily.com.tw/」
因此手機版網站必須用手機才能看出原本的樣貌,在電腦上就會「走鐘」。
沒有經過精心規劃的手機版網站,很常出現以下問題:
1. 自動導向導至錯誤頁面
2. 與電腦版網站視覺不同,品牌沒有一致性
3. 網址不相同、與電腦版動線不同,使用者不易尋找資料
4. 維護資料必須花兩倍人工
在RWD網站崛起後,手機版網站仍有一定市場,適合使用手機版網站的客戶包括:
1. 網站資訊量很大,需要刪去不必要的元件才能便利閱讀的平台式網站,如Yahoo!奇摩
2. 適合點擊多次才能瀏覽所需資料、分類多層的大型資料網站,如MOMO購物網
3. 只針對手機用戶的活動網站
4. 電腦版、手機版網站的瀏覽重點、閱讀動線不同,需要針對手機用戶另外設計不同的網站瀏覽動線
5. 電腦版有特殊原因要保留Flash動畫、橫式捲軸等效果
有9成以上的網站,像旅宿觀光、形象購物、企業型錄、學校系所機關的網站都不需要考量上述因素,他們遇到的問題是「沒有充沛的人力及預算」來同時建置及營運電腦版跟手機版兩個網站,因此對於大部份的網站來說,RWD響應式網站仍是首選。
以下是二種設計方式的差別示意圖
以蘋果日報為例
● 電腦版網站:網址為「http://www.appledaily.com.tw/」
● 手機版網站:網址為「為「http://m.appledaily.com.tw/」
在電腦上:
因此手機版網站必須用手機才能看出原本的樣貌,在電腦上就會「走鐘」。
沒有經過精心規劃的手機版網站,很常出現以下問題:
1. 自動導向導至錯誤頁面
2. 與電腦版網站視覺不同,品牌沒有一致性
3. 網址不相同、與電腦版動線不同,使用者不易尋找資料
4. 維護資料必須花兩倍人工
在RWD網站崛起後,手機版網站仍有一定市場,適合使用手機版網站的客戶包括:
1. 網站資訊量很大,需要刪去不必要的元件才能便利閱讀的平台式網站,如Yahoo!奇摩
2. 適合點擊多次才能瀏覽所需資料、分類多層的大型資料網站,如MOMO購物網
3. 只針對手機用戶的活動網站
4. 電腦版、手機版網站的瀏覽重點、閱讀動線不同,需要針對手機用戶另外設計不同的網站瀏覽動線
5. 電腦版有特殊原因要保留Flash動畫、橫式捲軸等效果
有9成以上的網站,像旅宿觀光、形象購物、企業型錄、學校系所機關的網站都不需要考量上述因素,他們遇到的問題是「沒有充沛的人力及預算」來同時建置及營運電腦版跟手機版兩個網站,因此對於大部份的網站來說,RWD響應式網站仍是首選。
以下是二種設計方式的差別示意圖