共用方式為


在行動寬頻應用程式中設計購買流程

您的行動寬頻應用程式可以包含購買流程,供使用者用來購買方案。 針對第一次購買,請透過網路支援您的購買流程。 以下是購買流程的一些標準建議。

注意 請勿使用 iframe 在您的應用程式中裝載這些流程。

  1. 向使用者顯示數據明細,讓用戶估計所需的數據。 這可協助用戶選取要購買的最佳方案。

    行動寬頻應用程式中數據明細的螢幕快照。

  2. 您可以提供方案詳細數據,並讓他們在轉送至完整的購買流程之前,先選取方案。

    行動寬頻應用程式中計劃詳細數據和計劃檢閱選取項目的螢幕快照。

  3. 如果您的購買流程包含表單,請遵循下列指導方針:

    • 允許在表單頁面中垂直捲動。

    • 請確定所有表單域都靠左對齊。

    • 由於應用程式必須與多個尺寸規格相容,因此建議您在表單域之間提供方便觸控的間距。

    • 保留許多空格符以提升簡單性。

    • 請遵循表單支援的最佳做法。 這包括,但不限於提供地址、號碼和信用卡欄位的適當支援。

    • 請確定已針對表單域定義輸入範圍,讓適當的觸控式鍵盤顯示欄位,例如數位、文字等等。

    • 請確定表單已正確對齊所有控制件和欄位。

    • 將點選次數和欄位數目降到最低。

  4. 在使用者輸入資訊之後,允許他們先檢閱訂單,再完成購買。 如果下單且啟用速度很快,請繼續進行啟用,並將應用程式重新導向至登陸頁面。 如果啟用需要較長的時間,您可以包含啟用進度的佔位元元頁面,並使用進度控件來顯示啟用正在發生。 如需進度控件的詳細資訊,請參閱 快速入門:新增進度控件

快速摘要

適用於購買頁面的適當設計:

  • 遵循窗體指導方針,其中包括左對齊、空格符、適當的網格線對齊,以及觸控友善度。

  • 使用簡單的版面配置來改善可讀性。

  • 使用長表單的垂直捲動,讓索引標籤和使用螢幕小鍵盤更容易。

  • 讓使用者在開始購買流程之前,先檢閱並選取方案。

  • 支援透過網路購買和首次購買。

不適當的購買、充電、重新填滿和帳單頁面設計:

  • 不要對長表單使用水平捲動。

  • 不要填滿所有空格符。

  • 請勿使用 iframe 來裝載流程。

  • 請勿讓使用者等候很長的時間,而不需提供視覺回饋。

  • 請勿連結至應用程式外部的網站。

其他資源

設計行動寬頻應用程式的用戶體驗