给Apple Watch做适配时10个超实用的技巧

今天这篇文章的价值与十篇理论文章相当。作者的团队在适应自己的todolist软件AppleWatch时总结了10项超实用技能，都是从实战过程中获得的，每一项都值得学习>>>AppleWatch发布后，我们的团队立即意识到，这个新平台将与我们的Todoist形成一个完美的组合。AppleWatch作为一种始终附着在用户手腕上的设备，可以让我们立即访问信息内容。随着各种令人兴奋的可能性，巨大的设计挑战也随之而来。从零开始，我们总是围绕Watch的三个设计主题进行探索：轻量级的整体个人和其他人一样，因为没有实际的设备，我们只能在Xcode提供的模拟器中测试我们的应用程序。模拟器自然可以准确地显示UI和流程方案，但我们知道“体验设计”是不可能在实际环境中通过真实设备进行测试的。我们需要知道不恰当的功能设计使用户必须保持15秒的挫败感，我们需要知道哪些功能和信息是用户在Watch上真正需要的，我们也需要知道以什么形式组织信息才能真正“抬起手腕一眼”。在本文中，我们将与您分享我们通过实际设备使用测试获得的感知，以及如何重新思考最初的设计方案。1.模拟器不能取代实际设备。测试Xcode的模拟器自然是一个很好的起点，也是开发过程中必须使用的工具，但你必须知道模拟器无法提供一些关键的东西。首先，无论是iPhone还是Watch，在现实世界中，我们都用单手或双手操作它们。通过鼠标或触摸板与Mac屏幕上的设备模拟器交互是另一种感觉。你不能真正体验产品，更不用说设计体验了。其次，Watch是腕上设备，无论是获取信息还是互动，你都必须抬起手腕。保持手腕抬高的姿势不会让人感到疲劳，你想象的，在模拟器中恢复和验证的交互过程，你认为“非常短”，一旦放在Watch上，可能不会那么轻。此外，Watch有其独特的互动机制，包括数码表冠、ForceTouch、完全为Watch屏幕设计的第一屏app布局等。在真实设备上使用这些功能后，我们有了更清晰的认识，并开始思考如何将这些互动方式无缝地融入到我们的产品中。2.Watch绝不是迷你iPhone，设计思维必须独立。为了以正确的形式适应Watch，我们一直在问自己:“腕上设备的核心价值是什么？Watch版本的Todoist如何体现这些核心价值？除了独特的界面形式，用户在Watch上真正需要哪些功能？“通过思考这些问题，我们至少明白了重要的一点，那就是你不能简单粗暴地将iPhone版本的UI框架复制到Watch上，有时甚至不能使用最基本的功能架构。Watch版本的核心功能很可能与iPhone完全不同。最后，我们删除了所有涉及复杂交互过程的功能，只向用户提供与今天或当前时刻密切相关的信息。对于app中任何需要操作的地方，我们都会反复考虑其交互模式是否足够简单快捷。如果没有，我们会继续迭代和验证，直到我们觉得它到位。与其他平台相比，AppleWatch有太多的独特性，试图在实践中找到和理解它们，然后思考和迭代自己的产品解决方案。3.Glance视图是Watch独特的界面模式之一。用户可以在表盘界面上滑动，以快速呈现相关应用程序中短而重要的信息。todoist的Glance视图可以让用户知道还有多少事情需要处理，以及最近事情的具体内容。我们最初的设计方案确实可以呈现这些信息，但通过使用实际设备，我们发现内容的可读性仍然太差。我们可以更改模板，更充分地利用屏幕空间，使信息更容易、更快地获取，而无需用户仔细识别文本。大量的待处理事项可以使注意力更加集中，新的logo可以帮助用户快速识别当前的glance。对于Glance视图，毫秒级的差异可以在实际使用中感知到。4.App主界面是交互核心Glance，是用户主动从app获取信息的最快方式，其次是app本身。实际使用Watch后，我们意识到app对交互过程快速度的要求比预期的要求更高。如果需要多次点击，我们倾向于取出iPhone并替换它–几秒钟后，你就会有这样的欲望。因此，应用程序主界面的重要性比我们以前所理解的更重要。您必须尽可能地将最重要的信息和操作集中在这里，而不是像iPhone上习惯的那样提供导航列表，让用户一层一层地挖掘。在最初的版本中，我们不愿意丢弃任何东西，每个功能的权重都是一样的，结果是主界面上放置了一个层次导航列表。之后，我们试图将当时认为更重要的“添加事项”功能单独放在顶部。感觉怪怪的。虽然“添加事项”是iPhone版本的主要功能之一，但它不在Watch上。Watch用户的主要目标是获取信息，而不是创建内容。为了让用户在应用程序的主界面中实现主要目标，我们重建了布局，更突出地呈现了“今天”按钮和信息。剩下的任务数量非常引人注目，并有效地区分了其他次要信息和功能。用户目前的账户和点信息被放在顶部，而Watch上更重要的功能，如收件箱、项目等，都被下移。5.Forcetouch非常有用，需要充分利用Forcetouch，按下屏幕手势，用于唤出与当前界面相关的情境菜单。在实际体验之后，我们意识到我们可以在todoist中为用户提供一些“相关”的次要功能，而不会占用默认显示最重要信息和功能的宝贵空间。最后，我们决定通过forcetouch唤出上述“添加”功能，使其仍然可用，但不会像以前那样占据最重要的位置。用户可以通过按压在应用程序中的任何地方唤出该功能，因为新事物的动机可能会在任何链接中产生，我们不希望用户必须导航回到主界面才能操作。6.妥协是不可避免的。控制极小的屏幕尺寸和短的人机交互时间限制将迫使您选择信息和功能的优先级。在最初的版本中，我们设计了一个简单的项目列表，用户可以通过点击其中一个项目来唤出相关的操作。我们多次讨论这样一个小的交互过程，目的是找出这个链接中最重要的事情是什么–尽可能完整地展示事项内容更重要，还是牺牲部分内容来换取更快的互动方式更重要？我们相信，与不完整的内容相比，额外的操作是真正令人焦虑的。想想那些使用todoist作为购物清单的用户。他们通常需要连续检查几个项目。如果他们每次都要点击下面的界面进行操作，然后返回列表，那将是一件痛苦的事情。我们最终决定帮助用户快速完成任务，即直接在列表中每个事项的右侧放置一个复选框；当然，用户仍然可以点击内容本身进入细节界面，查看更多相对次要的选项。7.最重要的操作是在第一个屏幕上使用表冠滚动屏幕，这是Watch中独特的交互方式之一。它非常有创意，可以帮助用户在小屏幕空间中查看更多内容。但不可否认的是，无论滚动操作多么精致和光滑，它也会延长人机交互的长度。在测试设计方案的第一版时，我们发现在内容的末尾放置操作按钮非常不方便快速操作。特别是对于内容稍长的事项，操作按钮必然会被推到所谓的“折线以下”，用户必须将手指移到表冠上滚动才能看到。虽然这是一个非常短暂的动作，但它仍然会带来糟糕的体验。我们尝试了几个方案，最终决定将两个按钮放在顶部，以最大限度地保持其可达性。8.颜色匹配和图标的使用应该有明确的目的。我们希望Watch版本的Todoist仍然能反映iPhone版本的一些外观和感觉，包括品牌颜色匹配和图标图像。对于38毫米的小屏幕来说，这并不容易。我们需要根据Watch的小屏幕特性对图标进行必要的重设计，包括品牌配色等元素也要潜移默化地贯穿Watchapp，同时也要保证界面和元素的可读性和可读性。我们在iPhone版本中重用了用户熟悉的图标，并增加了线宽，以确保它们在黑色小屏幕背景下具有足够高的对比度和清晰度。9.无论在哪个平台上，如果设计得当，动态效果都可以使交互方式更容易理解，体验更丰富、更愉快。所谓“恰当”，不仅包括形式，还包括适当的数量。界面中充满过多的动态效果只会减慢交互过程，让人感到无聊–对于AppleWatch来说，这是特别需要注意的。我们决定在Watch版本的Todoist中谨慎行事，最终只有两个地方使用了定制的动态效果。第一点是，当您在任务列表中检查某个事项时，复选框将逐渐被背景色填充，并出现钩，然后将任务内容放入灰中，最后整个事项将消失。这套短而精细的动态过程可以清晰、准确地将完成状态传达给用户，让他们知道自己的点击行为已经达到了预期的结果。第二个动态效果是今天任务的空状态视图，一个很有成就感的大钩子，用户在完成当天的所有事情后都会看到。10.限制初代AppleWatch带来的设计和技术限制也是我们不得不面对的，比如Glance视图中显示静态图片的问题，或者缺乏定制的手势应用等等。另外，目前所有的第三方app都只能作为iPhoneapp的扩展，直接影响Watchapp本身的性能，跑得很慢。然而，apple很快就会给第三方开发者带来更多令人兴奋的可能性，比如WWDC带来的watchos2将支持本地化app等等。这意味着我们可以在不久的将来创建一个独立于iPhone的快速Watchapp，并可以应用于Watch中更多的软硬件接口，为用户创建更丰富的体验，包括Taptic的呼叫，以及直接将第三方应用信息输出到表盘的Complication等。我们一直很兴奋，无论是探索和实践新平台，还是在不久的将来更令人兴奋的可能性成为现实，我们都将继续走可穿戴设备与生产力相结合的道路。说到最实际的，我们将继续研究、迭代和验证，使我们的Todoist能够更好地利用Watch的特性，帮助用户更容易、更快地完成日常生活中的重要任务。