Knowledge / 知識觀點
新一代多螢幕電商解決方案:響應式設計(RWD)
電子商務瞬息萬變,要如何搶攻多螢幕電商市場,掌握桌機、平板電腦和智慧型手機的網購商機呢?
根據Google 2014年的調查,台灣有54%的人上次購物是使用智慧型手機,其比率高於韓國38%、美國26%和日本15%等,位居世界第一,可見台灣人的行動商機不容小覷。為了把握這廣大的行動商機,許多電商業者常做的方式是開發行動購物APP(例:MOMO購物網、Yahoo超級商城),或者另外架設行動網站(例:Lativ網站)。
其實,還有一個台灣尚未普及,但在國外相當流行的Responsive Web Design(RWD),稱為響應式設計(或稱互動式、回應式設計),國外使用範例如知名品牌Tommy Hilfiger、TOMS。
國外響應式電商範例─TOMS:
圖片為螢幕截圖,轉自TOMS
不論是使用行動購物APP或是架設手機購物網站,都有需要克服的地方。行動購物APP的版面美觀、操作流暢,但要如何吸引客戶下載卻是一個問題。消費者選擇行動購物,不外乎是因為方便、快速,如果購物還要下載應用程式(佔了記憶體空間),不定時還需要更新版本,不利於消費者體驗。對電商業者而言,需要開發Android、iOS兩種版本,測試時間和成本頗高。
此外,根據Google Play發佈的2014最佳Apps排行,遊戲、修圖和工具類軟體佔了大部分;台灣區電商類上榜的僅有Yahoo超級商城。其中,遊戲類的下載搜量高達35億,是Google第一名的下載分類;可見APP較適合遊戲等用途,行動購物則要像Yahoo這類知名度高、使用者眾多的網站較能吸引大眾下載。
另外架設行動購物網站是許多電商選擇的方式,一樣能符合手機、平板電腦的操作介面;但是網址會和電腦版的不同,在發佈社群動態時,常會看到業者註明電腦版或手機版的連結,就是這個原因;有些業者比較注重消費者體驗,會採用程式偵測裝置,自動導向至電腦版或手機版網站。然而,網址不同的問題在於手機網站的內容容易和電腦版的重複,會影響搜尋引擎(例:Google)判定,不利於SEO;此外,同APP一樣需要另外開發,時間、成本也會增加。
台灣響應式電商範例─Shopinfluxx川川流
圖片為螢幕截圖,轉自Shopinfluxx川川流
響應式設計(RWD)是新一代行動網頁解決方案,不同於APP和手機網站,無須下載或另外架設,只要一個網站就能囊括各種螢幕裝置。優點如下:
-
保有相同連結網址,訪客不管是從電腦還是手機連到網站,都能累計流量,改善自然排名,有助於SEO搜尋引擎優化。
-
節省維護APP或手機網站的時間和成本。
-
減少自動導向可能會導至錯誤頁面的情況,改善使用者體驗。
響應式設計所面臨的問題則不太一樣,由於是單一網站,手機版、電腦版都使用相同資料,如果圖檔過大,在手機版會影響載入速度;相同網站下若使用行動網站,較不會有此問題。但相信行動趨勢的發展會促使開發業者積極改良,畢竟響應式網頁就是因應行動潮流所產生的解決方法。
目前電商業者都已悉知行動市場的前瞻性,要跨足行動電商的先決條件就是完善流暢的行動購物平台,要能一次打造符合電腦、平板和手機裝置的購物網站,響應式設計(RWD)絕對會是掌握跨螢幕電商的趨勢。
參考資料:iThome/數位時代/Android Official Blog/Google Developers
文章引用:https://www.smartm.com.tw/article/373435cea3
- 網站設計
- 2014 網站設計的趨勢 五組優秀單頁式設計作品集網站 網站設計趨勢 12個單頁式網站設計 網站設計新趨勢:更少文字,更多的富媒體 視差滾動效果網站設計欣賞 何謂網站設計? 如何讓你的網站,看起來時尚又現代? 網站,如何越簡單越好? 建立網站應該不難吧!如果你患有這4個迷思,請先放下手邊工作… 2016年TOP10企業網站設計趨勢: RWD響應式網頁、一頁式網頁、全幅背景… 網頁佈局大解放!2017年10大網頁設計趨勢 2019年網頁設計趨勢前瞻,先睹為快! 知名設計師展望 2019 年:UI、UX 設計將會出現十大趨勢
- 數據分析
- 三大數據分析,電子商務網站經營者一定得知道! 電子商務產品經理應該要了解的六大數據力 未來的電子商務決戰點~以內容經營品牌社群 傳統零售業轉型電子商務,如何制定策略、順利淘金? 掘金「她經濟」!四個值得關注的電子商務趨勢 電子商務經營,你不可不知的3M市場 行動商務這樣做!
- SEO搜尋引擎
- 傳產老闆看過來,企業數位轉型從SEO開始 你的網站夠「友善」嗎?——從數據掌握指尖下的商機 結合SEO與內容行銷策略,擴大受眾族群成長動能源源不絕 SEO文章4點關鍵技巧,輕鬆寫出SEO友善文章 還在談電子商務嗎?品牌電商才是未來的王道 還在想怎麼做Google的SEO?語音搜尋時代行銷人該掌握的3個關鍵 網站改版,不可輕忽的10個SEO優化項目
- 雲端系統
- MES系統
- MES(Manufacturing Execution System)製造執行系統基本觀念 MES的功能介紹與應用 MES系統軟體定製專案的執行方法 提高產品質量的10種MES製造執行系統方法 成功的MES應用案例需要做好哪些項目前期工作? MES與ERP集成,你必須知道這些! 中小企業實施MES系統需要注意哪些問題? 智能工廠MES系統功能需求分析
- RWD響應式網頁設計
- 關於響應式網頁設計(RWD) 什麼是響應式網頁設計(Responsive Web Design) 適應性網頁設計簡介 RESPONSIVE WEB DESIGN 簡單介紹 Responsive Web Design優缺點 回應式網頁設計帶來的行動優勢 響應式網站設計概念 RWD網站設計概念 RWD網站設計和行動版比較 回應式網頁設計 RWD RWD與獨立行動版網站的探討 自適應網頁設計 RWD 因應RWD新時代的網頁設計流程
- 購物商城 / 電子商務
- 我想要做『購物網站』 國外網站推薦的25個購物商城設計 行動商務時代,行銷人該掌握的三個問題 手機是電商購物的未來,但暫時還離不開PC 網站購物車總是被遺棄?這裡告訴你原因 4招翻轉商品網頁設計,引導消費者下單、結帳一氣呵成 行動網路市場獲利驚人,四年後可望達7000億美元 淺談行動商務 行動購物商機 57%消費者用過行動裝置購物
- RWD響應式購物
- 新一代多螢幕電商解決方案:響應式設計(RWD) 響應式電子商務網站設計的10大範例 為什麼響應式網頁設計可以幫助人們購買你的產品? 為什麼響應式網頁設計是電子商務網站的最佳選擇? 為什麼您的網站需要響應式網頁設計? 好的網站設計帶業績上天堂,5個電商網站設計的注意事項 零售電商的進步,從優化手機瀏覽畫面、圖片格式、大小開始
- ERP系統
- 何謂ERP系統? ERP系統概念 ERP系統走向營運決策-1 ERP系統走向營運決策-2 ERP系統走向營運決策-3 ERP系統走向營運決策-4 ERP系統走向營運決策-5 ERP系統走向營運決策-6 ERP系統走向營運決策-7 ERP系統走向營運決策-8 ERP系統走向營運決策-9 ERP系統走向營運決策-10 ERP系統走向營運決策-11
- APP手機行動網頁
- 系統整合
- 運輸業系統
- 線上學習
- 數位學習(E-Learning) E-Learning 2.0 線上學習燃起.com新希望(上) 線上學習燃起.com新希望(下) 歐洲線上學習市場 前十大業者囊括46% 臺灣數位學習市場 嗅到成長商機(上) 臺灣數位學習市場 嗅到成長商機(中) 臺灣數位學習市場 嗅到成長商機(下)
- 加盟連鎖管理系統
- 其他