导出 (0) 打印
全部展开

Windows Phone 动画、动作和输出

2013/12/5

适用于: Windows Phone 8 | Windows Phone OS 7.1

Windows Phone 应用应使用运动、声音和振动在应用中形成真实身临其境的感觉。这些效果和输出可以帮助增强触控,以及帮助用户获取正在进行的操作和任务的反馈。

本主题包含以下各节。

运动不仅仅是使事物移动。在 Windows Phone 上,运动是一个工具,用于为用户创建一个物理生态系统,以便驻留在其中,并通过触控进行操纵。体验质量的高低依赖于应用如何响应用户,以及 UI 与何种个性通信。

Windows Phone 中存在两种运动:

  • 转换:转换由用户操作触发,将在用户导航 UI 时为他们提供精神上的痕迹导航。已创作了多种转换,借以在过程中引导用户并就用户所在的位置给予其信心。大型转换用于应用到应用的过程,小型转换用于应用内的导航。

  • 动画:限制为视图内的本地元素,但不是始终都是用户操作结果的可视反馈。例如,锁定屏幕的“跃动”运动,这会通知用户如何解除手机的锁定。

确保运动可以在您的应用中起到作用。最佳的 Windows Phone 应用程序会使用运动使 UI 表现得活灵活现。运动应该:

  • 无需点按即可提供信息。

  • 基于用户的行为提供反馈。

  • 教会用户如何与触控目标交互。

  • 指示如何导航到以前或以后的视图。

可以在 Windows Phone 中的编辑框行为中找到一个简单的运动示例。当编辑框扩大时,它不会简单地立即变大,而是像动画一样显示其调整大小。

运动添加的内容

随着用户在应用内花费的时间越来越多,或者应用中的任务变得越来越复杂,高质量的运动变得越来越重要:它可以用于改变用户对其认知负荷和应用的易用性的看法。运动有许多其他直接益处:

  • 运动可以使用户兴奋。 动画及其他可视反馈可以形成短时间的惊喜和直感。这种兴奋的感觉会使用户对手机和应用程序爱不释手。

  • 运动增加了对互动的提示。 运动是具有方向性的:它会向前和向后移动,移出和移入内容,留下关于用户如何到达当前视图的最小“痕迹导航”提示。例如,在应用程序打开时,Panoramic Entrance 动画在主要导航中会吸引用户的眼球,向用户提供了关于如何操作 Panorama 控件的提示。

  • 运动让人产生性能增强的印象。 当网速缓慢或系统暂停工作,动画可以使用户感觉等待的时间较短。

  • 运动增添个性。 经过深思熟虑的 Windows Phone UI 会使用运动,形成一个应用与此时此地情况有关的印象,并有助于消除用户进入嵌套的层次结构中的感觉。

  • 运动增添一致性。 转换可以通过类比用户已经熟悉的任务帮助用户学习如何操作新的应用程序。

  • 运动增添雅致。 动画可以让用户知道手机正在运行,而不是已冻结,它可以被动地显示些用户可能感兴趣的新信息。

运动生态系统的规则

  • 每个动画都是系统的一部分,没有哪个动画会显示出不同。

  • 每个动画都有作用,并且都会一闪而过。

  • 动画以 2.5 维度而不是 3D 形式显示,并且不会充分使用精心设计的纹理、照明或视角。例如,“倾斜”动画不会显示触控目标后面的任何深度,仅显示平面。这会强调内容。

  • UI 元素可以移动其他 UI 元素。例如:如果某个对象在页面上的扩展,它应该以动画的方式将页面向下扩展。

  • 硬件和软件交互可以触发运动。转换需要设计为注意到所有的可能性。

  • 可操作的项目基于用户交互进行运动。例如,“倾斜”动画会激活以显示正在触控对象。

  • 如果某个项的重要性级别已经引起了用户的注意,则会使用运动通知用户。

运动中的方向

因为 Windows Phone 手机会使用向前导航和硬件“返回”按钮,转换和动画可以向两个或四个方向移动,如下图中矩阵所示。此图使用旋转门动画作为示例,显示用户可以进入应用的四个不同方向。

UX_Interactions_NavMatrix

导航矩阵

使用两个或四个特定的前进和后退运动,可以帮助用户始终意识到他或她的位置在给定的任务流中。

一般来说,您应该在应用的设计之初就考虑运动的角色。在设计过程结束时添加运动使得有机地集成起来的难度较大,并且运动良好使用的益处证明值得精心地进行原型制作。

缓动

缓动对于 Windows Phone UI 非常重要。缓动是否正确,可决定用户体验的成败。许多实验性调查收到了负面的结果,其原因仅在于对缓动的调节不恰当。以下是 Windows Phone 中最常见的缓动类型:

  • 对数形式。 如果对象进入屏幕,它会使用对数形式缓动,逐渐滑动从而不知不觉就轻松地停止了。

  • 指数形式。 如果对象退出屏幕,它使用指数形式缓动,这会形成紧张状态,然后迅速地让对象退出。

  • SCurve 感觉对数形式缓动比较刺眼时,可以使用 SCurve 缓动在屏幕上形成更大的移动。

因为缓动运动曲线是动态的,测试结果显示用户不能完全估计他们要等待多久操作才进行。此缓动能增加应用的感知响应度。在手机中一贯使用缓动设置可以取得一致的快速、轻巧体验。

当用户点按触控目标时,请确保向用户提供适当的反馈。设计自定义控件的可视状态,从而在不同的操作或激活阶段中显示它们。用户可以获知何时按下按钮或何时切换控件。

说明注意:

Windows Phone 上最常见的触控反馈方法就是倾斜效果。有关更多信息,请参见如何使用 Windows Phone 的控件倾斜效果

  • 立即显示变化。 除了某些设置外,控件通常会通过制造即时变化来显示反馈。

  • 提供即时视觉或听觉反馈来与触控控件交互。 所有的操作都会有立即和明显的影响 - 响应应该在手势发生时(而不是发生以后)发生。一个不恰当的设计示例是,用户轻拂照片,在手势完成后,运动才发生。

  • 对于费时的进程,将会提供反馈。 当操作正在进行时,您必须向用户指示某事正在进行。您可以使用内容来指示进度,或使用进度条或使用 Raw 通知作为最后的方式。

  • 在手机和应用程序中手势的响应是一致的。 使用 Windows Phone SDK 中的触控控件可帮助维持一致性,因为他们具有本主题中讨论的触控手势的内置支持。如果创建了自定义触控控件,他们会以类似的方式响应手势。

Windows Phone 应用具有四种输出方式:

  • 显示

  • 音频输出插孔

  • 内部扬声器

  • 振动

设计应用时,您应该考虑所有四种输出。

声音和振动

Windows Phone 会使用声音和振动向用户体验做出有意义的贡献。将音频设想为应用程序的原声带,而不供用户进行操作。在为应用设计音频时,应用基本的极简派艺术原则,避免烦人或不必要的音频。最佳 Windows Phone 应用程序使用音频补充和支持他们的视觉设计材料。

音频指南如下所示:

  • 避免无根据的音频。

  • 避免常规声音效果。

  • 避免可能会促使用户焦虑的刺耳、令人震惊的声音。

说明注意:

用户可以在“铃声和声音”首选项中打开和关闭振动单元。无法重写此设置。

在可能的情况下,使用系统声音。Windows Phone 库会提供数种声音,包括:

  • 系统星号声

  • 惊叹声

  • 警报声

  • Toast

如果系统声音不恰当,声音元素会为用户体验做出有意义的贡献。所有音频资产都具有专业质量,具有低噪音、适当的编辑和平衡的音量。

显示:
© 2014 Microsoft