Windows Phone 7

  • 项目

在设计卖 Windows Phone 应用程序

Mark Hopkins

好的设计不只美丽的视觉效果向应用程序添加后您已经实现了所有功能。它是决定用户交互方式与您的应用程序，以及如何它将外观和功能的过程。用户体验扮演巨大确定如何快乐的人会与您的应用程序，所以您不应该忽略这一步。设计不应是马后炮。

可能会出现我的年龄，但我记得我了，开始讲讲您的程序在代码开始之前规划的重要性几乎每个计算机科学类。我们使用工具如流程图绘制实际的纸张上的真实铅笔 （和通常的大橡皮擦附近）。这是因为计算机时间贵，旧的硬件上。你想确定你让你有的时间的最大。如今计算机时间还蛮便宜的还有令人惊异的工具，如 Visual Studio 和表达的混合，使它很容易得到这东西看起来相当好了，运行速度非常快。因此，没有坐下来，然后开始编码的倾向。在本文中，我要谈谈花的时间提前设计您的应用程序，以便您可以在编码保存时间处理和收获 Windows Phone 市场回报 (windowsphone.com/marketplace)。

我将讨论故意设计你的 Windows Phone 应用程序，其中包括头脑风暴、 信息体系结构、 原型、 用户研究和迭代，所有在你面前写一行代码的意思。我还会注意到一些可用于这些活动的工具。

为什么设计？

通过评级和评论 Windows Phone 市场上的看。我在审查中发现的一致投诉之一是当一个应用程序不会什么用户的期望。我见过出轨两字评语如，"不起作用，"或，通常情况下，得更糟。这些投诉一些有效，有些则不然。它可能会审阅者不懂如何应用程序为了工作。就是用户的故障或应用程序的吗？这是直接从市场上进行审查：

"用户界面是可怕，它真的慢。这是不可用。

这项检讨可能是含糊不清，但我认为它反映了这一事实人们并不愿意投入大量的精力学习复杂的应用程序，在手机上。也不是他们愿意花很多时间给予详细的反馈。谁能责怪他们呢？电话是偶尔使用的设备。您的应用程序需要明显且易于使用。与数以万计的可用的应用程序，用户不可能花很多时间与之一，不是给他们的回报他们寻求，是否这解决问题或被受理，虽然他们在银行排队等候。

因为没有很多的用户界面元素，在手机屏幕上的空间，您需要真的想通过用户与您的应用程序的交互方式。一个设计良好的、 完整的和易于使用的应用程序将生成销售。如人们下载并查看您的应用程序在 Windows Phone 市场中，那些伟大的评论将燃料继续下载。

地铁设计原则

地铁是进入 Windows Phone，而到 Windows 8 的设计哲学的名称。人们已经写许多关于地铁，但我想简要地复习地铁设计原则之前我进入实际设计应用程序的过程。

  • 清洁、 光、 打开和快速应用程序应该很容易理解，一目了然。他们应该是非常敏感的用户输入。他们应该有清洁、 打开看有很多的空白。
  • 庆祝排版字是公用的所有用户界面设计中，并使它们的显示方式的差异。类型是美丽的。不仅是赏心悦目，它还可以正常运行。正确的平衡的重量和定位可以创建视觉的层次结构。此外，恰到好处的类型可以指示用户到更多的内容。
  • 活在议案中运动就是生命，和运动给生活带来 Windows Phone。活的瓷砖、 过渡和响应用户输入一起配合的一切。转换的用户体验设计的重要组成部分。很好的过渡给您的应用程序上下文的用户线索。
  • 内容，不是 Chrome 用户感兴趣的内容。内容应是高架和一切其他最小化。通过删除尽可能多的铬，您使内容成为关注的焦点。这是在小屏幕上尤为重要。内容是用户界面，用户应该能够直接与其进行交互。该功能用于调整图像使用捏手势是这种直接交互的示例。
  • 正宗数字显式设计使用触摸、 高分辨率的屏幕和简化的形式的互动的手持设备。换句话说，将"正宗数字"。不要试图模拟模拟的控件如旋钮。

设计过程

如果你够幸运，在一家公司设计部工作，参与设计师开头。您的应用程序将获益的理解用户体验设计的人一起工作。你们很多人可能在小公司工作，不过，甚至成为手机侧占领，对你自己的所以你得处理设计自己。让我们讨论设计过程，所以您可以包括这些做法，当您创建您的 Windows Phone 的杰作。

头脑风暴有创意。您已经有一个想法，有关应用程序要生成或您可能试图想出一个。在任一情况下，头脑风暴可以帮助您探索你可能没有考虑的想法。它的乐趣 ！

请尝试，如有可能与其他人进行集体讨论。如果你是孤独的开发人员创建自己的应用程序，问问你的家人或朋友跟你做这一组。但应该注意如果您使用其他人的想法可能出现的法律问题。灵感触发点是生成尽可能多的想法。

我要去假定您熟悉的灵感触发机制。但只是为了审查，下面是一些进程的准则：

  • 写下的一切。
  • 在现阶段，不知道是也太不像话了。
  • 设置时间限制，以便让事情朝着。
  • 现在还不深潜任何东西。

您的应用程序能够帮助人们完成一项任务，或其目的可能是要招待他们。在任何情况下，你是说故事的人。你的头脑风暴，请考虑这些问题，以帮助种子：

  • 您的应用程序会做什么？
  • 为您的应用程序是谁？
  • 您的应用程序是如何融入市场的？
  • 何时何地将使用您的应用程序？
  • 将显示哪些内容？
  • 您的应用程序可以充分利用硬件？
  • 你的应用程序的想法与类似的软件，在 Windows Phone 市场和其他智能手机应用程序商店相比如何？

你想出来的想法大列表后，他们通过约束，以帮助您缩小他们一些实际上，您将创建的列表进行筛选。您的问题可能包括：

  • 吗，还是可以我获得，来实现此应用程序的技能？
  • 可以开发这个应用程序在一个合理的时间框架吗？
  • 我可以承受发展这个应用程序吗？
  • 我可以利用其他资产一样的在线服务呢？
  • 我可以与某个让这个应用程序更好合作吗？
  • 有大量的基础设施所需的这款软件吗？例如，流媒体服务可能是一个令人敬畏的想法，但能脱离地面的这种服务所需的服务器资源吗？

如果你已经做得不错灵感触发会议，您应该大列表的想法，所以你可能得要得到你两个或三个想法确实要向前移动到列表非常关键。

素描与设计原型的线框涉及一起拉您的灵感。您可能要通过评估一些类似的应用程序已经在市场上开始。你可能会发现好的和坏的设计。每个提供了学习的好机会。

使用白板或铅笔和纸快速移动。设置您的应用程序的导航结构的布局。设计师称之为的信息体系结构中，尽管这意味着，我们这些内容发布世界完全不同的东西。不管什么你叫它，这一步可以发现您的设计中不一致的地方。它也可以激发使您的应用程序更易于使用的想法。我做了一些便笺和我白板快速运动 （请参见图 1)。这个例子是非常简单的但它显示了这一步可能外观。每个帖子表示在线购物应用程序中的页。

Information Architecture Planning
图 1 的信息体系结构规划

这里的详细信息并不重要 ； 在不到一分钟，我画了这些页面。是真的想通过流和应用程序导航。粘滞便笺是伟大的工具，快速模拟出应用程序的页。他们实际的手机屏幕大小类似，因为他们可以传授实际应用程序的感觉。

使用白板导航的布局轻松移动网页和绘制连接不必投入太多的时间。这项工作迅速和明显地显示了在何处有孔，您计划的界面。它还有助于您估计多少你会着手实现你的愿景的编码工作。

试着以使其他人获得他们对您的信息体系结构，也许同事或朋友和家庭成员如果你对自己工作。他们走过的设计，但不是尝试 overexplain。目的和导航应用程序应该是明显 ； 不断完善直到它。

原型和用户研究一旦你满意的页面和导航的您，它是设计的创建原型并开始从用户获取一些反馈时间。

原型并不一定要有效的应用程序。纸上原型是极好的工具，用于快速创建向用户的可用性测试显示应用程序的外观和感觉 （请参见图2)。当然，如果您使用的文件，您需要帮助用户理解应用程序是如何工作的。"纸上原型"YouTube 搜索，你会发现许多视频显示这一进程。

Paper Prototype
图 2 纸上原型

一旦你有几个原型，邀请用户试用它们。请说明其目标应用程序中的，而不是提出具体的建议，有关 UI 或交互的用户。

请尝试回答下面的问题关于您的应用程序的功能元素：

  • 不清楚您的应用程序是什么吗？
  • 不清楚如何操作？
  • 任务是直观的目的和操作吗？

这可以是一个非常强大和奖励的过程。我一旦看着快速创建新的设计，设计团队之前可用性下一组测试科目甚至出现了。在一天之内，他们能测试出几种设计。浅谈敏捷 ！

循环，并基于用户反馈的细化继续改进您的原型。小心不要纠缠于用户请求更多和更多的功能。虽然一些用户的反馈可能提醒您用户界面的问题，应全面吸收大部分。集中和最小，请保持您的应用程序。

一旦你已经改进你的设计需要的东西你想上一篇­发，移动到计算机。请考虑使用原型工具如 SketchFlow (microsoft.com/expression/products/Sketchflow_Overview) 开始实际页面的设计草图。这样就不需要在有关编码做出决策，包括足够的详细信息：

  • 视觉元素：版式和内容提出了明确、 清晰和简明？引人注目的是显示吗？Windows Phone 为主题资源 (msdn.microsoft.com/­library/ff769552(VS.92)） 更容易坚持地铁设计原则，以及用户首选项，通过提供预定义的值的属性如画笔、 颜色和字体。
  • 控件的元素：控件大小和间距为容易触摸操作吗？请注意在 Visual Studio 中，工具箱中的工具已经是地铁为主题。
  • 品牌的元素：您准确地复制颜色和标志吗？是所有艺术符合版权吗？

请确保您的实现需要重新创建您在成型过程中映射的交互的所有元素。确认任务和操作看流正确基于您较早前的可用性测试。

在简单的工作流图表图 3 直观地表示我描述的设计过程。

The Design Process
图 3 设计过程

设计工具

它现在应该明显你不需要大量昂贵的工具来设计您的应用程序做好投资。你现在所拥有的这些工具可用一些机会。

  • 纸和笔：原设计工具，仍然强大。
  • 附注：这些都是伟大的"画布"手机页面设计的。
  • 摄像机：记录的可用性测试，和创建静帧动画的同事、 朋友、 家人分享您的设计。
  • Windows Phone SDK 7.1：免费下载 (bit.ly/snlph6），包括 Visual Studio 2010 表示为 Windows Phone、 Windows Phone 仿真器和 Windows Phone 的表达混合。
  • SketchFlow：允许您快速草绘表达混合中的功能设计。

Resources

有许多的在线资源，可帮助您设计您的 Windows Phone 应用程序一样。以下文档资源深入主题更详细讨论这里：

你永远不知道灵感可能来自，因此输入很重要。以下的 Twitter 用户经常微博有用和有趣的设计和用户研究课题：

接近尾声了

一旦完成您的设计，是时候开始编码。因为所有的设计工作已经提前，你会免费集中精力实现您已经通过可用性测试已验证的功能所需的逻辑。此过程将为您节省时间，因为您不必重新设计您的应用程序中执行的中间。你会已经测试您的应用程序与实际的用户，因为你会更有可能最终在 Windows Phone 市场上好的评价。

Windows Phone SDK 尝试设置你的成功与主题控件和 Visual Studio 模板，包括标题、 主题资源等等。您仍需要做好知识产权工作提前，但工具将帮助您创建一个漂亮的地铁应用程序，一旦你进入实施阶段。

这篇文章在设计的时候是只是冰山的一角。我希望我已经激起了你的兴趣，并帮助您考虑这一过程可以如何提高你的下一个 Windows Phone 应用程序的质量。一个设计良好的应用程序创建一个反馈循环 Windows Phone 市场上，会导致更多下载和更多的销售。投资更多的思想，在您的应用程序的设计中，可能他们会疯狂地成功。

Mark Hopkins 是一位高级编程的作家 Windows Phone 开发者文档团队。他已受雇在微软自 1992年工作，专注于开发人员的产品开发人员的支持，包括 Visual c + +、 MFC、 Windows 平台 SDK、 互联网资源管理器中的 SDK，Tablet PC SDK、 表面 SDK 和 Windows Phone SDK。

多亏了以下技术专家，检讨这篇文章： Robert Lyon， Cheryl Simmons 和 Matt Stroshane