モバイル ブロードバンド アプリでアカウントの残存量と使用量の情報を設計する

ユーザーは主にモバイル ブロードバンド アプリを使用して、アカウントの残存量と使用量の情報を表示します。 このデータは、アプリのホーム画面に明確に表示されます。

Screenshot of a post-paid plan summary in a mobile broadband app.

後払いアカウントの関連するアカウント情報には、以下が含まれます。

  • 携帯電話のアカウント番号

  • アカウントの残存量

  • 使用されたデータ、使用されたローミング データ、残存量

  • 請求期間またはプランの有効期限

ユーザーは一目で、使用したデータの量、残っているデータの量、支払いサイクルの終了時期 (月単位のアカウントの場合) を明確に理解できます。

Screenshot of a pre-paid plan summary in a mobile broadband app.

前払いアカウントの関連するアカウント情報には、以下が含まれます。

  • 携帯電話のアカウント番号

  • アカウントの残存量

  • [今すぐ課金] ボタンをクリックすると、支払いページを作成するためのリンクが表示されます

  • データの使用量と残存量

  • プランの有効期限 (存在する場合)

簡単な概要

アカウント情報を表示するための適切な設計:

  • 関連するアカウント情報を表示する

  • データが最後に更新された日時を表示する

  • 表やグラフなどの図を使用してデータを視覚化する

    ヒント進行状況コントロールの追加で説明 されているように、確定進行状況バー コントロールを使用して横棒グラフを実装できます。

  • 使用量の残りが少ない場合は、[プラン] ページへのリンクを表示してプランをアップグレードする

アカウント情報を表示するための不適切な設計:

  • データ使用量の横に法的免責事項の長い文章を表示しないでください。 これにより、アカウントの使用量セクションのメイン フォーカスからユーザーの注意をそらす可能性があります。 代わりに、完全な法的免責事項を含むアプリの別のセクションへのリンクを表示します。

モバイル ブロードバンド アプリのユーザー エクスペリエンスの設計