设计负责人为通才分享UX工具、方法和框架

丛林健身房是一份充满创意和资源的月度时事通讯，帮助你更清晰地思考，更聪明地工作。

👋如果你是丛林健身房的新手，你可能想看看这篇介绍性的帖子来了解这篇时事通讯是关于什么的。

📝，如果您还不是订阅者，并且想要注册将来的问题，只需输入您的电子邮件：

用谷歌搜索信息的一个限制是，你得到的答案只能和你输入的词条一样好。我曾多次研究一个主题，但在发现正确的技术术语之前找不到任何高质量的内容。

揭开这样的短语感觉就像打开了宝贵知识的宝箱。棘手的部分是找到这些钥匙。

我最喜欢的关键发现策略之一是与聪明人谈论他们的专业领域。这就是为什么我很兴奋地向您介绍Keyring，这是丛林健身房的一种新形式，在那里我将挖掘主题专家的专业知识，以揭示您可以用来在职业生涯中取得进步的工具、方法和框架。

我计划每个月发行一期新的Keyring，以及时事通讯的核心版本(我正在努力改进)。

如果您尚未注册，并且希望将问题发送到您的收件箱，请将您的电子邮件放在下面。

我认识了扎克·哈尔伯特，他和我一起在贸易公司工作。扎克领导着我们的产品设计路线，除了是一位令人难以置信的导师外，他碰巧也是我遇到过的最敏锐的多学科产品思想家之一。多年来我们的谈话对我的思考和工作方式做出了很大贡献。扎克很客气，让我盘问他学习和做设计谋生是什么感觉。

我设计的软件可以解决问题，使用方便，而且看起来很有趣。

从十几岁起，我就学习和练习了各种学科的技能，包括：

我信奉的一句谚语是：“以后越难改变主意，你就应该花越多的时间来做决定。”

我几乎每天都使用这个框架，因为我经常被诱惑在决策上花费错误的时间。

例如，我发现花很多时间做小决定很容易(例如，这些按钮之间应该有8px的空间，还是12px的空间？回答：除了其他设计者没有人关心)，或者做重大决策的时间太少(例如，我们应该关注Persona X的用例，还是Persona Y的用例？)。这个框架帮助我对容易逆转的事情做出快速决定，这样我就可以花更多的时间研究那些具有更重大长期后果的决定。

另一个是价值与努力的对比2x2，这是我更喜欢在产品开发中进行成本效益分析的方式。

设计师通常从为理想世界精心设计产品愿景开始，然后需要基于工程、时间表或预算限制将该愿景带回现实。我通常在与工程和产品协作时使用这个2x2，这样我就可以在我们拥有的限制内设计出尽可能好的用户体验。

当我以战略的方式设计产品时，系统思维框架是无价的。

用户体验是动态的系统，它不断地循环、演变，并且加起来比它们各部分的总和更大。

例如，如果我描述像Twitter这样的工具，说它可以让你与世界分享快速思维或分享他人的快速思维，那么对Twitter所代表的文化力量的描述就严重不足。要描述像Twitter这样的工具，最好的方式是不仅描述组成部分，而且描述整体的紧急属性。

在战术模式下设计产品时，我使用面向对象的编程框架来更好地理解用户可以执行的可能操作的范围。

简而言之，大多数软件只是简单地操作数据对象及其属性(创建、读取、更新、销毁等)，并在这些对象上执行操作。

例如，以电子邮件为例-我可以创建、删除或存档“电子邮件”对象。创建后，我可以将该电子邮件发送给用户、接收来自用户的电子邮件或将收到的电子邮件转发给用户。这是对电子邮件的简单描述，但通过面向对象的视角思考有助于确保我在设计产品体验时不会忘记可能的用例。

你创造的作为工作成果的有价值的资产是什么？

一些看起来像真正的软件，在特定的叙述中看起来像真正的软件，但实际上并不是真正的软件的东西。

帮助我和团队确定软件将如何工作、外观和行为的细节。

给了我一些东西来测试用户，这样我们就可以了解什么是有意义的，什么是没有意义的。

使产品和工程团队与我们正在构建的内容保持一致，并帮助我们将工作分解成软件工程师可以开发的故事。

它以尽可能低的成本完成所有这些工作，这有助于我们避免在编写真正的代码后犯代价高昂的错误--这是相对昂贵的。

我构建UI原型的过程取决于我需要学习什么。我试着以尽可能低的保真度为目标来学习我需要学习的东西。如果我的目标是测试一个普通用户是否理解我们营销网站上的标语，那么静态原型甚至一个Word文档可能就足够了。

如果我需要在开发人员开始编码之前测试用户流是否有意义(这代表了我的大部分工作)，我会从纸笔开始，勾勒出流中的关键时刻。有时，我还会绘制用户和/或任务流程图，以确保流程中没有“死胡同”，并且我已经涵盖了我们在此版本中优先考虑的所有用例。为了理解和交流复杂的任务流，我使用业务流程建模表示法，我也在内部使用它来绘制我自己的工作流程。

一旦我有了我想要设计的粗略草图或地图，我就会转向Figma或HTML/CSS/Javascript，这取决于什么是最快的，以及我的学习目标有多复杂。例如，如果我正在设计一个电子商务流程，那么Figma就是完美的。另一方面，如果我需要测试用户如何与专业建模软件交互，那么使用前端代码构建模拟会更容易。

一旦我有了一个原型，让用户测试员完成一个完整的叙述循环，我就会与少数用户一起测试特定的任务，直到我解决了所有的问题或耗尽了时间-以先来的为准。

如果您手头没有设计器，UI原型很容易合并到您的工作中，并且您不必使用专业的设计软件。值得注意的是，像Figma、Sketch和XD这样的现代设计工具对新用户来说比Photoshop简单了几个数量级，因此进入门槛比过去低得多。然而，大多数非设计师也熟悉Keynote或Powerpoint等演示软件，它们可以完成设计UI原型所需的一切-包括添加模拟交互性。最快的开始方式是从Keynotopia找到一个很好的UI工具包，然后开始尝试使用预构建的UI元素来讲述您想要讲述的故事。

对于那些想把这一点融入到他们的工作中的人，你有什么建议的资源吗？

我推荐通读“创业”(Startups)，这就是Wells Riley的“设计是如何工作的”(This How Design Works)，为非设计读者写了一个很好的设计概述。

如果你有比钱更多的时间，并且想要自己构建原型，Smsing Mag有一个很好的主旨特定的教程。Keynotopia是Keynote或Powerpoint UI工具包的一个很好的来源，这些工具包为您提供了可以使用的UI组件。如果你使用的是Figma、Sketch App source for Sketch或XD Guru for Adobe XD，那么Figma模板有很多很好的起点。

如果你的钱比时间多，我建议你找一个有才华的设计师来雇佣。雇佣一名自由职业者或短期合同工是负担得起的，而且可以在没有设计师帮助的情况下极大地降低开发软件的风险和成本。开始学习设计UI原型相对容易，但很难掌握。聘请一位研究多年的设计师是值得的，并将为你的底线带来奇迹-麦肯锡会同意这一点。

我很想看看生活中的一周对你来说是什么样子。您介意分享一下您的日历截图吗？

非常感谢扎克·哈尔伯特让我们所有人都进入他的大脑。

我很想听听你对这种新形式的看法。如果你喜欢它，或者对如何改进它有什么建议，请给我一个快速回复！

如果你觉得这篇文章很有价值，如果你能与其他人分享，我将非常感激。你可以通过转发这封电子邮件或者在Twitter或LinkedIn上分享它来做到这一点。

你认为我应该在未来一期的“钥匙扣”中介绍什么人吗？把他们的名字发给我！