将移动宽带应用与其他 Windows 组件集成

可以使用Windows 10用户界面 (UI) 图面来增强移动宽带应用的整体体验。

有关布局、导航、命令、动画、触摸交互、贴靠和缩放、协定和功能、磁贴和通知、UI 控件、应用漫游到云以及基础知识的其他用户体验设计指南,请参阅 UWP 应用的 UX 指南索引

本主题包含以下各节:

应用设置

可以使用 应用设置 来包括应用配置的设置。 下面是其中的一些示例:

  • 登录和注销

  • 查看和编辑用户配置文件

  • 更改帐单邮寄地址

  • 查看和编辑付款选项

  • 查看和设置营销首选项

用户体验错误

总则

移动宽带应用可能有许多错误情况,应妥善处理。 下面是一些常见示例:

  • 设备丢失或拔出 当设备(如 SIM 卡或硬件保护装置)丢失或拔下时显示。

  • 锁定的设备 当已连接的设备锁定给用户时显示。

  • Internet 连接丢失 未检测到网络连接时显示。

  • 插入多个设备 插入内置适配器和外部硬件保护装置时显示。 对于此类情况,建议出现通知栏错误。

  • 表单字段验证错误 当用户在表单中输入错误信息时显示。 验证错误应以内联方式显示,以便用户知道与错误关联的字段。

有关如何显示错误的指南,请参阅 设置 UI 布局。 在下面的示例中,通知栏显示在页面顶部。

显示错误的通知栏的屏幕截图。

数据使用错误

概述页上应按以下方式显示以下错误案例:

  • 当用户即将过期时:使用屏幕顶部的栏指示用户的计划即将过期。

  • 当使用量超过数据上限时 数据条应已满,并且还应有一条内联消息,用于描述问题并告知用户如何应对该问题。 或者,“超出数据上限”使用情况消息可以位于页面顶部的通知栏中。

  • 计划过期时:使用摘要框顶部的条形图描述用户可以采取的问题和操作。 在这种情况下,不会显示数据使用情况、计费周期和漫游信息。

  • 国际漫游:在摘要部分底部指示漫游。

应用视图

你的应用应该是自适应的,并且能够适应多种布局,包括:

  • 横向

  • 纵向

  • 与另一个应用并排

  • 填充

  • 键盘向上键

    注意 当触摸键盘启动时,请确保窗体字段等元素适当滚动。

以下示例演示一些页面与其他应用并排时的外观。

移动宽带应用的登陆页面与另一个应用并排显示的屏幕截图。

移动宽带应用的服务页面与另一个应用并排显示的屏幕截图。

确保可通过应用视图(包括高对比度模式和屏幕阅读器就绪情况)访问应用。 有关如何使应用易于访问的详细信息,请参阅 使用 JavaScript 的 UWP 应用中的辅助功能

启动点

移动宽带应用可供用户在“所有应用”视图、Windows 连接管理器中或通过 Toast 通知使用。

显示启动移动宽带应用的各种入口点的示意图。

从 Windows 连接管理器启动

使用 Windows 连接管理器 启动移动宽带应用的屏幕截图。

可以使用 Windows 连接管理器连接到移动宽带应用。 应用应打开登陆页面,其中包含帐户和数据使用情况信息。 连接后,Windows 连接管理器会显示当前帐户和数据使用情况。

显示帐户和数据使用情况信息的 Windows 连接管理器屏幕截图。

在强制门户购买流期间从连接管理器自动启动

当用户连接到重定向 Web 流量的强制门户网络时,Windows 会提供选项,用于在安装了应用的情况下自动启动应用。 应用应打开“计划”页,该页面提供有关如何购买 Internet 访问权限的信息。

从“所有应用”视图中的磁贴启动应用

你的应用应支持同时拥有多个帐户的用户 (例如,使用两个外部 USB 移动宽带适配器) 。 从磁贴启动应用时,你的应用应允许用户选择他们要使用的帐户。

如果你的应用已暂停或已在运行,它应显示使用的最后一页。 如果应用尚未运行或挂起信息不可用,则应用应打开登陆页面。

磁贴和 Toast 通知

“开始 ”菜单中,磁贴是应用的主要表示形式。 用户通过这些磁贴启动其应用,这些磁贴可以通过通知显示新的、相关的和定制的内容。 这使 “开始” 菜单感觉生动,并允许用户一目了然地查看新增功能。 应用还可以通过 Toast 通知向用户传达时间关键事件,无论用户是在另一个应用中、 在“开始” 屏幕上还是在桌面上。 设计和交付 Toast 的方法与磁贴的方法非常相似,从而降低了学习曲线。

Windows“开始”屏幕上移动宽带应用磁贴的屏幕截图。

Toast 通知可以包含文本和图像,但不支持按钮等辅助操作。 将 Toast 视为类似于任务栏通知区域中的 Windows 气球通知。 与气球通知一样,Toast 显示在屏幕的右下角。 当用户点击或单击 Toast 时,关联的应用将在与通知相关的视图中启动。 这是一个应用可以中断另一个应用中用户的唯一机制。 用户可以激活、关闭或忽略 Toast。 用户可以禁用应用的所有 Toast。

移动宽带应用的 Toast 通知的屏幕截图。

Toast 通知应仅用于用户高度感兴趣的信息,通常涉及某种形式的用户选择加入。 对于传入的电子邮件警报、即时消息聊天请求和突发新闻,它是一个不错的选择。 但是,在考虑使用 Toast 通知时,请务必意识到,由于 Toast 通知的暂时性,用户可能永远看不到它。 对数据使用量超额或漫游警报使用 Toast 通知时,请考虑在磁贴和应用视图中显示信息,以防最终用户错过 Toast 通知。

初始屏幕

你可以使用初始屏幕来推广品牌。 有关初始屏幕的详细信息,请参阅 添加初始屏幕

移动宽带应用初始屏幕推广品牌打造的屏幕截图。

快速摘要

操作员通知的相应设计:

  • 使用 Toast 通知和磁贴通知提醒用户与订阅者的帐户和服务计划相关的重要消息和高兴趣消息。

  • 根据品牌准则自定义 Toast 和磁贴背景色和徽标。

  • 在登陆页上直接包含与订阅者的帐户和服务计划相关的重要短信或 USSD 运营商通知和警报。

操作员通知设计不当:

  • 对于非实时 (的信息(例如促销广告) ),请勿显示 Toast 通知。

  • 不要显示用户到用户的聊天消息和促销和广告与操作员通知和警报混合在一起,因为最终用户可能会错过重要的操作员通知。

其他资源

设计移动宽带应用的用户体验