导出 (0) 打印
全部展开

Windows Phone 的图块设计准则

2013/12/5

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

图块允许您在应用没有运行时,在 Windows Phone“开始”屏幕上向客户展示丰富和引人入胜的内容。

Windows Phone Tile overview image

图块可以处于活动状态(通过通知进行更新),或者您可以将它们保留为静态。图块一开始将作为应用清单内定义的默认图块。静态图块将始终显示默认内容,通常为占据整个图块的徽标图像。活动图块可以对默认图块进行更新以显示最新的内容,且仅可通过其他更新返回默认图块。所有图块都拥有一个用于显示计数的区域,具体取决于模板。

“开始”屏幕上的图块拥有三种大小 - 小、中等和宽(宽为可选项)。

需谨记的两大要点:

  • 用户可以随时在小、中等或宽之间选择,以对图块进行大小调整。

  • 您需要向用户提供一种方法,使其能够随时在应用内关闭和打开图块通知。

Windows Phone 8 支持三种类型的图块模板 - 翻转、图标和循环。有关选择正确的图块模板的更多信息,请参见为 Windows Phone 应用选择最佳的图块模板

本节讨论了在计划图块的外观和使用方法时,应该遵循的指南以及应谨记的设计注意事项。

本主题包含以下各节。

您的目标是为应用创建一个具有吸引力的图块。如果您使用活动图块,您的目标则是向客户展示引人入胜的新内容,使客户在他们的“开始”屏幕中看到这些内容时会觉得非常有用,并且这些内容将吸引他们启动该应用。要实现这一目的,请避免过度使用亮丽的颜色。简单、清晰、设计优雅的图块相较于那些一味夺人眼球的图块要更为成功。

设计应用时,基于以下几个原因,您应该考虑使用活动图块:

  • 图块是您应用的“门面”。富有吸引力的活动图块可在应用未运行时将用户吸引至您的应用。客户会越来越珍视他们经常使用的应用。

  • 活动图块是一大卖点,它使您的应用区别于操作系统上那些在其“开始”屏幕中仅允许静态图块和图标的应用。

  • 活动图块是一大卖点,它使您的应用区别于 Windows Phone 商店中的其他应用。相比具有静态图块的类似应用,客户可能会喜欢具有出色活动图块的应用。

  • 如果客户喜欢您的活动图块,客户会将图块放置在“开始”的突出位置,以便再次启用您的应用。通过图块偶然发掘出您应用中非常棒的内容将使用户很高兴。

  • 如果用户不喜欢您的图块,他们可能会将它放置在“开始”的末端或干脆取消固定、关闭更新,甚至卸载您的应用。

使活动图块富有吸引力的特征为:

  • 具有新鲜和经常更新的内容,这在应用未运行时可使客户感觉应用处于活跃状态。

    示例:显示最新要闻或新电子邮件的数量。

  • 利用您了解到的客户信息(如,您允许客户通过应用设置指定的兴趣)个性化或定制的更新。

    示例:符合客户爱好的当天交易。

  • 与客户当前场景相关的内容。

    示例:使用客户当前位置以显示相关交通地图的交通状况应用。

必须了解小和中等图块大小,这是因为它们始终对用户可用。创建图块时,所有图块最开始为中等大小,然后需要重新将大小调整为小。您还需要决定是否要允许宽图块。可以通过在清单中定义默认的图块时提供宽图像,以及设置清单设计器中的支持宽图块选项来作出选择。如果您没有将应用设置为包含宽图像,图块将被设置为中等并且仅可在中等和小之间进行大小调整。应用将无法接受宽的更新通知。

Windows Phone Iconic Tile template showcase image

小、中等和宽图块

为您的应用创建图块时,请考虑以下设计准则:

  • 仅在应用拥有要向用户显示的新的和有趣内容时,以及在这些通知经常进行更新(至少每周)的条件下使用宽图块。

  • 小或中等图块显示的内容要少于宽图块,因此请对内容进行优先排序。不要尝试将可在宽图块中显示的所有内容全部填充到小或中等图块。

  • 如果应用不使用图块通知向用户发送更新,则仅使用小或中等图块。

  • 如果您的应用仅支持简短摘要通知的场景 - 即能够通过一个计数或单个数字表达的通知,请使用具有计数的小或中等图块。例如,计划使用通知以传达收到的新文本数量的 SMS 应用符合此场景。不要在清单中提供宽图像。

  • 如果应用发送的更新不应该在“开始”屏幕上详细显示,则使用小和中等大小。例如,工资单据应用只需简单表明有新的工资单据可用,而不应提及细节(如,支出金额)。不要在清单中提供宽图像。

应用的默认图块在其清单中进行了定义。它是静态的,大小为小、中等或宽,并且通常设计简单。对于某些应用,默认图块足够满足您的需要。安装应用后,默认图块将显示在“开始”屏幕上,直到图块收到更新通知。

默认图块的正确用法

创建默认图块时,请谨记以下几点:

  • 使用默认图块图像来反映应用的品牌,通常应将其作为您应用徽标的画布。

  • 如果您正包含宽图像,考虑您将提供的宽和小/中等图块图像之间的设计关联。始终谨记用户可以选择将您的图块显示为小、中等或宽,并且可以随时更改该选项。下面是一些常见规则:

    • 在具有相同高度的中等和宽图块中,保持相同的徽标垂直放置。

    • 在图块的底部包含应用名称(如果徽标没有包含)。以下示例演示了这些情形。

使用清单内定义的应用名称元素的图块:

Small, medium, and wide Tiles

包含徽标图像中应用的名称的图块:

若您在其本身在翻转或循环图块图像中为透明色的徽标周围生成空白,将透过空白显示用户的主题颜色。但是,如果您选择图标图块,您可以在清单中指定品牌的颜色。此策略可以用于徽标,例如之前显示的邮件应用图块。

默认图块的错误用法

在设计默认图块时,应该避免的一些事项:

  • 不要将默认图块设计为包含对启动应用的显式文本调用,例如宣称“单击我!”的图块。

  • 如果您的徽标包含应用的名称,不要在名称字段内重复该名称。使用一个名称或其他名称,如下所示:

    Medium and wide Tiles

说明注意:

用户将使用应用中提供的按钮来创建次要图块。创建次要图块时,系统通常会将用户导航到“开始”屏幕,以便他们能够看到图块的放置位置。固定图块后,他们只需按“返回”按钮即可返回到应用。用户还具有对次要图块删除的显式控制,方法是通过“开始”屏幕或通过父应用进行操作。

次要图块的正确用法

有关正确使用次要图块的注意要点:

  • 次要图块,类似“开始”屏幕上的所有图块,是动态的显示窗口,因此需要不断地使用新内容进行经常性地更新。通过使用与其他图块相似的机制,次要图块也可以显示通知。

  • 尽管是否创建次要图块完全取决于用户,但向用户提供的用于固定的应用内区域是由开发人员所决定的,这些开发人员应遵循以下准则:

    • 如果焦点内的内容已经固定,应用栏应该显示和启用“固定”按钮(或“取消固定”按钮),以便用户可以使用它来取消固定已固定的内容。

    • 如果无法固定焦点内的内容,则不应该显示应用栏固定按钮。如果应用将固定命令显示在应用栏外,则要么不应显示应用栏的固定按钮,要么应将其显示为禁用状态。是否禁用或不显示固定按钮取决于它在启用时显示在 UI 图面和场景上的位置。

    • 使用由 SDK 提供的应用栏按钮进行固定和取消固定。

    • 您也可以添加特定于您的应用并能够创建次要图块的情景互动。

次要图块的错误用法

创建次要图块时尝试避免以下做法:

  • 不要将次要图块用作无法更改的离散文件或其他静态内容的快捷方式。

  • 不要将次要图块用作与父应用进行交互的虚拟命令按钮,例如“跳至下一个曲目”图块。

下面是需要谨记的有关图块设计的其他提示:

  • 不要使用图像或文本元素以在图块更新通知中显示应用的品牌信息。要强化应用的品牌并向用户提供一致性,使用用于该用途的模板元素:应用名称(标题)图像。对于不同的通知,活动图块的外观会发生显著变化,但名称的位置是一致的。这可以确保用户能够通过快速浏览找到他们喜爱的应用,并在每个图块上相同的位置看到该信息。如果您的应用不使用提供的品牌元素,用户将很难快速识别您应用的图块。

  • 不要将品牌用作循环模板内图像的项目之一。此场景涉及能够吸引用户眼球的图块的动画变化。如果仅通过动画来显示您的品牌,而不是感兴趣的新内容来吸引用户的注意,只会惹恼用户。

  • 不要将图块用于广告。

  • 避免在图块中过度使用亮丽的颜色。简单、清晰、设计优雅的图块相较于那些一味夺人眼球的图块要更为成功。

  • 不要依赖图块向用户发送紧急、实时的信息。例如,图块不是通信应用用来告知用户来电的正确显示方式。Toast 通知是用于显示实时消息的更好媒介。

  • 避免类似超链接、按钮或其他控件的图像内容。图块不支持这些元素,并且整个图块是一个单击目标。

  • 不要在图块更新通知上使用相对的时间戳或日期(例如“两个小时前”)- 它们在时间向前移动时将保持静态状态,从而导致消息不准确。 使用绝对的日期或时间(例如,“14:00”)。

显示:
© 2015 Microsoft