踏出第一步

建立適合透過行動裝置瀏覽的網站時,必須掌握哪三大重點?

一、為客戶提供便利性。

協助造訪您網站的使用者達成目標,包括透過閱讀您的網誌文章獲得樂趣、取得您餐廳的地址,或是查看您產品的相關評論。Walgreens 集團副總裁兼電子商務技術長 Abhi Dhar 表示:「我們在行動裝置上所做的一切努力都是為了讓客戶的生活更加便利。」

設計網站時,務必設想如何協助客戶更輕鬆地造訪您的網站與完成工作。

大致評估客戶在使用過程中可能需要執行的步驟,確保他們可在行動裝置上輕鬆完成這些步驟。盡可能精簡操作步驟,同時減少使用者的互動次數。在本範例中:(1) 客戶想購買燈具而上網搜尋,然後點擊了某個網站;(2) 瀏覽各式各樣的燈具;最後 (3) 購買了喜歡的燈具。

二、依據行動裝置客戶完成常見工作的輕鬆程度來衡量您網站的效果。

建立行動版網站時需顧及優先順序,從您的客戶在行動網站上最重要和最常見的任務入手。處理好這些任務是極為重要的,這也是衡量您的行動版網站是否能夠幫助客戶達到他們目標的重要指標。您可以依照幾項原則來設計網站,讓使用者更容易操作,比如注重介面的連貫性,以及在各類型平台上提供的一致的體驗。

MediaPost 的報導指出:「有 48% 的受訪者認為,便利性是行動版網站的第一要素,當使用者透過行動裝置購物時,行動版購物網站的便利程度是他們最優先的考量。」

三、選擇適用於所有裝置的行動版網站範本、主題或設計 (例如使用回應式網頁設計)。

回應式網頁設計是指無論使用者透過何種裝置瀏覽網頁 (包括桌上型電腦、平板電腦或手機),該網頁一律使用相同的網址和程式碼,只不過網頁的顯示效果會依據螢幕尺寸進行調整或「回應」。因此,Google 建議您使用回應式網頁設計,而非其他設計樣式。採用回應式網頁設計的優點之一,就是只需要維護單一網站版本,而非兩個版本。舉例來說,您不必同時維護桌面版網站 (www.example.com) 和行動版網站 (m.example.com),只需擇一進行維護 (例如 www.example.com),即可兼顧桌面版和行動版網站訪客的使用需求。

回應式網站會根據不同的螢幕尺寸調整顯示效果,但仍使用相同的網址和程式碼。上述三種裝置會一律使用 www.example.com,而非行動版網頁使用 m.example.com,平板桌面版網頁使用 t.example.com 等其他網址。

「由於 Baines & Ernst 採用回應式網頁設計,因此可為不同尺寸的螢幕提供最佳化網站使用體驗,而且無需建立多個網站。該公司發現,訪客每次造訪網站時瀏覽的網頁數量增加了 11%,行動版轉換率也成長了 51%」。

所謂的「轉換」,是指客戶執行您希望他們進行的操作,例如購買產品、撥打電話聯絡商家,或訂閱電子報。

如需實際運用回應式網頁設計的詳細資訊,請參閱網站基礎知識。如果您需要針對手機、平板電腦和桌機所適用的網站分別衡量實作方法的優缺點,請參閱針對多螢幕客戶建立網站

新手應避免哪三大錯誤?

錯誤 1:忽略行動裝置客戶的需求。

提醒您,實用性是優質行動版網站的必要條件,其目的在於協助訪客完成工作,包括閱讀有趣的文章或查看您的店家位置資訊。切勿陷入迷思,只專注於建立徒具行動版格式的網站,因為這樣的網站時常不具備任何實用功能。相反地,您應該建立適合透過行動裝置瀏覽的網站 (也就是針對行動裝置客戶最常執行的工作進行最佳化,並為客戶提供真正實用功能的網站)。

錯誤 2:在不同於桌面版網站的網域、子網域或子目錄架設行動版網站。

雖然 Google 支援多種行動版網站設定,但建立個別的行動版網址會大幅增加維護和更新網站所需的工作量,並可能導致諸多技術性問題。您可以利用回應式網頁設計來簡化工作,並以相同網址為桌面版和行動版使用者提供服務!

錯誤 3:閉門造車而不向外尋找靈感。

參考同領域的其他網站或競爭對手的網站,尋找靈感之餘,也觀摩他人在實務上的最佳做法。儘管您不是業界首位推出行動版網站的人,但您卻擁有學習前人經驗的優勢。 此外,行動裝置教戰手冊Google 多螢幕成功案例也能為您提供各種精彩想法。