25條行動網站設計的必備原則

2018年9月28日
讀畢需時 5 分鐘

已更新：2024年4月16日

此資料為 Google 提供給使用者25條行動網站設計的原則，希望對使用者有幫助，原始文章出處為前往Google行動網站設計原則

首頁與網站瀏覽方式 (1). 將號召性文字擺在顯眼位置。行動使用者很容易漏看選單，所以一定要把主要號召性文字方在使用者絕對看得到的地方。 (2). 精簡選單。為了避免使用者在冗長的選單中失去瀏覽頁面的耐心，我們建議您想辦法盡量縮減選單項目的數量，比如調整行動網站上的產品類別。 (3). 提供回到首頁的捷徑。可以使用您的商家標誌做為導覽按鈕，方便使用者返回首頁。 (4). 別讓宣傳訊息喧賓奪主。宣傳訊息和廣告可能遮掩到四周的內容，阻礙使用者操作。以應用程式上的宣傳廣告來說，與大型插頁式廣告相較，參與者對可以輕鬆關閉的橫幅廣告更有好感。
站內搜尋 (5). 突出把站內搜尋功能。通過我們的研究發現，網頁上方顯眼處，且允許自由輸入文字的搜尋框，參與者的評價最好。因此我們建議您把該功能擺在顯眼位置。 (6). 確保站內搜尋結果切合使用者需求。確保站內搜尋功能會率先傳回最精確的結果，並採用自動即時查詢和錯字修正等智慧搜尋。 (7). 提供篩選器。提供篩選器來協助使用者取得需要的搜尋結果，並確認使用者在篩選搜尋結果後，系統不會傳回零項結果。 (8). 引導使用者取得更精確的搜尋結果。如果您的產品/服務可以輕易地按客群分類，在一開始先詢問訪客幾個問題可確保訪客取得最符合需求的搜尋結果。
商務與轉換 (9). 讓使用者先瀏覽，再決定。讓沒有註冊申請帳戶的訪客也能使用您的網站。 (10). 讓使用者以訪客身分購物。允許使用者以訪客身分結帳，並以實質的好處鼓勵他們註冊加入會員。 (11). 運用現有資訊來提升便利性。善用您現有的資訊或使用第三方付款服務，讓轉換過程盡可能簡易。 (12). 提供點選通話按鈕。在需要顧客提供複雜資訊的階段加入顯眼的點選通話按鈕，避免顧客放棄購物程序。 (13). 確保使用者可以進行跨裝置轉換。行動訪客也許會在研究過後才完成轉換。因此，您可以提供簡單的方式，讓他們透過社交分享、電子郵件或儲存到購物車等功能在其他裝置上延續這個過程。
表單輸入方式 (14). 簡化資訊輸入方式。在需要輸入數字的欄位提供使用者數字鍵盤，並隨著使用者輸入資訊自動跳到表單的下一欄。 (15). 簡化每項作業的輸入方式。視行動表單上每一個輸入欄位的需求，決定適合使用切換選單還是下拉式選單，並隨時確認這些選單方便使用者點按。 (16). 顯示日曆，方便使用者選擇日期。顯示日曆供使用者選擇日期並提供清楚的操作指示，讓訪客對您的網站愛不釋手。 (17). 善用標籤和即時驗證功能。使用清楚可見的標籤來指出您需要使用者填寫的資訊，並即時確認資訊是否有誤，讓使用者在送出表單前就知道是否有問題。 (18). 設計效益良好的表單。盡量減少表單上的欄位數量，並自動填入最多的資訊。您還可以運用標示清楚的進度列，協助使用者逐步填完包含多個部分的表單。
表單輸入方式 (19). 簡化資訊輸入方式。在需要輸入數字的欄位提供使用者數字鍵盤，並隨著使用者輸入資訊自動跳到表單的下一欄。 (20). 簡化每項作業的輸入方式。視行動表單上每一個輸入欄位的需求，決定適合使用切換選單還是下拉式選單，並隨時確認這些選單方便使用者點按。 (21). 顯示日曆，方便使用者選擇日期。顯示日曆供使用者選擇日期並提供清楚的操作指示，讓訪客對您的網站愛不釋手。 (22). 善用標籤和即時驗證功能。使用清楚可見的標籤來指出您需要使用者填寫的資訊，並即時確認資訊是否有誤，讓使用者在送出表單前就知道是否有問題。 (23). 簡化資訊輸入方式。在需要輸入數字的欄位提供使用者數字鍵盤，並隨著使用者輸入資訊自動跳到表單的下一欄。 (24). 簡化每項作業的輸入方式。視行動表單上每一個輸入欄位的需求，決定適合使用切換選單還是下拉式選單，並隨時確認這些選單方便使用者點按。 (25). 設計效益良好的表單。盡量減少表單上的欄位數量，並自動填入最多的資訊。您還可以運用標示清楚的進度列，協助使用者逐步填完包含多個部分的表單。