行動版網頁的迅速崛起

前我們和大家分享的文章─《淺談網頁版面設計編排 #上》,帶大家認識了近來國內外的網頁設計編排,以及《網站設計十年間,2013網站設計趨勢這兩篇文章,而除了家家必有的電腦版網頁設計之外,你的網站還需要支援行動版網頁( Mobile-Web )嗎?設計行動版網頁有什麼好處?到底該怎麼設計規劃您的行動版網頁( Mobile Web )呢?

我們介紹行動裝置網頁的重要性前,即將迎接下一個4G時代的行動網際網路中,筆者也針對手機網頁的重要性列出幾個注意點給大家參考:

obama-smart-phone
  • 2012年Google調查指出,有手機版網頁的商店會讓消費者更想要購物,而超過半數的使用者對沒有手機版網站感到不悅。-數位時代報導
  • 「比起APP,我們更重視行動版網頁設計。理想的行動版網頁,需要考量使用介面設計以及網友的需求,不但要做到容易操作,便利閱讀及搜尋,也必須讓網友可以很快找到感興趣的商品。」-樂天市場行銷部長陳婷婷。
  • 資策會產業情報研究所(MIC)執行的「2013行動購物調查」指出,消費者每天使用行動裝置的平均時間為2.7小時,其中在瀏覽購物網站及使用APP的時間占其中的40分鐘,將近4分之1的時間在行動裝置瀏覽購物資訊。
以上幾點綜觀來看,行動裝置大大在持續改變消費者的上網習慣,而即將邁入4G時代的您,還能不設計行動裝置網頁嗎?隨著上網費率調降、 Wi-Fi 熱點如影隨形,這可是一塊不容忽視的市場。

mobileweb_img

► 電腦網頁與行動裝置網頁差異

對於行動版網頁有了初步的了解後,我們還必須考慮到行動裝置網頁和電腦版網頁的差異:

1. 您的消費族群經常使用智慧型手機瀏覽網頁嗎?
此點可透過 Google Analytics 功能中”目標對象”的”行動裝置”報表來分析,若是您的網站已經架設在即時互動科技的機房中,我們都會幫您設置好 Google Analytics 的追蹤碼,以便您了解您的客戶從何而來,是由電腦連線、手機或平板電腦瀏覽您的網站。

move-between-device

2. 原本的網頁是否有使用 Flash 動畫的部分? 您知道 Flash 動畫是不能顯示在 iOS 系統的手機(iPhone) 和平板電腦(iPad)嗎?
台灣有許多公司企業仍有使用 Flash 動畫的習慣,殊不知在 iOS 系統的行動裝置下,有許多使用者是看不到 Flash 的設計,這時候就必須考量是要重新請設計師製作行動裝置網頁,還是將現有電腦版網頁優化不顯示 Flash,而改用 HTML 5設計了。以客戶的案例舉例:

weii_sample

3. 行動裝置結合原生功能,也能讓你的客戶直接撥打網頁上的電話、開啟網路地圖或寫給客服email等,較電腦網頁多出許多優勢。
以往電腦網頁還需要額外付費給Skype,來讓網頁可以透過Skype撥打電話,現在透過手機原生的程式功能,只要懂得利用行動版網業的優勢,就能讓您的客人更快找到您。

4. 行動裝置解析度比電腦網頁小了許多,設計需要更簡潔,也需重新考慮瀏覽的視覺動線。
不知道您有沒有在手機瀏覽某些小的不能再小的網站經驗?然後再動動您的手指頭來回放大每個網頁……點選那好像永遠點不到的按鈕連結?若是行動裝置瀏覽網頁這麼不方便,您賣再高品質的商品也變得可惜許多。

沒有確切的想法嗎?給我們一個機會,讓我們為您服務。

網頁設計諮詢