人手一機的時代來臨,而企業為了要跟隨趨勢,也必須開始針對網站的設計,從過往的桌機版為主,改為行動裝置優先,這不單是因為是網友使用行為的改變,另一部分也是因為Google搜尋引擎的演算法也在朝此調整.
根據Google官方的資訊,有四點是企業必須發展行動版網頁的原因:
- 在搜尋結果中,適合透過行動裝置瀏覽的網站排名較高
- Google.com 上有超過半數的搜尋來自行動搜尋
- 許多廣告客戶的主要流量來自手機使用者
- 如果網站不適合透過行動裝置瀏覽,訪客離開機率將提高 5 倍
好的行動版網頁呈現三個重點
A.網站載入速度夠快
如果行動網站無法在 3 秒內載入網頁,幾乎有半數的訪客會選擇離開。請縮短載入時間 (網頁在螢幕上顯示完畢所需的時間),方便訪客瀏覽網站。
B.易於瀏覽
在較小的螢幕上,使用者找尋資訊較困難。訪客為了找尋所需資訊而花在四處瀏覽或放大比例的次數越多,他們就越有可能感到不耐而離開。請簡化網站選單,設法讓所有內容清楚可見,無須放大就能閱讀,以便訪客找到所需的資訊。
C.易於採取行動
您的行動網站必須方便訪客完成常見事務,像是與您聯絡、搜尋產品或進行購物。建議儘量減少完成表單或交易所需的步驟。
行動版網頁優化重點(線上購物類)
A.簡化網站瀏覽方式:
精簡網站選單,設法讓所有內容清楚可見,無須放大就能閱讀。
B.提供詳盡的資訊:
利用可展開的產品圖片,在客戶決定購買前讓他們先認識產品。
C.方便客戶購物:
將所有相關指示或「立即購買」按鈕放在最顯眼的位置。可以的話,請直接擷取使用者現有的帳戶資訊,減少客戶需要輸入資料的次數。
D.讓使用者能在桌機上繼續完成購物:
當客戶改用桌機繼續瀏覽網站時,應該要能輕鬆回到購物車完成購物。
行動版網頁優化重點(提升來電機會)
A.使用點選通話按鈕或連結:
省去使用者背誦號碼或放大查看的麻煩。
B.縮減選單選項:
請務必清楚表明,撥打電話是與商家聯絡的最佳方式。網站的每個網頁都應加入可點擊的電話號碼或按鈕。
C.避免分散注意力:
將促銷資訊和其他指示擺在兩側,讓客戶能一眼就看見電話聯絡方式。
行動版網頁優化重點(獲取客戶名單)
A.簡化表單:
方便客戶存取表單,減少需要他們輸入資料的機會,即使有必要也只需動幾下手指。
B.減少需捲動與縮放的情況:
表單應該要能完整顯示在行動裝置的螢幕上。捲動和縮放動作容易導致客戶資料輸入錯誤。
C.明智挑選資料欄位:
表單要求填寫的資訊必須易於取得,且方便驗證。可以運用驗證機制,針對填寫不完整的欄位顯示錯誤訊息。
行動版網頁優化重點(引導至門市)
A.全力吸引客戶上門:
清楚向客戶表明,造訪實體店是最好的選擇。在網站的每個網頁上,顯示地圖、定位按鈕或可直接連結至實體店地址和店家營業時間的圖示。
B.縮減內容:
簡化網站的瀏覽方式,並提供充足的資訊,吸引客戶上門光顧。
C.避免分散注意力:
促銷活動有助於吸引客戶上門光顧,但應避免阻礙閱讀。
行動版網頁優化重點(提供資訊拓展知名度)
A.簡化瀏覽方式:
使用簡潔的選單與較大的文字,可方便客戶在決定購物前,先研究相關資訊。由於行動裝置的螢幕較小,縮減選單選項可讓客戶不致眼花撩亂。
B.在不同的裝置上提供一致的瀏覽體驗:
客戶花越多時間決定購物,就越可能在完成交易前接連使用各種裝置 (一般電腦、平板電腦、手機) 研究商品。無論他們使用的裝置為何,建議提供可儲存選項的功能,以便他們在其他裝置上繼續購物。
C.提供首頁連結:
如果客戶在研究時遇到無法繼續的情況,請務必確保他們能輕鬆回到首頁重頭來過。