设计案例研究:企业业务线 Windows 运行时应用

Windows 8.1 是一个用于构建某些应用的出色平台,这些应用可提高生产效率、简化部署并允许你的员工与其电脑以一种更加自然的方式进行交互。本文介绍了如何为 Windows 8.1 设计和开发企业业务线 (LOB) Windows 应用商店应用。它为希望充分利用 Windows 8.1 中的新功能的开发人员提供指南和建议。它还为如何利用新的组成要素为企业用户创建迷人的体验提供建议。

为 Windows 8.1 设计业务线应用

企业中的业务线 (LOB) 应用给开发人员带来一组独特的挑战。针对一般使用者的应用通过 Windows 应用商店向整个世界销售,但通常仅会将 LOB 应用部署给参加特定企业的业务操作的用户。此外,LOB 应用通常使用后端数据存储,针对特定业务流程,并且必须遵守受限制的安全策略。若要确保公司资源的安全性,LOB 应用需要对应用更新有紧密的控制。企业 LOB 应用的一些示例包括销售点应用、产品目录、仪表板、现场内或销售应用、工作流管理应用以及监控和响应应用。

在 Windows 8.1 中,Microsoft 已引入构建于新的 Windows 运行时之上的 Windows 应用商店应用。Windows 应用商店应用提供可满足不断增长的 LOB 应用开发人员需求的大量益处:更好的移动性、增强的对触摸的性能支持、更好的安全性以及简单的部署和更新。尽管 Windows 运行时是新功能,开发人员仍可以使用其现有知识和技能。可以使用 HTML 和 JavaScript 以及传统桌面语言(如 C# 和 C/C++)编写 Windows 应用商店应用。对于企业来说,结果是提高了用户、IT 经理和内部开发人员的生产效率。

针对此案例研究,我们与 Sonoma Partners LLC 的开发团队进行了交谈,该公司使用 Microsoft 解决方案为企业客户创建应用。尽管 Sonoma Partners 的客户已经有适合办公室用户的应用,但他们也希望 Sonoma Partners 为其不断增加的移动员工构建新体验。一个客户需要为在现场工作的客户代表创建应用。这些现场代表需要一个便携解决方案,该解决方案将允许他们在客户现场、在其车中、在咖啡厅等地方远程工作。 智能手机已证实太小而无法满足现场代表的需求,而便携式计算机又太大。这种情况下,平板设备才是完美的设备。

在本文中,我们将查看 Sonoma Partners 针对此特定 LOB 应用需要满足的要求,讨论 Windows 8.1 和 Windows 应用商店应用设计如何帮助他们创建解决方案,以及你如何可以使用 Windows 应用商店应用为你自己的组织创建特别的用户体验。为了保护 Sonoma Partners 及其客户的知识产权,在此案例研究中,我们基于 Sonoma Partners 的设计显示了一个通用 Fabrikam 应用。

在此案例研究中,Fabrikam 是一个小部件制造商,该制造商需要一款应用供其企业对企业现场代表使用。

顶部

了解使用案例

Windows 8.1 设计用于在从掌上平板到大型多功能一体电脑等设备上运行。这些设备可以将触摸、笔或鼠标和键盘用作其主要输入方法。 对于每种输入方法,Windows 和应用都可以很好地工作。

在他们设计应用之前,Sonoma 与客户一起花时间探究应用的特定使用案例并了解其用户。通过缩小到少量核心使用案例,他们确定了应用的重点。实现这一点的一种有用方式是“擅长于”声明—例如,此特定应用“擅长于让现场代表每日在外出现场时,掌握其客户帐户”。让此声明充当一个焦点。它暗示应用的主要方案和外形规格。

由于现场代表的大多数时间花在路途中,他们很可能会带着超便携电脑。Windows 8.1 支持的平板、可折叠和下一代基于触摸的便携式计算机非常适合这些方案。这些新设备比传统便携式计算机要更为便携很多,同时与智能手机相比,可以产生更高的生产效率。这些设备重量很轻,有极长的电池寿命,在包中或桌面上占用的空间很少,并且可以很容易传递给其他人进行查看。

这些新类别的电脑还附带内置的地理定位功能和摄像头。这些功能使 Sonoma Partners 能够轻松地将地图、照片和视频功能添加到其应用。这使代表获得有关其下一个约会的指示或在处于现场时捕获图像或视频变得很简单。Windows 应用商店应用也可以在办公室的多功能一体机上工作及使用鼠标和键盘,因此它们从不限于某种特定的外形规格。

顶部

设计用户体验

Windows 应用商店应用是围绕新的 Windows UI(强调内容)构建的。将所有非必要元素退到后台。这是通过整洁开放的布局实现的,这些布局具有一个清晰的信息层次结构、有目的的动画和直接的触摸优先的交互。

考虑到这些原则,Sonoma Partners 将“擅长于”声明制作成一个具体的方案列表。这些方案帮助概述应用的工作流—用户首先要做什么,用户接下来要做什么?对于此特定应用,很显然,诸如安排与客户的约会、管理订单以及复查销售数据等方案都是很重要的。

顶部

在你的整个应用中导航

基于以上分析,很显然,此 LOB 应用具有相当多的从其中流过的数据。组织中的特别照顾和此数据的可视化管理对于在遵循新的 Windows UI 的同时使应用可使用是很关键的。

Sonoma 很清楚地知道,销售帐户和订单构成此应用的核心元素。对于现场代表,这些就是他们的生命线,因此围绕此内容形成分组或层次结构很有意义。

与传统桌面应用程序不同,Windows 应用商店应用不使用选项卡和菜单进行导航。Windows 应用商店应用使用由全屏页面或视图组成的平面或分层导航模式。此应用中的大量内容以及其类型非常适合分层导航模式。这种情况下,会将订单和联系人绑定到帐户,而将约会绑定到联系人。

分层模式的焦点是中心页面,该页面是应用的主要页面。中心页面由外观不同的各种部分组成,这些部分对应于应用的不同区域。这些部分直接在页面上呈现独特的内容或功能。对于 Sonoma Partners,很显然,中心页面会展现有关帐户和订单的内容—约会、待办事项、未完成的订单、到顶级帐户的直接链接和趋势销售数据对于繁忙的代表来说都是很重要的。

作为一名设计人员或应用创建人员,你可以单独定义层次结构的每个页面。然后,使用导航类来管理你的应用流。下图显示示例流。

在整个应用中导航

就像在 Web 上一样,你可以定义当用户单击某个特定内容片段或页面的某个部分时发生的导航。在 Windows 应用商店应用中,还可以通过每个页面上的永久后退按钮或通过使用顶部应用栏中的实际图标管理导航。

有关为你的应用选择最佳导航模式的帮助,请参阅导航模式

在操作时请参阅平面导航模式,它是应用功能大全系列的一部分。

顶部

通过将命令移动到应用栏,减少混乱并突出显示内容

让内容闪耀的原则是 Windows 应用商店应用的核心。帮助呈现内容或与内容交互的一切(也称为版式)可能会搞乱体验并减损应用的目的。在 Windows 应用商店应用中,很少会在页面本身上找到命令(但如果这些命令特别重要,则他们可以位于页面上)。只要可能,内容应该直接进行处理(例如通过收缩以放大),或者通过应用栏上的命令进行处理。

应用栏显示在应用的顶部和底部边缘。顶部通常用于导航。应用栏包含与当前页面和选定内容有上下文关系的命令,如下图中所示。

应用栏

应用栏通常不在屏幕上,但可以通过用手指从顶部或底部边缘轻扫、用鼠标右键单击或按键盘上的 Windows 徽标键 + Z 来显示它。此外,只要选择了应用的内容,就会自动显示应用栏。因为应用栏是在整个 Windows 应用商店应用中使用的一个系统手势,所以它对于你的用户来说,是一种熟悉的体验。这使应用更易于学习。

有关如何在你自己的应用中使用应用栏的详细信息,请查看以下主题。

顶部

使用语义式缩放来导航并汇总内容

LOB 应用(如由 Sonoma Partners 构建的应用)通常有许多需要管理的内容。你如何创建使用整洁开放的布局的触摸优先体验,同时使用户能够很容易快速地在单一视图中的大量内容中导航?提供语义式缩放。

语义式缩放是允许你使用收缩触摸手势或鼠标和键盘的按钮缩小视图的缩放行为。在缩小状态下,用户看到可用于导航或提供更有意义的上下文的汇总内容视图。例如,缩小联系人列表可能会显示一个字母列表,在每个字母下有许多联系人—单击字母“A”会将你带到以“A”开头的联系人列表。在下图中,语义式缩放支持对关键数据的轻松概述,同时还允许长中心视图的导航。

语义式缩放

如图所示,语义式缩放部分关于将数据分组到一起来实现更加轻松的导航。在此例中,从长列表的一端导航到另一端,等同于“视觉缩放”。通过语义式缩放,你也可以使用缩小的视图来提供以汇总方式描述总体数据的计数和统计信息。这样用户便可以快速轻松地访问大视野中的重要详细信息。

因为语义式缩放控制基于你提供的模板,所以你可以自由地提供对于你的用户有价值的任何视图,并借助简单的收缩手势使这些视图可用。你的用户是喜欢显示为列表的日期还是喜欢显示为日历的日期?他们是希望看到带照片的名称还是不带照片的名称?借助语义式缩放,存在许多令人兴奋的数据可视化可能性。

有关如何在你的应用中使用语义式缩放的详细信息,请查看以下主题。

顶部

支持不同的布局

Windows 8.1 可在各种各样的设备(新的和旧的)上运行。在路上,Windows 应用商店应用可在平板上运行,在办公室可在多功能一体机上运行,并且可在连接到强大桌面的专业高精度分辨率 (HDPI) 监视器以及之间的一切设备上运行。无需创建多个页面来支持多个屏幕大小,Sonoma Partners 只是必须为同一页面定义多个布局。每个布局指定如何为某个特定视图显示 UI 元素,并根据有多少屏幕实际使用面积指定显示哪些 UI 元素。应用的用户交互、数据绑定和其他组件不变。只是显示区域发生更改。

Sonoma 必须完成相似的工作才能使用窄宽度支持不同的方向和多任务处理,如下图中所示。

窄宽度

用户使用 Sonoma 能够将应用的大小调整到任意宽度,从而可以设计出符合用户的各种偏好和人体工程学需求的应用。用户不会被限制到某个特定布局。由于可以在其他企业应用(例如电子邮件应用)旁边查看该应用,因此用户可以更方便地进行使用。

请参见以下主题,了解有关如何针对应用中的不同窗口大小进行设计的详细信息:窗口大小和屏幕缩放指南

顶部

联系人提供一致的 Windows 体验

通过联系人,你的应用能够参加常见的 Windows 交互。通过在你的应用中实现合约,你可以为用户提供在 Windows 中一致的体验。

“搜索”合约

跨系统和 Web 搜索是 Windows 中的核心体验。通过使用应用画布上的搜索框或从右侧轻扫(或将鼠标移动到右侧角处)并单击或点击“搜索”超级按钮,用户可以轻松地搜索应用、文件和设置。应用还可以通过实施“搜索”合约充分利用此体验,从而允许用户在其应用内进行全局搜索。通过为查找某个特定帐户、联系人或订单实施支持,Sonoma Partners 充分利用了此体验,如下图中所示。

实施“搜索”合约

通过实施“搜索”合约,你的应用使它自己可在它自己的范围之外进行搜索。这样便提高了你的用户的生产效率。例如,员工可以从“开始”屏幕开始搜索销售联系人。然后,他们可以在其电子邮件应用中查找最新消息,然后转到 LOB 应用来搜索订单。作为开发人员,你可以完全控制搜索体验和可能需要实施的任何索引。

设置“搜索”合约非常简单。实际上,合约是你的应用与操作系统之间的协议。合约描述你的应用使用此功能的要求。对于“搜索”合约,这意味着你必须添加一个侦听用户何时输入查询的事件处理程序。你甚至可以在用户输入搜索术语时提供建议。 当该合约收到查询时,LOB 应用会搜索该合约的数据并显示相关结果。

还可以添加一个应用内搜索框,以便可以完全自定义应用中的搜索体验。有关如何在你的应用中实施“搜索”合约的示例,请查看以下主题:快速入门:将搜索添加到应用中。 本主题描述对于 Windows 应用商店应用可用的所有合约:应用合约和扩展

顶部

“设置”合约

与“搜索”合约一样,你可以利用“设置”合约为用户特定的设置创建熟悉的体验。这些设置可能包括 Toast 通知选项、设备访问和位置设置。你也可以为对你的应用来说是全局的但可能会改变的值(如服务器名称、位置和登录信息)创建熟悉的体验。对于 LOB Windows 应用商店应用,“设置”合约作为理想选择的其他情况包括帐户管理设置,例如用户身份和权限、多帐户管理、注销和帐户详细信息。“设置”超级按钮简化了用户的体验并减少了应用内的布局混乱。例如,你不需要使用某个专用设置按钮占用空间。“设置”超级按钮在所有 Windows 应用商店应用中提供一种标准化体验。

有关在你的应用中实现“设置”合约的信息,请参阅添加应用设置

顶部

最新信息的动态磁贴、通知的 Toast、快捷方式的辅助磁贴

从名称可以看出,现场代表经常旅行。在路上时,他们经常需要快速查看他们需要到达的下一个位置。通过在应用中支持动态磁贴,磁贴本身可以通知现场代表其即将到来的约会,而不需要运行应用。通过支持可以固定到“开始”屏幕上的辅助磁贴,Sonoma 甚至进一步扩展了其应用。下图中显示了辅助磁贴。

动态磁贴

通过直接将用户带到相关的详细信息页面并支持特定帐户的动态磁贴更新,这些辅助磁贴允许轻松访问重要销售帐户和客户。

磁贴具有三种方形大小(较小、中等和较大)和一种加宽大小。提供适用于中等、较大和加宽大小的多个模板。

在用户使用另一个应用时,可以使用 Toast 来通知用户重要信息。单击或点击 Toast 会立即切换到应用中。Sonoma 使用 Toast 通知现场代表即将到来的约会、订单状态的更改和其他重要信息,如下图中所示。

Toast 通知

有关如何在你的应用中使用动态磁贴、Toast 通知和辅助磁贴的信息,请查看以下主题。

顶部

内置设备支持

为了增强用户体验和简化现场代表的工作流,Sonoma 希望利用下一代 Windows 电脑上提供的新功能。地理位置是其中一个功能。通过将地理位置功能与必应地图相结合,Sonoma 能够将用户的当前位置与会议和客户位置一起显示在一个地图视图中。这是一种比传统提供的体验更加直观的体验。

有关如何在你自己的 Windows 应用商店应用中使用地理位置和必应地图的信息,请参阅以下主题。

除了地理位置支持之外,Sonoma Partners 还能够使用 Windows 8.1 中集成的摄像头和文件选取器支持。这极大地简化了将图像和视频添加到 LOB 应用的过程。借助此功能,用户可以使用内置摄像头、本地磁盘、云或者甚至第三方服务轻松地添加客户的照片。有关你如何向你的 Windows 应用商店应用添加文件选取器支持和摄像头功能的信息,请参阅捕获或呈现音频、视频和图像访问数据和文件

顶部

连接到数据

Sonoma Partners 创建了其 Windows 应用商店应用,将其作为用于为企业数据和流程管理其客户的应用的一个整体解决方案的一部分。所有这些应用都依赖 Microsoft Dynamics CRM 作为数据源。因为由 Sonoma Partners 开发的 Windows 应用商店应用是为在现场的代表设计的,所以他们需要通过公用网络连接到企业数据。通过使用安全的 Web 服务,Sonoma Partners 能够将 Microsoft Dynamics CRM 数据传递给 Windows 应用商店应用,而不会泄露客户的任何敏感数据。Web 服务为描述和共享数据提供一个常见的框架,并且它们是在分布式环境中处理数据的一种极好的方式。

有关如何可以从你的应用连接到 Web 服务的详细信息,请参阅以下主题。

Windows 应用商店应用还可以将数据存储在应用程序的本地位置,以供应用程序进行脱机访问和使用。对于包含脱机数据(定期或者当连接可用时与中心数据存储同步)的方案,这可能会很有用。有关详细信息,请参阅使用数据和文件

需要脱机数据访问的 Windows 应用商店应用要求使用关系数据库进行数据存储。对于这些方案,Windows 应用商店可以使用 SQLite for Windows Runtime。有关详细信息,请参阅 SQLite 与 Windows 8 应用

顶部

绑定到数据

对于任何应用,数据绑定都是一个简化你的代码的强大工具。Windows 应用商店应用有许多可以用于数据绑定的资源和控件,包括 ListView 控件或 FlipView 控件。有关详细信息和示例,请参阅数据绑定

顶部

身份验证和安全

正如先前所述的那样,Sonoma Partners 使用 Microsoft Dynamics CRM 作为其应用的数据存储。因此,Microsoft Dynamics CRM 也可以很方便地管理用户登录信息。正如对于数据那样,Sonoma Partners 使用 Windows Communication Foundation (WCF) 创建了一个 Web 服务来处理登录。同样,使用安全套接字层 (SSL) 进行保护。在加载应用时,用户在初始屏幕之后将看到登录屏幕,如下图所示。

实现登录屏幕

为了创建更好的用户体验,Sonoma Partners 利用了 Windows 8.1 密码保管库。这使用户免于必须重复登录到应用。

你的 Windows 应用商店应用可以支持任何数量的身份验证功能,包括域登录、使用智能卡的多元身份验证或 Microsoft 帐户。你还可以通过密码保管库管理在应用中提供的所有凭据,这样,对于每次访问过程中的相同服务,应用程序就不必提示用户输入凭据。这些凭据应该通过应用的“设置”窗格由用户进行管理。有关密码保管库的信息,请参阅 PasswordVault 参考文档。

顶部

开发环境

为了开发解决方案,Sonoma Partners 转而采用 Microsoft Visual Studio 2012 构建强大而又熟悉的开发环境,以便为其 Windows 应用商店应用编写代码。为了设计 UI,Sonoma Partners 开始使用 Microsoft Expression Blend 与 Microsoft Visual Studio。这使他们能够将后台代码与他们的 Windows 应用商店应用的 UI 元素分开。与 UI 的代码分离使设计人员能够摆脱限制营造出完美的用户体验,与此同时,开发人员则将 UI 连接到应用的数据、设备和功能。

你可以在 Windows 应用商店应用编程的开发人员下载中下载 Visual Studio(其中包括 Expression Blend)。下图显示了运行中的 Expression Blend 和 Visual Studio。

Blend for Visual Studio

Visual Studio

顶部

测试

应用必须进行测试,以确保它具有很高的质量且没有意外。

Windows 应用认证工具包(可通过 Windows 8.1 的 Windows 软件开发工具包 (SDK) 得到)验证应用的技术合规性并确保它们遵循 Windows 应用商店应用设计的最佳实践和建议。有关详细信息,请参阅使用 Windows 应用认证包

Visual Studio 包含许多可用于在开发电脑上全面测试应用的工具。除了 Visual Studio 调试器,还有一个仿真器,也包括 Visual Studio 测试框架。有关详细信息,请参阅调试和测试 Windows 应用商店应用和第 9 频道视频手动测试 Windows 8 Windows 应用商店应用

始终应该在开发电脑以外的电脑上测试应用。还应该在不同体系结构、安装的不同版本的操作系统或不同的外形规格上测试应用。有关在开发电脑以外的电脑上运行应用的信息,请参阅从 Visual Studio 运行 Windows 应用商店应用获取开发人员许可证

顶部

部署

尽管 Windows 应用商店是对应用进行市场推广和分发的一种极好的方式,但大多数情况下,公司内的 IT 组织会将 LOB 应用直接分发给最终用户。不通过 Windows 应用商店安装应用的过程称为侧加载。下面是有助于确保用户在首次安装和运行这些侧加载应用时具有最佳体验的一些最佳实践。

  • 使用 Windows 应用认证工具包—如前所述,在分发应用之前,在 Windows 应用认证工具包中运行认证测试以确保它满足 Windows 应用商店应用的要求。
  • 为应用签名—使用受信任的证书颁发机构 (CA),用企业证书为应用签名。这是开发过程的一部分,不管是否通过 Windows 应用商店分发应用。证书必须在将运行应用的所有电脑上受信任,且证书中的发布者名称必须与应用的发布者名称相匹配。
  • 设置组策略—确保将组策略设置为安装所有受信任的应用。这允许该组的用户安装侧加载应用。
  • 部署应用—有许多选项可用于将应用分发给网络上的用户。可以使用诸如 Microsoft System Center 等常见应用管理解决方案,或者用户可以使用 Windows PowerShell 脚本安装应用。

有关可以部署 LOB 应用和管理应用更新的不同方法的详细信息,请参阅部署企业应用Windows 8.1 中的新增功能:自带设备 (BYOD) 增强

顶部

Windows 应用商店应用的管理

对于先前版本的 Windows,IT 经理可以继续使用诸如 Windows Intune 和 Microsoft System Center Configuration Manager 等工具来管理对企业 LOB 应用的访问。通过 Windows 应用商店的引入,IT 经理还将需要确保用户对 Windows 应用商店的访问符合公司策略。

对于 Windows 应用商店应用,IT 经理有多个选项,这些选项可用于管理内部分发的应用和使用 Windows 应用商店的应用。

  • System Center Configuration Manager 和 Windows Intune 或者第三方 MDM 中提供的管理工具能够控制可以将哪些应用分发给企业用户群。
  • 公司政策可以允许用户访问 Windows 应用商店,但仅针对特定应用。这种情况下,IT 经理可以通过使用 AppLocker 工具,限制企业用户在 Windows 应用商店中有权访问哪些应用。
  • 公司政策可以限制选定用户或电脑组以外的所有人访问 Windows 应用商店。这种情况下,IT 经理可以使用组策略来禁用受限制的用户或电脑访问 Windows 应用商店。

有关详细信息,请参阅管理 Windows 应用商店上的客户端访问Windows IntuneSystem Center Configuration Manager

顶部