导航与反馈：图解WWDC设计

基本设计原理–在Apple团队中，我们通常使用导航和反馈Essentialdesinprinciples「HumanInterface」一词来代替「UserInterface」。这种说法并不常见，但对于apple来说却有着深厚的历史渊源。我们的设计指南文档叫做「HumanInterfaceGuidelines」，如你在网上看到的。这份文件可以追溯到1978年，那是我出生前的15年。开个玩笑，我很老了～「user」一个词只定义人与界面的关系，相对狭隘；但是「human」它可以更微妙地揭示我们在为谁设计。当我说我只是一个普通人时，这意味着我有各种各样的缺点，而不是完美的。同时，「human」这个词也能体现出我们身上最高尚的品质。当我们感受到彼此的人性时，我们指的是人类的善良、仁慈、慷慨和其他美德。界面设计的本质是为他人服务。最根本的目标不是建立「好看的」、「架构清晰的」、「简约的」、「聚焦的」即使这些特性极其重要，产品也极其重要。真正的目标是为他人服务，以积极的方式影响他人的生活和工作，以及他们是否能满足人们的实际或情感需求。我们需要安全和确定性；我们需要理解、知识和明确的意义；我们需要完成任务，实现个人或职业目标；我们需要体验美丽和快乐。因此，设计良好的应用程序应该为人们提供这些需求，即操作结果易于预测，使人们感到可靠和可信。这些信息清晰易懂，有助于人们做出有效的决策。流程简直白，帮助人们高效完成任务。美丽的外表，令人愉悦。具有这些设计特点的应用程序会让人们感到快乐和满意。你可以感觉到设计师充分考虑了你的实际需求，并投入了大量的时间和精力来思考如何帮助你快速有效地完成任务。这样的app能让你感受到设计师的人性。那么，我们应该如何设计设计原理，使app具备这些特点呢？说到设计，我们总是专注于特定的技术或过程；这些极其重要，但优秀的设计来自于「设计是什么」更深层次、更基础、更人性化的认知和理解。这些都是我们可以从设计原理中学到的。设计原则诠释了人们认知世界、处理信息、做决定、完成沟通的本质原则。这些原理具有普遍性和恒久性，适用于所有类型的设计。设计原理不会直接告诉我们如何进行特定的设计，它让我们知道为什么要这样设计。设计原理是优秀设计的基础。今天，我将与大家分享一些最典型的设计原则。也许你会认为这些原则看起来非常基本或明显，但在很多情况下，最有意义的往往是那些看起来非常简单的东西。我个人做设计已经20多年了；在此期间，无论是在Apple还是其他开发者社区，我都有幸与许多优秀的设计师合作。我和来自世界各地的开发者就应用程序和游戏中可能存在的各种互动设计问题进行了深入的讨论；每一次经历都让我反复意识到，以这些核心设计原则作为判断设计方案的基础，问题将变得非常清晰和彻底。鉴于这些设计原则的普遍性，我们不妨以现实生活中的经验为线索。让我们来一次小旅程，目的地是夏威夷，资金由我们的团队报销。WayfindingSystem夏威夷之旅的第一站是机场。到达机场后，我们会看到各种各样的标志。这些标志将告诉我们如何到达航站楼、每个航站楼的详细信息、登机口的方向、当前登机口的号码等。如果我们找错了地方或航班，我们也可以通过标志找到附近的其他登机口；如果发生紧急情况，我们也可以在出口标志的指导下离开机场。由这样一系列标志组成的系统是导航系统。导航系统可以帮助人们在复杂的环境中快速准确地行驶，给人们带来方向感和安全感。由于时差等原因，机场的人通常很累；机场设计师必须深入思考如何为乘客提供安全高效的导航系统。一个好的导航系统将提供一个全面和易于理解的目标位置列表，并提供足够的信息来帮助人们对目标位置的内容有明确的期望；一个好的导航系统是高度情境化的，信息的具体性将随着导航水平的深入而不断提高；一个好的导航系统将清楚地显示当前位置和目标位置之间的关系，并帮助人们控制方向；一个好的导航系统也将提供一个明确的出口，这样人们就可以随时回到起点。导航系统通过回答以下最基本的问题，为人们提供安全感和方向感:我在哪里？导航系统通过回答以下最基本的问题，为人们提供安全感和方向感:我在哪里？我能去哪里？那里有什么？附近有什么？怎样才能离开？我们的应用界面就像一个巨大的导航系统。导航栏、内容区、tab栏…所有这些都为app提供导航能力。导航栏的标题或tab栏的选项可以帮助人们了解它们在哪里。内容列表和tab栏中的其他选项让人们知道他们可以去哪里，那里有什么。返回按钮为人们提供了离开当前界面的出口。应用程序中的每一个界面都应该能够回答上述问题，否则人们在使用过程中必然会失去方向感。检查应用程序，评估每个界面是否能快速、清晰、准确地回答上述问题；如果没有，那么你可能需要做一些迭代工作。在反馈Feedback到达夏威夷后，我们可以租车到酒店。然而，汽车作为一种两吨重、高速运行的金属，是一种危险的存在，尤其是当人们疲惫地在不熟悉的地方行驶时。由于驾驶风险，汽车制造商必须仔细设计其互动机制，以确保驾驶安全；我们可以从中学到很多「反馈」的知识。有效的反馈机制可以帮助我们更安全地驾驶汽车，预测可能出现的问题，避免车辆进入正常运行状态。综上所述，汽车可以提供以下类型的反馈：状态反馈：让我们了解汽车的运行状态。完成反馈：告诉我们操作行为是否成功。警告反馈：让我们了解潜在问题。错误反馈：让我们了解错误的发生。为保证驾驶安全，汽车提供的反馈必须清晰、及时、易懂。接下来，让我们对每种类型的反馈机制有一个具体的了解。状态反馈包装上车，准备出发。通过变速杆，我们可以确认汽车目前处于停车状态。关于当前车辆状态的信息非常重要，因此汽车为我们提供了双重确认机制：仪表板除了变速杆外，还可以为我们提供当前车辆状态的反馈。仪表板上的信息还包括状态反馈的其他方面，例如，我可以了解当前的油量，以预测我们下次加油前可以开车去哪里。同样，我也可以随时知道当前的速度，然后避免超速。同样，App中的状态反馈也需要清晰易懂，一目了然。以邮件app为例，未读状态标志可以帮助人们快速了解哪些邮件应该优先阅读。在日历应用程序中，状态标志让我们知道有些人不能参加会议，然后帮助我们判断是否需要重新安排时间表。在相机应用程序中，有三个元素可以帮助人们了解视频的拍摄状态，包括红点、时间和快门风格。清晰直白的状态反馈可以有效地帮助人们节省时间，避免错误。一切都准备好了，我启动了汽车。我们可以听到发动机的轰鸣声，感受到它的振动；仪表板也开始运行。毫无疑问，我们可以开始。我把变速杆切到D档，触觉反馈让我知道变速箱的状态在变化。离开停车位后，自动锁定的音效让我知道门已经安全锁好了。对于这种自动化功能，明确的反馈更为重要。所有这些反馈都能带来安全感。就像汽车用它的语言对我们说:「一切正常，我正在准确地执行你的命令」，这样我就可以安心地专注于更重要的任务，比如安全地离开停车场。应用程序中的完成反馈也起着同样的作用，如锁定iPhone时的音效、标记未读电子邮件或删除电子邮件时的动效等。这些反馈形式自然优雅地吸引你的注意力；它们代表着设备正常运行，给你带来安心。当然，完成反馈可以更加突出，比如通过ApplePay完成交易时的动效和音效，很难错过。应用程序应为人们的每一种行为提供适当的反馈作为确认。绝对有必要让人们立即意识到他们的操作是有效的。警告反馈可以帮助人们了解潜在的问题或错误，如油量低或刹车片磨损严重等。通过状态标志、信息、仪表板、内置显示屏、音效等形式进行警示反馈。警示反馈可以保证我们的安全，防止车辆损坏。反馈错误对汽车和应用程序都至关重要。试着在没有汽油的情况下启动汽车，你就会收到错误的信息。错误自然会令人失望和沮丧。最好的处理方法是帮助人们提前避免错误，警告和完成反馈是防止错误的有效手段。例如，嵌入式表单验证可以为人们提供即时验证反馈，以便及时更正输入，避免提交表单时出现问题。你也可以试着推测人们的真实意图，思考人们在犯错误时的初衷，然后做出合理的回应。例如，在Things3中，如果您输入不存在的6月31日，应用程序将不会直接报告错误；相反，它会自动将日期更改为7月1日。这个细节很精彩，也很人性化。正如你所看到的，清晰、及时、易于理解和有用的反馈对人机交互具有重要意义。反馈回答了一系列重要问题：我能做什么？刚才发生了什么？发生了什么？接下来会发生什么？许多应用程序在反馈机制上表现不佳。主要原因是，当我们设计它时，我们很容易思考静态界面，忘记互动体验是由时间和状态的变化驱动的，在此期间可能会产生大量的情境变化。好的反馈机制会让人觉得自己在和app的设计师交谈。作为设计师，我们可以通过反馈机制回答人们可能提出的问题，为他们提供指导，或者帮助他们理解行动的结果。所以在设计app的时候，不妨想象一下你在和使用app的人面对面交流；想想你会说什么，你会说什么？说到这里，我有一个非常简单但非常有效的技能与你分享：请一些从未使用过你的应用程序的人使用它，让他们在使用过程中说出他们的想法，特别是那些不清楚和令人困惑的地方。然后，您还通过语言向他们解释应用程序的工作方式，为他们提供指导，解释当前情况，包括需要特别注意的信息，等等。最后，回顾整个对话过程，看看app本身的沟通能力与你的语言相比存在哪些问题和不足。在我的经验中，当设计师向我解释他们的设计意图时，信息传递通常比设计本身更有效。在面对面的语言交流中，我们的沟通能力会变得更强；试着在整个对话过程中捕捉有效的信息，并填补当前设计方案中沟通能力不足的地方。